<!doctype html>
<html>
    <head>
        <title>Add to Cart</title>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div class="container">
            <img src="assets/cat.png">
            <input type="text" id="input-field" placeholder="Bread">
            <button id="add-button">Add to cart</button>
        </div>
        <script src="index.js" type="module"></script>
    </body>
</html>

rel="stylesheet">

</head>

<body>

</div>

</body>

</html>

<!doctype html>

<html>

<head>

-3:33