API tools faq
paste
auliaaepa

menu.html

auliaaepa
Sep 21st, 2021
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.06 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">Beranda</a></li>
  20.                         <li><a href="menu.html" class="current">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="menu">
  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.                     <article>
  66.                         <figure>
  67.                             <img src="assets/image/bayam.jpg" alt="bayam" />
  68.                             <figcaption>Sayur Bayam</figcaption>
  69.                         </figure>
  70.                         <hgroup>
  71.                             <h2>Sayur Bayam</h2>
  72.                             <h3>Makanan berkuah</h3>
  73.                         </hgroup>
  74.                         <p>Sayur bayam adalah makanan berkuah yang menggunakan bayam sebagai bahan utamanya dan jagung sebagai bahan pendampingnya.</p>
  75.                         <p>Harga: Rp8.000,00</p>
  76.                     </article>
  77.                     <article>
  78.                         <figure>
  79.                             <img src="assets/image/kangkung.jpg" alt="kangkung" />
  80.                             <figcaption>Tumis Kangkung</figcaption>
  81.                         </figure>
  82.                         <hgroup>
  83.                             <h2>Tumis Kangkung</h2>
  84.                             <h3>Makanan tumisan</h3>
  85.                         </hgroup>
  86.                         <p>Tumis kangkung adalah makanan yang dibuat dengan menumis kangkung bersama berbagai sayuran, bumbu, dan terkadang daging.</p>
  87.                         <p>Harga: Rp8.000,00</p>
  88.                     </article>
  89.                     <article>
  90.                         <figure>
  91.                             <img src="assets/image/ayam.jpe" alt="ayam" />
  92.                             <figcaption>Ayam Goreng</figcaption>
  93.                         </figure>
  94.                         <hgroup>
  95.                             <h2>Ayam Goreng</h2>
  96.                             <h3>Masakan lauk pauk</h3>
  97.                         </hgroup>
  98.                         <p>Ayam goreng adalah makanan yang dibuat dengan mengungkep ayam ke dalam bumbu, yang kemudian digoreng di minyak yang panas.</p>
  99.                         <p>Harga: Rp10.000,00</p>
  100.                     </article>
  101.                     <article>
  102.                         <figure>
  103.                             <img src="assets/image/telur.jpe" alt="telur" />
  104.                             <figcaption>Telur Balado</figcaption>
  105.                         </figure>
  106.                         <hgroup>
  107.                             <h2>Telur Balado</h2>
  108.                             <h3>Masakan dengan bumbu balado</h3>
  109.                         </hgroup>
  110.                         <p>Telur balado adalah makanan yang dimasak dengan cara menumis cabai bersama telur yang telah direbus hingga meresap.</p>
  111.                         <p>Harga: Rp5.000,00</p>
  112.                     </article>
  113.                     <article>
  114.                         <figure>
  115.                             <img src="assets/image/gorengan.jfif" alt="gorengan" />
  116.                             <figcaption>Gorengan</figcaption>
  117.                         </figure>
  118.                         <hgroup>
  119.                             <h2>Gorengan</h2>
  120.                             <h3>Masakan pelengkap</h3>
  121.                         </hgroup>
  122.                         <p>Gorengan adalah makanan pelengkap yang dibuat dengan mencelupkan berbagai jenis bahan ke dalam tepung dan menggorengnya.</p>
  123.                         <p>Harga: Rp2.000,00</p>
  124.                     </article>
  125.                 </section>
  126.                 <aside>
  127.                     <section class="popular-recipes">
  128.                         <h2 class="pink">Masakan Populer</h2>
  129.                         <a href="#">Sayur Sop</a>
  130.                         <a href="#">Ayam Goreng</a>
  131.                         <a href="#">Tumis Kangkung</a>
  132.                         <a href="#">Sayur Bayam</a>
  133.                     </section>
  134.                     <section class="menu-category">
  135.                         <h2 class="pink">Kategori Masakan</h2>
  136.                         <a href="#">Lauk Pauk</a>
  137.                         <a href="#">Pelengkap</a>
  138.                         <a href="#">Berkuah</a>
  139.                         <a href="#">Tumisan</a>
  140.                         <a href="#">Balado</a>
  141.                         <a href="#">Bumbu Kacang</a>                        
  142.                     </section>
  143.                 </aside>
  144.             </main>
  145.             <footer>
  146.                 &copy; 2021 Warung Tegal
  147.             </footer>
  148.         </div>
  149.     </body>
  150. </html>
Advertisement
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!