<!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">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" class="current">Kontak</a></li>
</ul>
</nav>
</header>
<main>
<section class="content" id="contact">
<article>
<h2 class="top pink">Kontak</h2>
<ul>
<li class="contact-list">
<img class="contact-image" src="assets/image/icons8-call-pink-96.png">
<a class="contact-text" href="tel:23020" target="_blank" rel="noopener noreferrer">23020</a>
</li>
<li class="contact-list">
<img class="contact-image" src="assets/image/icons8-mail-96.png"/>
</li>
<li class="contact-list">
<img class="contact-image" src="assets/image/icons8-whatsapp-pink-90.png"/>
<a class="contact-text" href="tel:+6281234342320" target="_blank" rel="noopener noreferrer">+62 812-3434-2320</a>
</li>
<li class="contact-list">
<img class="contact-image" src="assets/image/icons8-instagram-90.png">
<a class="contact-text" href="https://www.instagram.com/warteg_id/" target="_blank" rel="noopener noreferrer">@warteg_id</a>
</li>
<li class="contact-list" id="location">
<img class="contact-image" src="assets/image/icons8-marker-pink-96.png">
<a class="contact-text" >Indonesia</a>
</li>
</ul>
<div class="container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d16328044.49518672!2d108.81288210751876!3d-2.392988369164362!
2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2c4c07d7496404b7%3A0xe37b4de71badf485!2sIndonesia!5e0!3m2!1sid!2sid!
4v1632124957767!5m2!1sid!2sid" width="605" height="335" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</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="contact-details">
<h2 class="pink">Lokasi</h2>
<p>Warung Tegal di seluruh<br>Indonesia</p>
</section>
</aside>
</main>
<footer>
© 2021 Warung Tegal
</footer>
</div>
</body>
</html>