MENU
Beranda
Skrip
Glosarium
Tentang
Nyekrip Yuk
Web Tutorial Indonesia
Beranda
Skrip
Glosarium
Tentang
Nyekrip Yuk
Cari
contoh skrip template responsive
Nyekrip
»
contoh skrip template responsive
Jalankan!
Unduh!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> Nyekrip - Membuat Template Responsive</title> <link rel="stylesheet" type="text/css" href="http://nyekrip.com/demo/nyekrip-template-website-responsive-nyekrip/style/reset.css" /> <link rel="stylesheet" type="text/css" href="http://nyekrip.com/demo/nyekrip-template-website-responsive-nyekrip/style/style.css" /> <link rel="stylesheet" type="text/css" href="http://nyekrip.com/demo/nyekrip-template-website-responsive-nyekrip/style/media-queries.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:700,400,400italic,700italic' rel='stylesheet' type='text/css'> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body id="home"> <div id="wrapper"> <header> <h1><a href="index.html">Nyekrip</a></h1> <h2>Nyekrip <span>-</span> Web Tutorial Indonesia</h2> <nav> <a href="#">Beranda</a> <a href="#">Skrip</a> <a href="#">Glosarium</a> <a href="#">Tentang</a> <a href="#">Nyekrip Yuk</a> <div class="clearfix"></div> </nav> </header> <section id="main-content"> <div id="featured"> <h3>Tutorial Populer :</h3> <h4><a href="#">Tutorial 1</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor eros at ipsum posuere, quis dapibus metus tempus. Vivamus sodales egestas consequat. Donec sodales aliquet lectus pellentesque dignissim. Curabitur ipsum magna, sodales quis auctor quis, pulvinar eu neque.llis... <br/> <a href="#">Nyekrip More →</a></p> </div> <!-- END Featured --> <hr/> <div id="latest"> <section class="left-col"> <h3>Tutorial Terbaru :</h3><br/> <h4><a href="#">Tutorial 1</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor eros at ipsum posuere. <a href="#">Nyekrip More →</a></p> <h4><a href="#">Tutorial 2</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor eros at ipsum posuere. <a href="#">Nyekrip More →</a></p> <h4><a href="#">Tutorial 3</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor eros at ipsum posuere. <a href="#">Nyekrip More →</a></p> </section> <!-- END Left Column --> <aside class="sidebar"> <h4><a href="#">Arsip</a></h4> <ul> <li><a href="#">Jan 2015</a></li> <li><a href="#">Feb 2015</a></li> <li><a href="#">Mar 2015</a></li> </ul> <br/> <h4><a href="#">Kategori</a></h4> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">PHP</a></li> </ul> <br/> <h4><a href="#">Sosial</a></h4> <ul> <li><a href="#">Facebook</a></li> <li><a href="#">Twitter</a></li> <li><a href="#">RSS</a></li> <li><a href="#">Google+</a></li> </ul> </aside> </div> <!-- END Latest --> <div class="clearfix"></div> <hr/> <div id="about"> <h3>Tentang</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor eros at ipsum posuere, quis dapibus metus tempus. Vivamus sodales egestas consequat. Donec sodales aliquet lectus pellentesque dignissim. Curabitur ipsum magna, sodales quis auctor quis, pulvinar eu neque.llis... </p> </div> </section> <hr/> <footer> <p>© 2015 - Membuat Template Responsive</p> </footer> </div> <!-- END Wrapper --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> </body> </html>
New Tab
Ctrl + T
New Window
Ctrl + N
New Incognito Window
Ctrl + Shift + N
Bookmarks
Edit
Zoom
Save Page As..
Ctrl + S
Find..
Ctrl + F
Print..
Ctrl + P
Tools
History
Ctrl + H
Downloads
Ctrl + J
Signed in as youremail@yahoo.com
Settings
About Google Chrome
View Background Pages (8)
Help
Error Iframe.