API tools faq
paste
21ani

dasarweb

21ani
Jan 19th, 2021
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.06 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.     <title>Web</title>
  3.     <link rel="stylesheet" href="assets/styles/style.css">
  4.     <meta name="viewport" content="width=device-width, initial-scale=1">
  5. </head>
  6.  
  7. <body>
  8.  
  9.     <header>
  10.         <div class="jumbotron">
  11.             <h1>Kota</h1>
  12.             <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora aspernatur nihil beatae minus
  13.                 accusamus, in dicta molestias quo sunt. Aut beatae iste pariatur iure quod mollitia, deleniti debitis
  14.                 doloremque obcaecati!</p>
  15.         </div>
  16.         <nav>
  17.             <ul>
  18.                 <li><a href="#satu">satu</a></li>
  19.                 <li><a href="#dua">dua</a></li>
  20.                 <li><a href="#tiga">tiga</a></li>
  21.             </ul>
  22.         </nav>
  23.     </header>
  24.  
  25.  
  26.     <main>
  27.         <div id="content">
  28.             <article id="satu" class="card">
  29.                 <h2>Satu</h2>
  30.                 <img src="assets/image/satu.jpg" class="featured-image" alt="satu">
  31.                 <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet molestiae quidem reiciendis
  32.                     sapiente laborum autem numquam est fugiat repudiandae incidunt ut, ex in distinctio nostrum eum,
  33.                     asperiores ratione cum necessitatibus? </p>
  34.  
  35.                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat necessitatibus porro sunt ducimus
  36.                     nostrum sequi voluptate aliquid error exercitationem, molestias unde quo optio iusto, neque ut,
  37.                     placeat eaque natus quae.</p>
  38.             </article>
  39.  
  40.             <article id="dua" class="card">
  41.                 <h2>Dua</h2>
  42.                 <img src="assets/image/dua.jpg" class="featured-image" alt="dua">
  43.                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, exercitationem molestias! Quidem tempora
  44.                     quod earum non. Esse in, odit sed obcaecati repudiandae accusantium ipsum, consectetur, repellat
  45.                     inventore est dolor earum?</p>
  46.  
  47.                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor aperiam molestias unde alias ducimus
  48.                     animi, amet numquam exercitationem, quaerat minima labore velit nemo quod dicta consequuntur
  49.                     explicabo architecto similique expedita!</p>
  50.             </article>
  51.  
  52.             <article id="tiga" class="card">
  53.                 <h2>Tiga</h2>
  54.                 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. In eum eos voluptatem eligendi quae at
  55.                     magnam praesentium autem optio saepe qui deleniti soluta corporis corrupti eius, rem tempora vel
  56.                     perspiciatis.</p>
  57.  
  58.                 <section>
  59.                     <h3>Bagian 3a</h3>
  60.                     <img src="assets/image/dua.jpg" class="featured-image" alt="farm house">
  61.                     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores quisquam rerum maxime non
  62.                         repudiandae, dolore ut quas necessitatibus itaque odio enim incidunt, sint aut molestias
  63.                         laboriosam asperiores vitae aliquam voluptate!</p>
  64.                 </section>
  65.                 <section>
  66.                     <h3>Bagian 3b</h3>
  67.                     <img src="assets/image/tigab.jpg" class="featured-image" alt="bosscha">
  68.                     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, quisquam illum quia ipsum ullam
  69.                         eius, ut asperiores et ex earum fugiat quaerat necessitatibus dignissimos doloremque, minus
  70.                         nobis deserunt beatae quo?</p>
  71.                 </section>
  72.             </article>
  73.         </div>
  74.  
  75.         <aside>
  76.             <article class="profil card">
  77.                 <header>
  78.                     <h2>Kontak</h2>
  79.                     <p>Profile</p>
  80.                     <figure>
  81.                         <img src="assets/image/kontak.png">
  82.                         <figcaption>Foto</figcaption>
  83.                     </figure>
  84.                 </header>
  85.                 <section>
  86.                     <h3>Informasi Lainnya</h3>
  87.                     <table>
  88.                         <tr>
  89.                             <th>Negara</th>
  90.                             <td>Indonesia</td>
  91.                         </tr>
  92.                         <tr>
  93.                             <th>Usia</th>
  94.                             <td>19 tahun</td>
  95.                         </tr>
  96.                         <tr>
  97.                             <th>Jarak</th>
  98.                             <td>xxxx.xx km<sup>2</sup></td>
  99.                         </tr>
  100.                         <tr>
  101.                             <th>Bahasa Daerah</th>
  102.                             <td>Sunda</td>
  103.                         </tr>
  104.                         <tr>
  105.                             <th>Kode Telepon</th>
  106.                             <td>+62 22</td>
  107.                         </tr>
  108.                     </table>
  109.                 </section>
  110.             </article>
  111.         </aside>
  112.     </main>
  113.  
  114.     <footer>
  115.         <p>Dasar Web </p>
  116.     </footer>
  117. </body>
Add Comment
Please, Sign In to add comment
Public Pastes
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!