<!DOCTYPE html>
<html lang="en">
<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>Web Warung Tegal</title>
<style type="text/css"></style>
<script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class= "wrapper">
<header>
<h1>Warung Tegal</h1>
<nav>
<ul>
<li><a href="#" onclick="location.href = \'index.html\';">Beranda</a></li>
<li><a href="#" onclick="location.href = \'daftar-masakan.html\';">Daftar Masakan</a></li>
<li><a href="#" onclick="location.href = \'katering.html\';">Katering</a></li>
<li><a href="#" onclick="location.href = \'tentang.html\';">Tentang</a></li>
<li><a href="#" onclick="location.href = \'galeri.html\';">Galeri Masakan</a></li>
<li><a href="#" onclick="location.href = \'kontak.html\';">Kontak</a></li>
<li><a href="#" onclick="location.href = \'game.html\';">Game</a></li>
</ul>
</nav>
</header>
<section class="courses">
<article>
<figure>
<img src = "images/soto.jpg" alt="soto" style="width: 300px;"/>
<figcaption><a href = "https://www.youtube.com/watch?v=tpXtRcncv4I">Soto Indonesia</a></figcaption>
</figure>
<hgroup>
<h2>Soto Ayam</h2>
<h3>Makanan Berkuah</h3>
</hgroup>
<p>Soto ayam adalah makanan khas Indonesia yang beruoa sejenis sup ayam dengna kuah yang berwarna kekuningan.</p>
</article>
<article>
<figure>
<img src = "images/pecel.jpg" alt="pecel" style="width: 300px;"/>
<figcaption>Pecel Indonesia</figcaption>
</figure>
<hgroup>
<h2>Masakan Pecel</h2>
<h3>Makanan dengan Bumbu Kacang</h3>
</hgroup>
<p align="justify">Pecel adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan aneka jenis sayuran.</p>
</article>
<article>
<figure>
<img src = "images/sop.jpg" alt="sop" style="width: 300px;"/>
<figcaption>Sop Indonesia</figcaption>
</figure>
<hgroup>
<h2>Masakan Sop</h2>
<h3>Makanan Berkuah</h3>
</hgroup>
<p align="justify">Sup atau sop (bentuk tidak baku) adalah masakan berkuah dari kaldu yang dibuat dengan cara mendidihkan bahan bisa berupa daging atau ayam untuk membuat kuah kaldu, dan biasanya diberi bumbu serta bahan lainnya untuk menambah rasa.</p>
</article>
<article>
<figure>
<img src = "images/sayurasem.jpg" alt="Sayur Asem" style="width: 300px;"/>
<figcaption>Sayur Asem Indonesia</figcaption>
</figure>
<hgroup>
<h2>Masakan Sayur Asem</h2>
<h3>Makanan Berkuah</h3>
</hgroup>
<p align="justify">Sayur asam atau sayur asem adalah masakan sejenis sayur yang khas Indonesia. Ada banyak variasi lokal sayur asam seperti sayur asam Jakarta (variasi dari orang Betawi di Jakarta), sayur asam kangkung (variasi yang menggunakan kangkung), dan sayur asam ikan asin.</p>
</article>
<article>
<figure>
<img src = "images/lodeh.jpg" alt="Sayur Lodeh" style="width: 300px;"/>
<figcaption>Lodeh Indonesia</figcaption>
</figure>
<hgroup>
<h2>Masakan Lodeh</h2>
<h3>Makanan Berkuah</h3>
</hgroup>
<p align="justify">Sayur lodeh (bahasa Jawa: ꦗꦔꦤ꧀ꦭꦺꦴꦝꦺꦃ, translit. Jangan lodhèh) adalah masakan sayur yang berkuah santan khas Indonesia, terutama di daerah Jawa tengah. Sayur lodeh mempunyai berbagai macam variasi terutama pada bumbunya, ada yang santannya berwarna putih dan ada juga yang santannya berwarna kuning kemerahan.</p>
</article>
</section>
<!-- <aside>
<section class="popular-recipes">
<h2>Masakan Populer</h2>
<iframe width="180" height="150"
src="https://www.youtube.com/embed/890boqMxPiQ">
</iframe>
<a>Sayur Sop</a>
<a>Sayur Asem</a>
<a>Sayur Lodeh</a>
<a>Sayur Bayam</a>
</section>
<section class = "contact-detail">
<h2>Kontak</h2>
<p>Warung Tegal</p>
<p>di Seluruh Indonesia</p>
</section>
<section class = "udin">
<h2>Musik Dangdut</h2>
<audio src="/musik/angel.mp3" controls style="width: 250px;">
<embed
src="/musik/angel.mp3"
width="200"
height="20"
loop="false"
autostart="false">
</audio>
</section>
</aside> -->
<footer>
© 2015 Warung Tegal
</footer>
</div>
</body>
</html>