aca-store/public/index.html at ccb98d0a51ecbb987dde71276fd91dee4e9d63d1 · AustinCodingAcademy/aca-store · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>My Store</title>
    <link href="https://fonts.googleapis.com/css?family=Hammersmith+One|Kaushan+Script|Lato|Saira|Sawarabi+Mincho&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="store-styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>

<div id="registration">
        <form>
            <h2 id="welcome">Welcome to</h2>
            <h1 id="">Kelly's MiniMart</h1>
            <input type="text" placeholder="Username"><br>
            <input type="email" id="email" placeholder="Email"><br>
            <input type="password"  id="password" placeholder="Password"><br><br>
            <button class="button submit" id ="btnSignup" type="button" onClick="signUp()">Sign In</button>
        </form>
    </div>


<div id = "mainScreen" style="display:none">
<!-- Navigation Bar -->
<nav class="navbar">
    <div class="navbar-center">
        <div class="cart-btn">
            <span><img class = "icon hamburger" src="/images/hamburger.png"></span>
        </div>
        <button id="home" onclick="goHome()"><h1 id="goHome">Kelly's Minimart</h1></button>
        <div class="cart-btn">
            <span><img onClick="inCart()" class = "icon cartNum" src="/images/shopping-cart-256.png"></span>
            <div id="numberCart" onClick="incart()" class="cart-items"></div>
        </div>
    </div>
</nav>

 <!-- Search Bar -->
    <div id="searchSection">
        <br>
        <input type="search" placeholder="Search.." class="searchBox" id="searchBox" oninput = "search()">
        <button type="submit" onclick="search()">Submit</button>
        <!-- <button type="reset" onClick="reset()">Reset</button> -->
        <br> <br>
    </div>


<!-- Products -->
    <section class="prodContainer">
        <div class="products img-container" id="products"></div>

        <!-- <button class="bag-btn" data-id="1">
            <img class = "icon cartNum" src="/images/shopping-cart-256.png">Add to Bag
        </button> -->
    </section>
</div>
<!-- Cart -->
 <!-- <div class="cart-overlay">
    <div class="cart">
        <span class = "close-cart"> <img class="exit" src="/images/exit.png"> </span>
        <h2>Your Cart</h2>
        <div class="cart-content"></div> -->
        <!-- Cart Item -->
        <!-- <div class="cart-item">
            <img class="productPic" src="/images/product test.png">
            <div>
                <h4>Queen Bed</h4>
                <h5>$9.00</h5>
                <span class="remove-item">Remove</span>
            </div>
            <div>
                <img class="increase pic" src="/images/increase.png">
                <p class="item-amount">1</p>
                <img class="decrease pic" src="/images/decrease.png">
            </div>
        </div> -->
        <!-- End of Cart Item -->

<!-- <div class="cart-footer">
        <h3>Your Total: $ <span class="cart-total">0</span> </h3>
        <button class="clear-cart banner-btn">Clear Cart</button>
    </div>
</div>
</div> -->

    <!-- <script src="products.js"></script>     -->
    <script src="index.js"></script>
</body>
</html>