-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.html
145 lines (101 loc) · 4.14 KB
/
main.html
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Remember the Bags!</title>
<!-- Favicon-->
<link rel="icon" href="assets/img/favicon.png">
<!-- Normalize CSS-->
<link type="text/css" rel="stylesheet" href="assets/css/normalize.css" />
<!-- Skeleton CSS -->
<link type="text/css" rel="stylesheet" href="assets/css/skeleton.css" />
<!-- Custom CSS-->
<link rel="stylesheet" href="assets/css/style.css">
<!--Font Awesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
</head>
<body>
<!--Header-->
<header id="header">
<div class="row">
<div>
<h2>Remember the Bags!</h2>
<h5 id="dateDisplay"></h5>
<hr>
<div class="container">
<p id="weatherDisplay"></p>
</div>
<hr>
</div>
</div>
</header>
<div class="container">
<secton id="getStarted">
<div class="row">
<div id="addStoreDiv" class="six columns">
<form id="form">
<h5 class="myStoresHeading">Let's Add a Store!</h5>
<label for="storeInput">Select a Store</label>
<select class="u-full-width" id="storeInput">
<option value="Stop and Shop">Stop and Shop</option>
<option value="Big Y">Big Y</option>
<option value="Price Chopper">Price Chopper</option>
</select>
<label for="cityInput">Enter City Name</label>
<input type="text" class="u-full-width" placeholder="" id="cityInput">
<label for="StateInput">Select a State</label>
<input type="text" class="u-full-width" placeholder="" id="stateInput">
<input id="getInfoBtn" class="button-primary" type="submit" value="Add Store">
</form>
</div>
<div id="myStoreDisplay" class="six columns">
</div>
</div>
</secton>
<br>
<hr>
<br>
<h5 class="myStoresHeading">My Stores</h5>
<br>
<div class="row">
<div id="fav1" class="one-third column"><img src="assets/img/stopShopLogo.jpg" alt=""></div>
<div id="fav2" class="one-third column"><img src="assets/img/priceChopper.jpg" alt=""></div>
<div id="fav3" class="one-third column"><img src="assets/img/Big_Y_Logo.jpg" alt=""></div>
</div>
<!--
<section id="favorites">
<div class="row six columns">
<h5 class="myStoresHeading">My Stores</h5>
</div>
<div class="row six columns">
<div id="section4"></div>
</div>
</section>
-->
</div>
<div class="spacer"></div>
<!-- End Container-->
</div>
<footer id="footer" class="section">
<div class="container">
<div class="row">
<div>
<p>This site was created by team code.Awesome</p>
</div>
</div>
</div>
</footer>
<div class="spacer"></div>
<!-- jQuery-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- Moment js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.28.0/moment.min.js"
integrity="sha512-Q1f3TS3vSt1jQ8AwP2OuenztnLU6LwxgyyYOG1jgMW/cbEMHps/3wjvnl1P3WTrF3chJUWEoxDUEjMxDV8pujg=="
crossorigin="anonymous"></script>
<!-- Custom JS-->
<script src="assets/js/main.js"></script>
</body>
</html>