<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="page-header">
<nav class="navbar">
<div class="left">
<img class="logo" src="#" alt="FoodZero Logo" />
<img class="nav-menu" src="#" alt="hamburger menu icon" />
</div>
<div class="right">
<span class="phone-number">+234806931819</span>
<button class="btr clear " type="submit">Reservation</button>
</nav>
<br />
<div class="hero-container">
<h1 class="title">View Our New Menu</h1>
<p class="subtitle">The freshest ingredients for you everyday.</p>
</div>
</header>
<main>
<div class="section-heading-container">
<h2 class="section-title">Starters</h2>
<p class="section-subtitle">
This is a section of your menu. Give your menu a brief description.
</p>
</div>
<div class="menu-container">
<img class="menu-img" src="#" alt="Starters for Tomatoes and Onions" />
<div class="menu-options">
<div class="menu-item">
<p>N20</p>
<div class="item-info">
<h3>Grilled Okro and Tomatoes</h3>
</p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<p>N30</p>
<div class="item-info">
<h3>Cucumber Salad</h3>
</p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<p>N40</p>
<div class="item-info">
<h3>Basil Pancake</h3>
</p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<p>N50</p>
<div class="item-info">
<h3>Grilled Okro and Tomatoes</h3>
</p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
