API tools faq
paste
Advertisement
Iyanyan

index web responsive

Iyanyan
Oct 24th, 2019
212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.21 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.     <title>CodeKu Blog</title>
  4.     <link rel="stylesheet" type="text/css" href="style.css">
  5. </head>
  6. <body>
  7.    
  8.     <!-- bagian header template -->
  9.     <header>
  10.         <h1 class="judul">Contoh Web Responsive Codeku</h1>
  11.         <p class="deskripsi">Tutorial NgeCoding Sampai Mampus</p>
  12.     </header>
  13.     <!-- akhir bagian header template -->
  14.    
  15.     <div class="wrap">
  16.         <!-- bagian menu         -->
  17.         <nav class="menu">
  18.             <ul>
  19.                 <li>
  20.                     <a href="#">Home</a>
  21.                 </li>
  22.                 <li>
  23.                     <a href="#">PHP</a>
  24.                 </li>
  25.                 <li>
  26.                     <a href="#">CSS</a>
  27.                 </li>
  28.                 <li>
  29.                     <a href="#">About Us</a>
  30.                 </li>
  31.             </ul>
  32.         </nav>
  33.         <!-- akhir bagian menu -->
  34.  
  35.         <!-- bagian sidebar website -->
  36.         <aside class="sidebar">
  37.             <div class="widget">
  38.                 <h2>About Us</h2>
  39.                 <p>ini adalah contoh web responsive sederhana yang wajib kamu pelajari</p>
  40.             </div>
  41.             <div class="widget">
  42.                 <h2>Tutorial Gratis</h2>
  43.                 <p>Kamu bisa belajar pemograman Di codeku.org & malasngoding.com</a></p>
  44.             </div>
  45.         </aside>
  46.         <!-- akhir bagian sidebar website -->
  47.  
  48.         <!-- bagian konten Blog -->
  49.         <div class="blog">
  50.             <div class="conteudo">
  51.                 <div class="post-info">
  52.                     Posted By <b>Codeku</b>
  53.                 </div>
  54.                 <img src="https://s3-us-west-2.amazonaws.com/robogarden-new/Articles/upload/blogs/lg-leverage-of-coding.jpg">
  55.                 <h1> Belajar Ngoding Dari Nol </h1>
  56.                 <hr>
  57.                 <p>
  58.                     ini adalah tutorial Untuk Belajar ngoding Dari nol sampai kamu bisa, Jangan Sampai lupa artikel kami lainnya
  59.                     karena kami akan selalu update setiap harinya minimal satu artikel perharinya sehingga kamu bisa cepat belajar
  60.                     coding
  61.                 </p>               
  62.                 <a href="#" class="continue-lendo">Selengkapnya..</a>
  63.             </div>
  64.             <div class="conteudo">
  65.                 <div class="post-info">
  66.                     Posted By <b>CodeKu</b>
  67.                 </div>
  68.                 <img src="https://www.simplilearn.com/ice9/free_resources_article_thumb/Best-Programming-Languages-to-Start-Learning-Today.jpg">
  69.                 <h1> Jenis Bahasa Pemograman </h1>
  70.                 <hr>
  71.                 <p>
  72.                     Terdapat Banyak Sekali Bahasa pemograman yang wajib kamu pelajari.
  73.                     salah satu contohnya
  74.                 </p>               
  75.                 <a href="#" class="continue-lendo">Selengkapnya..</a>
  76.             </div>
  77.         </div>
  78.         <!-- akhir bagian konten Blog -->
  79.     </div>
  80.  
  81. </body>
  82. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!