/
index.html
60 lines (57 loc) · 3.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Eat, Drink, Do</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Find a food, drink, and activities in a specified town or city">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="data.js"></script>
<script src="index.js"></script>
</head>
<body>
<nav role="navigation">
<h1 class="nav-title">Eat, Drink, Do</h1>
<ul>
<li><button class="change-loc-nav-link">Change Location</button></li>
<li><button class="choose-eat-drink-do-nav-link">Choose Eat, Drink, Do</button></li>
</ul>
</nav>
<main role="main">
<section class="home-page page" role="region">
<h1 class="home-page-title">Eat, Drink, Do</h1>
<p class="page-description">This website is perfect for helping you find day trip activities.
You can find restaurants to eat at, breweries, bars and events to drink at, and various activities to do in a specified area and day.</p>
<p class="page-instructions">Enter your City/ Town, State, and Date you want information for. Follow the example inputs.</p>
<form id="location-data-entry">
<label for="submit-city-town">City/ Town</label>
<input id="submit-city-town" type="text" placeholder="City (Ex: Boston)" name="submit-city-town" required>
<label for="submit-state">State</label>
<input id="submit-state" type="text" placeholder="State (Ex: MA)" name="submit-state" required>
<label for="submit-state">Date</label>
<input id="submit-date" type="date" name="submite-state" required>
<button type="submit" class="blue-button">Submit</button>
</form>
</section>
<section class="eat-drink-do-selection-page page" role="region">
<button class="category-button blue-button" id="eat"><i class="material-icons">restaurant</i> Eat</button>
<button class="category-button blue-button" id="drink"><i class="material-icons">local_bar</i>Drink</button>
<button class="category-button blue-button" id="do"><i class="material-icons">local_play</i>Do</button>
</section>
<section class="results-page" role="region">
<section class="category-options" role="region">
</section>
<section class="category-option-types" role="region">
</section>
<section class="search-results-section" role="region">
<ul class="search-results-list">
</ul>
</section>
</section>
</main>
</body>
</html>