fridgelist.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Fridges</title>
    <style>
        .fridgeList {
            border: 1px solid black;
            padding: 10px;
            position: relative;
            top: 10px;
            display: flex;
            flex-direction: row;
            gap: 1rem;
        }

        .fridgeButton {
            display: inline-block;
            width: 80px;

        }
    </style>
</head>

<body>
    <div class="global-navbar">
        <ul id="menubaritems">
            <li class="menubarblocks"><a href="index.html">Home</a></li>
            <li class="menubarblocks"><a href="fridgelist.html">Fridge List</a></li>
            <li class="menubarblocks"><a href="freezerList.html">Freezer List</a></li>
            <li class="menubarblocks"><a href="feedback.html">Feedback</a></li>
            <li class="menubarblocks"><a href="aboutUs.html">About Us</a></li>
        </ul>
    </div>
    <div class="fridgeList">
        <button class="fridgeButton" id="fridge1"><a href="./Fridge1.html">Fridge 1</a></button>
        <button class="fridgeButton" id="fridge2">Fridge
            2</button>
            <button class="fridgeButton" id="fridge3">Fridge 3</button>
            <button class="fridgeButton"
            id="fridge4">Fridge 4</button>
            <button class="fridgeButton" id="fridge5">Fridge 5</button>
    </div>
    <div class="chnages">
        <!-- Can git keep the track of the changes made here. Lets See -->
    </div>
</body>

</html>