<!DOCTYPE html> <html> <head> <title>Judul Website</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="wrapper"> <header> <h1>My Website</h1> <h2>Slogan Website</h2> </header> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="menu.html">Menu</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </nav> <section> <article> <div class="pad"> <h1 class="title">Judul Utama</h1> <div class="post-info">Oleh Ari Julianto | 27 Juni 2014 jam 22:57 | Dibaca 123 kali</div> <p><img src="home.png" class="left" />Konten paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah</p> <p><img src="home.png" class="right" />Konten paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah paragrah</p> </div> </article> <aside> <h2>Title Blok 1</h2> <div class="sidebox"> konten sidebox 1</div> <h2>Title Blok 2</h2> <div class="sidebox"> konten sidebox 2</div> <h2>Title Blok 3</h2> <div class="sidebox"> konten sidebox 3</div> </aside> </section> <footer>Copyright © 2014. My Website</footer> </div> </body> </html>