<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Warung Tegal</title>
<link rel="stylesheet" href="assets/style/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="wrapper">
<header>
<div class=jumbotron>
<h1>Warung Tegal</h1>
</div>
<nav class="sticky">
<ul>
<li><a href="index.html">Beranda</a></li>
<li><a href="menu.html" class="current">Daftar Masakan</a></li>
<li><a href="katering.html">Katering</a></li>
<li><a href="tentang.html">Tentang</a></li>
<li><a href="kontak.html">Kontak</a></li>
</ul>
</nav>
</header>
<main>
<section class="content" id="menu">
<article>
<figure>
<img src="assets/image/soto.jpg" alt="soto" />
<figcaption>Soto Indonesia</figcaption>
</figure>
<hgroup>
<h2>Soto Ayam</h2>
<h3>Makanan berkuah</h3>
</hgroup>
<p>Soto ayam adalah makanan khas Indonesia yang berupa sejenis sup ayam dengan kuah yang berwarna kekuningan.</p>
<p>Harga: Rp12.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/pecel.jpg" alt="pecel" />
<figcaption>Pecel Indonesia</figcaption>
</figure>
<hgroup>
<h2>Masakan Pecel</h2>
<h3>Makanan dengan bumbu kacang</h3>
</hgroup>
<p>Pecel adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan aneka jenis sayuran.</p>
<p>Harga: Rp8.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/sop.jpg" alt="sop" />
<figcaption>Sop Indonesia</figcaption>
</figure>
<hgroup>
<h2>Sayur Sop</h2>
<h3>Makanan berkuah</h3>
</hgroup>
<p>Sayur sop adalam makanan berkuah yang terbuat dari ayam, sayur, dan kacang-kacangan yang direbus hingga membentuk sari/kaldu.</p>
<p>Harga: Rp10.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/bayam.jpg" alt="bayam" />
<figcaption>Sayur Bayam</figcaption>
</figure>
<hgroup>
<h2>Sayur Bayam</h2>
<h3>Makanan berkuah</h3>
</hgroup>
<p>Sayur bayam adalah makanan berkuah yang menggunakan bayam sebagai bahan utamanya dan jagung sebagai bahan pendampingnya.</p>
<p>Harga: Rp8.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/kangkung.jpg" alt="kangkung" />
<figcaption>Tumis Kangkung</figcaption>
</figure>
<hgroup>
<h2>Tumis Kangkung</h2>
<h3>Makanan tumisan</h3>
</hgroup>
<p>Tumis kangkung adalah makanan yang dibuat dengan menumis kangkung bersama berbagai sayuran, bumbu, dan terkadang daging.</p>
<p>Harga: Rp8.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/ayam.jpe" alt="ayam" />
<figcaption>Ayam Goreng</figcaption>
</figure>
<hgroup>
<h2>Ayam Goreng</h2>
<h3>Masakan lauk pauk</h3>
</hgroup>
<p>Ayam goreng adalah makanan yang dibuat dengan mengungkep ayam ke dalam bumbu, yang kemudian digoreng di minyak yang panas.</p>
<p>Harga: Rp10.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/telur.jpe" alt="telur" />
<figcaption>Telur Balado</figcaption>
</figure>
<hgroup>
<h2>Telur Balado</h2>
<h3>Masakan dengan bumbu balado</h3>
</hgroup>
<p>Telur balado adalah makanan yang dimasak dengan cara menumis cabai bersama telur yang telah direbus hingga meresap.</p>
<p>Harga: Rp5.000,00</p>
</article>
<article>
<figure>
<img src="assets/image/gorengan.jfif" alt="gorengan" />
<figcaption>Gorengan</figcaption>
</figure>
<hgroup>
<h2>Gorengan</h2>
<h3>Masakan pelengkap</h3>
</hgroup>
<p>Gorengan adalah makanan pelengkap yang dibuat dengan mencelupkan berbagai jenis bahan ke dalam tepung dan menggorengnya.</p>
<p>Harga: Rp2.000,00</p>
</article>
</section>
<aside>
<section class="popular-recipes">
<h2 class="pink">Masakan Populer</h2>
<a href="#">Sayur Sop</a>
<a href="#">Ayam Goreng</a>
<a href="#">Tumis Kangkung</a>
<a href="#">Sayur Bayam</a>
</section>
<section class="menu-category">
<h2 class="pink">Kategori Masakan</h2>
<a href="#">Lauk Pauk</a>
<a href="#">Pelengkap</a>
<a href="#">Berkuah</a>
<a href="#">Tumisan</a>
<a href="#">Balado</a>
<a href="#">Bumbu Kacang</a>
</section>
</aside>
</main>
<footer>
© 2021 Warung Tegal
</footer>
</div>
</body>
</html>