<!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" class="current">Beranda</a></li>
<li><a href="menu.html">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="courses">
<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>
<div class="more">
<a href="menu.html">Lihat lebih banyak...</a>
</div>
</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="location">
<h2 class="pink">Lokasi</h2>
<p>Warung Tegal di seluruh<br>Indonesia</p>
</section>
</aside>
</main>
<footer>
© 2021 Warung Tegal
</footer>
</div>
</body>
</html>