<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gallery - 101 Distributors</title>
    <link rel="stylesheet" href="/css/style.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
    
</head>

<body>
    <header>
        <nav class="container d-flex justify-content-between">
            <div class="logo">
                <img src="https://www.101distributorsga.com/images/header/logo.png" alt="101 Distributors Logo">
            </div>
            <ul class="d-flex align-items-center">
                <li><a href="/home">Home</a></li>
                <li><a href="/gallery">Gallery</a></li>
                <li><a href="/about">About us</a></li>
                <li><a href="/contact">Contact</a></li>
            </ul>
        </nav>
    </header>
    <h1>Our Gallery</h1>
    <div class="gallery container">
        
        <img src="https://lh3.googleusercontent.com/p/AF1QipNOb2Z0RPd323Hh6vwaAILGLyk0lNgykaJqKVqc=s1360-w1360-h1020" alt="Image Description 1">
        <img src="https://st3.depositphotos.com/1518767/12737/i/450/depositphotos_127377006-stock-photo-boxes-kept-on-shelves-in.jpg" alt="Image Description 2">
        <img src="https://lh3.googleusercontent.com/p/AF1QipM36y6u3gacUDxHIEHZxjYY5LNKLBxNiPmppC-g=s1360-w1360-h1020" alt="Image Description 3">
    </div>

    <footer>
        <img src="https://github.com/VikAsNeHrA1/Order-Management-app/blob/main/views/footer.png?raw=true" alt="Footer Image" class="footer-image" id="footer-image">
    </footer>
</body>
</html>
