image-gallery.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Gallery</title>
    <link rel="shortcut icon" href="./images/rice.jpg" type="image/x-icon">
    <link rel="stylesheet" href="styles.css">
</head>
<body>

<header>
    <h1>Image Gallery</h1>
</header>

<nav>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="food-table.html">Food Table</a></li>
        <li><a href="videos.html">Videos</a></li>
        <li><a href="image-gallery.html">Image Gallery</a></li>
        <li><a href="order-form.html">Order Form</a></li>
    </ul>
</nav>

<div class="content">
    <h2>Our Dishes</h2>
    <img src="images/rice.jpg" alt="Jollof Rice" width="300">
    <img src="images/pundedyam.jpg" alt="Pounded Yam and Egusi Soup" width="300"><br>
    <img src="images/suya.jpg" alt="Suya" width="300">
    <img src="images/Fried-Plantains-with-Hot-Pepper-Sauce-2.jpg" alt="Fried Plantains" width="300">
    <!-- <img src="moi-moi.jpg" alt="Moi Moi" width="300"> -->
</div>

</body>
</html>