-
Notifications
You must be signed in to change notification settings - Fork 0
/
reviews.html
247 lines (207 loc) · 11.5 KB
/
reviews.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Super Happy Fun Fun Festival</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<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=Lilita+One&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!--begin navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">SHFFF</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Info</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Line-Up
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Day 1 | July 09 2022</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Day 2 | July 10 2022</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Day 3 | July 11 2022</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tickets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">News</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="reviews.html">Reviews</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-danger" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--end navbar-->
<div class="hero">
<h1>Super Happy Fun Fun Festival</h1>
</div>
<!--end hero section-->
<div class="container">
<div class="stage">
<h2>What people are saying about the <strong><em>Super Happy Fun Fun Festival</em></strong>.</h2>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div class="col">
<div class="card h-100">
<img src="img/01.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">John from Denver</h5>
<p class="card-text">I am so happy, my dear friend, so absorbed in the exquisite sense of
mere tranquil existence, that I neglect my talents. I should be incapable of drawing a
single stroke at the present moment; and yet I feel that I never was a greater artist
than now. </p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img/02.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Mia from St. Petersburg</h5>
<p class="card-text">A wonderful serenity has taken possession of my entire soul, like these
sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the
charm of existence in this spot, which was created for the bliss of souls like mine.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img/03.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Mark from Dallas</h5>
<p class="card-text">O my friend -- but it is too much for my strength -- I sink under the
weight of the splendour of these visions! A wonderful serenity has taken possession of
my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img/04.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Paolo from San Francisco</h5>
<p class="card-text">When, while the lovely valley teems with vapour around me, and the
meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but
a few stray gleams steal into the inner sanctuary, I throw myself down among the tall
grass by the trickling stream.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img/05.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Jenny from Montreal</h5>
<p class="card-text">As I lie close to the earth, a thousand unknown plants are noticed by
me: when I hear the buzz of the little world among the stalks, and grow familiar with
the countless indescribable forms of the insects and flies, then I feel the presence of
the Almighty.</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img/06.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Grace from New York</h5>
<p class="card-text">A wonderful serenity has taken possession of my entire soul, like these
sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the
charm of existence in this spot, which was created for the bliss of souls</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end container-->
<div class="footer bg-dark">
<h2>Questions? Hit us up!</h2>
<div class="row row-cols-1 row-cols-md-1 row-cols-lg-2">
<div class="col">
<img src="img/crowdyellow.jpg" alt="View of Crowd">
</div>
<div class="col">
<!-- Bootstrap 5 starter form -->
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<!-- Name input -->
<div class="mb-3">
<label class="form-label" for="name">Name</label>
<input class="form-control" id="name" type="text" placeholder="Name"
data-sb-validations="required" />
<div class="invalid-feedback" data-sb-feedback="name:required">Name is required.</div>
</div>
<!-- Email address input -->
<div class="mb-3">
<label class="form-label" for="emailAddress">Email Address</label>
<input class="form-control" id="emailAddress" type="email" placeholder="Email Address"
data-sb-validations="required, email" />
<div class="invalid-feedback" data-sb-feedback="emailAddress:required">Email Address is
required.</div>
<div class="invalid-feedback" data-sb-feedback="emailAddress:email">Email Address Email is
not valid.</div>
</div>
<!-- Message input -->
<div class="mb-3">
<label class="form-label" for="message">Message</label>
<textarea class="form-control" id="message" type="text" placeholder="Message"
style="height: 10rem;" data-sb-validations="required"></textarea>
<div class="invalid-feedback" data-sb-feedback="message:required">Message is required.</div>
</div>
<!-- Form submissions success message -->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">Form submission successful!</div>
</div>
<!-- Form submissions error message -->
<div class="d-none" id="submitErrorMessage">
<div class="text-center text-danger mb-3">Error sending message!</div>
</div>
<!-- Form submit button -->
<div class="d-grid">
<button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button>
</div>
</form>
</div>
</div>
<small class="text-muted">Created by Joshua Powell</small>
<small class="text-muted">© 2022</small>
</div>
<!--end footer-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>