frontend/index.html

<!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>angadi</title>
    <link rel="stylesheet" href="./styles/index.css">
    <link rel="stylesheet" href="./styles/navbar.css">
</head>

<body>
    <div class="navbar"></div>
    <div class="container">

        <div class="motto-header"></div>

        <div class="category-finder">
            <div>
                <img src="./utility/images/grocery.webp" alt="grocery">
                <h4>Grocery</h4>
            </div>
            <div>
                <img src="./utility/images/home.webp" alt="home-appliances">
                <h4>Home appliances</h4>
            </div>
            <div>
                <img src="./utility/images/kitchen.webp" alt="kitchen-appliances">
                <h4>Kitchen appliances</h4>
            </div>
            <div>
                <img src="./utility/images/mens-clothing.webp" alt="mens-clothing">
                <h4>Mens clothing</h4>
            </div>
            <div>
                <img src="./utility/images/womens-cloting.jpg" alt="womens-clothing">
                <h4>Womens clothing</h4>
            </div>
            <div>
                <img src="./utility/images/electronics.jpg" alt="electronics">
                <h4>Electronics</h4>
            </div>
            <div>
                <img src="./utility/images/travel-essentials.jpg" alt="travel-essentials">
                <h4>Travel essentials</h4>
            </div>
            <div>
                <img src="./utility/images/books.jpg" alt="books">
                <h4>Books</h4>
            </div>
        </div>

    </div>
    <div class="footer"></div>
    <a href="/login.html"></a>
</body>

</html>
<script src="./scripts/index.js" type="module"></script>