-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
99 lines (67 loc) · 3.42 KB
/
index.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
<!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>
<!--Begin Container-->
<div class="container">
<!-- Landing Page - Call to Action -->
<section id="landingPage" class="section landing">
<div class="row">
<div id="imgBackground">
<div id="serviceDescription">
<h2 class="landing-heading">Remember the Bags!</h2>
<h5 id="tagline">A simple web application to help you remember your reusable bags when shopping</h5>
<img src="assets/img/bags.png" alt="" class="landing-img">
<h4>So why do I need this?</h4>
<p>The idea for this app was born out of necessity. I always carry reusable bags in my car, but to this day it is rare that I remember to bring them into the store. This app will help you to remember the bags!</p>
<p>This app will automatically locate your geo coordinates and automatically fill in your location. Then when you search for a store it will automatically locate the one closest to you. If you are 1/8 (more or less) of a mile from your favorite grocery , you will get an alert. It tracks the weather for your favorite store (usefull if your traveling!). To get started enter your name and push the button. Thanks for checking it out!</p>
<label for="nameInput">Enter Your First Name</label>
<input type="text" placeholder="Hint: This is your name"
id="nameInput">
<p><button id="btnGetStarted">Get Started</button></p>
</div>
</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/script.js"></script>
</body>
</html>