shop/shots.html at master · barbweb/shop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!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">
    <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=Lacquer&family=Rubik+Distressed&display=swap" rel="stylesheet">
    <title>Shots</title>
</head>
<body class="shots-page">
    <header>
    </header>
    <main>
        <h1>Shots</h1><br>
        <div id="list">
            <div class="item" data-name="Fireball" data-price="500">
                <p><b>• Fireball&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><br></p>
                <div class="price">500¥</div>
                <div class="qty-controls">
                    <button class="qty-btn minus">-</button>
                    <input type="number" class="item-qty" min="0" value="0">
                    <button class="qty-btn plus">+</button>
                </div>
            </div>
        </div>
    </main><br>

    <button id="add-all-to-cart">Add All to Cart 🛒</button>
    <button id="btncart" class="btn primary">🛒</button>
    <button id="btnback" class="btnback">Back ↩</button>
     <script src="app.js"></script>
     </body>
</html>