martinms

Skeleton Menghubungkan HTML dan CSS

Jul 11th, 2021
479
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.09 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.  
  9.   <title>Menghubungkan HTML dan CSS</title>
  10.  
  11.   <link
  12.    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
  13.    rel="stylesheet">
  14. </head>
  15.  
  16. <body>
  17.   <header>
  18.     <h1 class="judul-situs">
  19.       <a href="#">Sebuah Situs HTML</a>
  20.     </h1>
  21.   </header>
  22.   <div id="konten">
  23.     <article class="post">
  24.       <div class="heading">
  25.         <h2 class="judul-post">Ini adalah sebuah judul posting</h2>
  26.       </div>
  27.       <div class="isi">
  28.         <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet, sapiente iure nisi dolor temporibus,
  29.           laboriosam soluta atque hic explicabo vero alias molestiae aperiam voluptatum corporis omnis pariatur non
  30.           minus porro nam sint. Quasi qui inventore adipisci repellat impedit debitis similique, omnis non vitae porro
  31.           laborum dicta deleniti nihil ipsum commodi odit laudantium nesciunt? Corporis qui perferendis saepe sit vero,
  32.           minima illo reprehenderit ipsa, magni debitis accusantium, quis blanditiis repellat doloribus quasi veritatis
  33.           nostrum. Laudantium doloremque quaerat illum, sunt dolorum perspiciatis fugit quam sapiente repudiandae,
  34.           praesentium excepturi perferendis? Maiores debitis, laboriosam itaque velit voluptatum vitae, minima nisi modi
  35.           dolorem, omnis quod!</p>
  36.       </div>
  37.     </article>
  38.     <aside class="sidebar">
  39.       <div class="heading">
  40.         <h2 class="judul-navigasi">Navigasi</h2>
  41.       </div>
  42.       <div class="isi">
  43.         <ul class="list-navigasi">
  44.           <li><a href="https://www.google.com/">Google</a></li>
  45.           <li><a href="https://github.com/">GitHub</a></li>
  46.           <li><a href="https://www.stackoverflow.com/">StackOverflow</a></li>
  47.         </ul>
  48.       </div>
  49.     </aside>
  50.   </div>
  51. </body>
  52.  
  53. </html>
Advertisement
Add Comment
Please, Sign In to add comment