-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
98 lines (88 loc) · 4.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.css"
integrity="sha512-t38vG/f94E72wz6pCsuuhcOPJlHKwPy+PY+n1+tJFzdte3hsIgYE7iEpgg/StngunGszVMrRfvwZinrza0vMTA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<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=Montserrat:wght@100;400;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="./assets/style.css" />
<title>Dately - Home</title>
<link rel="fav icon" type="image/png" href="./assets/links/Dately Logo_v3.png">
</head>
<body>
<header>
<nav>
<div class="nav-wrapper black">
<img href="#" class="brand-logo logo" src="assets/links/Dately Logo.png">
<a href="#" data-target="mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li class="waves-effect waves-light"><a href="index.html">home</a></li>
<li class="waves-effect waves-light"><a href="search.html">search</a></li>
<li class="waves-effect waves-light"><a href="bucketlist.html">bucket list</a></li>
<li class="waves-effect waves-light"><a href="about.html">about</a></li>
</ul>
</div>
</nav>
<ul class="sidenav black white-text" id="mobile">
<li><a class="white-text" href="index.html">home</a></li>
<li><a class="white-text" href="search.html">search</a></li>
<li><a class="white-text" href="bucketlist.html">bucket list</a></li>
<li><a class="white-text" href="about.html">about</a></li>
</ul>
</header>
<main>
<div class="row">
<div class="col l7 push-l5 s12">
<h1 class="white-text">EXPERIENCE CHICAGO</h1>
<h5 class="white-text flow-text light-weight">For your local date night experiences in Chicago. Find upcoming
events in your neighborhood, then find nearby eateries!
Love more than one? Like to add to your bucketlist and save for later.</h5>
<br>
<div>
<form autocomplete="off" class="white-text">
<div class="input-field">
<input class="datepicker validate white-text" id="datepicker" type="text" required=""
aria-required="true" />
<label for="datepicker">Date</label>
<span class="helper-text" data-error="Select a date"></span>
</div>
<div class="input-field">
<input id="location" class="autocomplete validate white-text" required="" aria-required="true"
type="text">
<label for="location">Neighborhood</label>
<span class="helper-text" data-error="Enter a location" data-success=""></span>
</input>
</div>
<button id="submit-btn" class="xwaves-effect waves-light btn-small">
<i id="search-icon" class="medium material-icons">search</i>Search
</button>
</form>
<img class="chicago-img" src="./assets/links/Chicago.png" alt="image chicago">
</div>
</div>
<!-- Mobile -->
<div class=" hide-on-small-only col s5 pull-s7">
<img class="branding-img" src="./assets/links/Events.png" alt="image events">
</div>
</div>
</main>
<!--Scripts Go Here-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.js"
integrity="sha512-m2PhLxj2N91eYrIGU2cmIu2d0SkaE4A14bCjVb9zykvp6WtsdriFCiXQ/8Hdj0kssUB/Nz0dMBcoLsJkSCto0Q=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./assets/script.js"></script>
</body>
<footer>
<div>
© 2022 Copyright Gitgals
</div>
</footer>
</html>