-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (134 loc) · 4.99 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
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
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Visit Moseytown</title>
</head>
<body>
<div class = 'header'>
<h2>Visit MoseyTown</h2>
<ul class = 'menu-list'>
<li>Places To Go
<div class = 'sub-menu-list'>
<a href = '#'>Mosey Beach</a><br>
<a href = '#'>Mosey Nature Preserve</a><br>
<a href = '#'>MPlaza</a><br>
<a href = '#'>Mosey Boardwalk</a><br>
</div>
</li>
<li>Things To Do
<div class = 'sub-menu-list'>
<a href = '#'>Water Sports</a><br>
<a href = '#'>Hiking and Nature Walks</a><br>
<a href = '#'>Dining</a><br>
<a href = '#'>Shopping</a><br>
</div>
</li>
<li>Useful Info
<div class = 'sub-menu-list'>
<a href = '#'>Transportation</a><br>
<a href = '#'>Before You Travel</a><br>
<a href = '#'>Accommodations</a><br>
</div>
</li>
<li>Events
<div class = 'sub-menu-list'>
<a href = '#'>MoseyFest</a><br>
<a href = '#'>Nature Appreciation Weekend</a><br>
<a href = '#'>Concerts</a><br>
</div>
</li>
</ul>
</div>
<div class = 'welcome'>
<div class = 'welcome-text'>
<h1>WELCOME TO MOSEYTOWN</h1>
</div>
</div>
<div class = 'action-statement'>
<p>Spend your next vacation in a town that has something for everybody. Whether you’re an avid beach-goer, a friend of nature, or a fan of the night life, every time in MoseyTown is a good time.</p>
</div>
<div class = 'sneak-peek'>
<h2>Here's a sneak-peek...</h2>
<div class = 'sneak-peek-grid'>
<div class = 'beach sneak-peek-item'>
<div class = 'text-container'>
<p>Have some fun at the beach</p>
</div>
</div>
<div class = 'nature sneak-peek-item'>
<div class = 'text-container'>
<p>Experience Mosey's nature</p>
</div>
</div>
<div class = 'food sneak-peek-item'>
<div class = 'text-container'>
<p>Eat some good food</p>
</div>
</div>
<div class = 'boardwalk sneak-peek-item'>
<div class = 'text-container'>
<p>Take a walk on the boardwalk</p>
</div>
</div>
</div>
</div>
<div class = 'activities'>
<h2>Find what you like to do</h2>
<h3>How do you vacation?</h3>
<div class = 'activities-grid'>
<div class = 'leisure'>
<p>Leisure</p>
</div>
<div class = 'action'>
<p>Action</p>
</div>
<div class = 'nightlife'>
<p>Night Life</p>
</div>
</div>
</div>
<div class = 'plan-trip'>
<h2>Plan your trip!</h2>
<div class = 'buttons'>
<button>Transportation</button>
<button>Before You Travel</button>
<button>Accomodations</button>
</div>
</div>
<div class = 'footer'>
<div class = 'logo-and-contact'>
<h2>Visit MoseyTown</h2>
<p>Contact Us</p>
<p>About Us</p>
<p>Social media coming soon!</p>
</div>
<div class = 'email-list'>
<h3>Join our email list!</h3>
<form class = 'email-form'>
<div class = 'form-row'>
<label for='name'>Name:</label>
<input type = 'text' id = 'name'><br>
</div>
<div class = 'form-row'>
<label for='email'>Email:</label>
<input type = 'text' id = 'email'><br>
</div>
</form>
</div>
<div class = 'other-sites'>
<h3>Other useful sites</h3>
<a href = 'main.html'>VisitShelton.com</a><br>
<a href = 'main.html'>Mosey Nature Preserve</a><br>
<a href = 'main.html'>MPlaza</a><br>
<a href = 'main.html'>ShopMoseyBoardwalk.com</a>
</div>
</div>
</body>
</html>