API tools faq
paste
auliaaepa

index.html

auliaaepa
Sep 21st, 2021
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="id">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <title>Warung Tegal</title>
  8.         <link rel="stylesheet" href="assets/style/style.css">
  9.         <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  10.     </head>
  11.     <body>
  12.         <div class="wrapper">
  13.             <header>
  14.                 <div class=jumbotron>
  15.                     <h1>Warung Tegal</h1>
  16.                 </div>
  17.                 <nav class="sticky">
  18.                     <ul>
  19.                         <li><a href="index.html" class="current">Beranda</a></li>
  20.                         <li><a href="menu.html">Daftar Masakan</a></li>
  21.                         <li><a href="katering.html">Katering</a></li>
  22.                         <li><a href="tentang.html">Tentang</a></li>
  23.                         <li><a href="kontak.html">Kontak</a></li>
  24.                     </ul>
  25.                 </nav>
  26.             </header>
  27.             <main>
  28.                 <section class="content" id="courses">
  29.                     <article>
  30.                         <figure>
  31.                             <img src="assets/image/soto.jpg" alt="soto" />
  32.                             <figcaption>Soto Indonesia</figcaption>
  33.                         </figure>
  34.                         <hgroup>
  35.                             <h2>Soto Ayam</h2>
  36.                             <h3>Makanan berkuah</h3>
  37.                         </hgroup>
  38.                         <p>Soto ayam adalah makanan khas Indonesia yang berupa sejenis sup ayam dengan kuah yang berwarna kekuningan.</p>
  39.                         <p>Harga: Rp12.000,00</p>
  40.                     </article>    
  41.                     <article>
  42.                         <figure>
  43.                             <img src="assets/image/pecel.jpg" alt="pecel" />
  44.                             <figcaption>Pecel Indonesia</figcaption>
  45.                         </figure>
  46.                         <hgroup>
  47.                             <h2>Masakan Pecel</h2>
  48.                             <h3>Makanan dengan bumbu kacang</h3>
  49.                         </hgroup>
  50.                         <p>Pecel adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan aneka jenis sayuran.</p>
  51.                         <p>Harga: Rp8.000,00</p>
  52.                     </article>
  53.                     <article>
  54.                         <figure>
  55.                             <img src="assets/image/sop.jpg" alt="sop" />
  56.                             <figcaption>Sop Indonesia</figcaption>
  57.                         </figure>
  58.                         <hgroup>
  59.                             <h2>Sayur Sop</h2>
  60.                             <h3>Makanan berkuah</h3>
  61.                         </hgroup>
  62.                         <p>Sayur sop adalam makanan berkuah yang terbuat dari ayam, sayur, dan kacang-kacangan yang direbus hingga membentuk sari/kaldu.</p>
  63.                         <p>Harga: Rp10.000,00</p>
  64.                     </article>
  65.                     <div class="more">
  66.                         <a href="menu.html">Lihat lebih banyak...</a>
  67.                     </div>
  68.                 </section>
  69.                 <aside>
  70.                     <section class="popular-recipes">
  71.                         <h2 class="pink">Masakan Populer</h2>
  72.                         <a href="#">Sayur Sop</a>
  73.                         <a href="#">Ayam Goreng</a>
  74.                         <a href="#">Tumis Kangkung</a>
  75.                         <a href="#">Sayur Bayam</a>
  76.                     </section>
  77.                     <section class="location">
  78.                         <h2 class="pink">Lokasi</h2>
  79.                         <p>Warung Tegal di seluruh<br>Indonesia</p>
  80.                     </section>
  81.                 </aside>
  82.             </main>
  83.             <footer>
  84.                 &copy; 2021 Warung Tegal
  85.             </footer>
  86.         </div>
  87.     </body>
  88. </html>
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!