-
Notifications
You must be signed in to change notification settings - Fork 2
/
swimprograms.html
320 lines (297 loc) · 17.2 KB
/
swimprograms.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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<!DOCTYPE html>
<html lang="en">
<head>
<!--Meta Tags-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!--Google fonts-->
<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=Bodoni+Moda:opsz,wght@6..96,400;6..96,700&family=Henny+Penny&family=Open+Sans&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<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=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >
<!-- Custom CSS -->
<link rel="stylesheet" href="styles.css" />
<title>Splashes</title>
<link rel="stylesheet" href="styles.css">
</head>
<body id="swimprograms">
<div id="container">
<!--<img src="images/summer-swim-camps.jpeg" alt="Kids at the Pool" width="1425" height="564">-->
<nav class="navbar navbar-expand-xl navbar-dark sticky-top" id="nav-bar">
<a class="navbar-brand pl-4 pt-0" href="index.html">
<img src="images/logo-small.png" alt="Splashes Logo" width="250" height="auto">
</a>
<button
class="navbar-toggler ml-auto custom-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarContent"
aria-controls="navbarContent"
aria-expanded = "false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav mb-2">
<li class="nav-item active">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="swimlessons.html">Swimming Lessons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="swimprograms.html">Swim Programs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="adultprogram.html">Adult Programs</a>
</li>
<li class="nav-item dropdown">
<a
class="nav-link" href="#"
id="navbarDropdownMenuLink"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
Locations
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<!-- Nav Locations Links -->
<div class="text-center text-md-left" id="locations-list">
<!------------------ Grid row ------------------->
<div class="row text-left">
<!-- Orange County column -->
<div class="col-sm-6 col-xl-3">
<h6 class="font-weight-bold mt-3 mb-0">Orange County</h6>
<ul class="list-unstyled">
<li><a href="#!">Anaheim Hills @ LA Fitness</a></li>
<li><a href="#!">Huntington Beach</a></li>
<li><a href="#!">Irvine</a></li>
<li><a href="#!">Yorba Linda @ LA Fitness</a></li>
</ul>
</div>
<!-- End of Orange County column -->
<!-- San Gabriel Valley column -->
<div class="col-sm-6 col-xl-3">
<h6 class="font-weight-bold mt-3 mb-0">San Gabriel Valley</h6>
<ul class="list-unstyled">
<li><a href="#!">Alhambra-Fremont @ LA Fitness</a></li>
<li><a href="#!">Arcadia @ LA Fitness</a></li>
<li><a href="#!">Diamond Bar @ LA Fitness</a></li>
<li><a href="#!">Pasadena</a></li>
<li><a href="#!">West Covina @ LA Fitness</a></li>
</ul>
</div>
<!-- End of San Gabriel Valley column -->
<!-- Silicon Valley column -->
<div class="col-sm-6 col-xl-6">
<h6 class="font-weight-bold mt-3 mb-0">Silicon Valley</h6>
<ul class="list-unstyled">
<li><a href="#!">North San Jose @ City Sports Club</a></li>
<li><a href="#!">San Jose-Almaden @ City Sports Club</a></li>
<li><a href="#!">San Jose-Bascom</a></li>
<li><a href="#!">San Jose-Blossom Hill @ City Sports Club</a></li>
<li><a href="#!">Sunnyvale @ City Sports Club</a></li>
</ul>
</div>
<!-- End of Silicon Valley column -->
<!-- San Diego County column -->
<div class="col-sm-6 col-xl-3">
<h6 class="font-weight-bold mt-3 mb-0">San Diego County</h6>
<ul class="list-unstyled">
<li><a href="#!">Carlsbad</a></li>
<li><a href="#!">Poway @ LA Fitness</a></li>
</ul>
</div>
<!-- End of San Diego County column -->
<!-- Los Angeles County column -->
<div class="col-sm-6 col-xl-3">
<h6 class="font-weight-bold mt-3 mb-0">Los Angeles County</h6>
<ul class="list-unstyled">
<li><a href="#!">Culver City @ LA Fitness</a></li>
<li><a href="#!">Harbor City @ LA Fitness</a></li>
</ul>
</div>
<!-- End of Los Angeles County column -->
<!-- Alameda County column -->
<div class="col-sm-6 col-xl-6">
<h6 class="font-weight-bold mt-3 mb-0">Alameda County</h6>
<ul class="list-unstyled">
<li><a href="#!">Hayward @ City Sports Club</a></li>
</ul>
</div>
<!-- End of Alameda County column -->
<!-- San Francisco column -->
<div class="col-sm-6 col-xl-6">
<h6 class="font-weight-bold mt-3 mb-0">San Francisco</h6>
<ul class="list-unstyled">
<li id="sf-text"><a href="#!">San Francisco-20th Avenue @ City Sports Club</a></li>
</ul>
</div>
<!-- End of San Francisco column -->
<!-- Denver column -->
<div class="col-sm-6 col-xl-6">
<h6 class="font-weight-bold mt-3 mb-0">Denver</h6>
<ul class="list-unstyled">
<li><a href="#!">Highlands Ranch</a></li>
</ul>
</div>
<!-- End of Denver column -->
</div>
<!--------------- End of Grid row ---------------->
</div>
<!-- End of Nav Locations Links -->
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
<a class="btn btn-primary rounded-pill bg-white border-0 px-3 custom-class"
id="register-btn"
href="signin.html"
role="button">
Register / Sign In
</a>
</div>
</nav>
<header id="swim">
<h2 id="swim-hero-header"><b>Summer Swim Camps</b></h2>
</header>
<main id="swim">
<div class="container pt-3">
<h4>Building Swimming Skills All Summer Long</h4>
<p class="first">If your child is between the ages of 5 to 14 and can swim two lengths across a 25 yard pool unassisted, consider enrolling them in our summer swim camps. Splashes Aquatics summer swim camps are held weekly throughout the summer. Discounts are also available for students who enroll in three sessions or more.</p>
<p>During the day, students will work with our highly qualified instructors on stroke technique, breathing, starts and turns, along with speed work. In the middle of the day, we provide students with a snack and beverage. Swim games will be run during the last 30-45 minutes of each daily session for the children to enjoy our rafts and pool toys.</p>
<p><b>Find a Splashes Aquatics swim camp location near you</b></p>
<ul class="no-bullets">
<li><a href="url">Irvine</a></li>
<li><a href="url">Carlsbad</a></li>
<li><a href="url">Pasadena</a></li>
<li><a href="url">San Jose</a></li>
<li id="last"><a href="url">Denver/Highlands Ranch</a></li>
</ul>
</div>
</main>
<!--Footer-->
<footer class="splash-site-footer">
<div class="footer-logo">
<img src="./images/wave-small.png" alt="footer-logo" />
</div>
<div class="footer-part-one row mt-5">
<div class="col-md-6 col-12">
<nav class="navbar navbar-expand">
<ul class="navbar-nav nav-container">
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<!-- target top location and open -->
<a class="nav-link" href="#">Locations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">FAQs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Register / Sign In</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Careers</a>
</li>
</ul>
</nav>
</div>
<div class="col-md-6 col-12 icon-wrapper">
<a class="fa-stack" style="vertical-align: top; margin-left: 200px" href="#">
<i class="fa-solid fa-circle fa-stack-2x" style="color: #055e97"></i>
<i class="fa-brands fa-linkedin-in fa-stack-1x fa-inverse"></i>
</a>
<a class="fa-stack" style="vertical-align: top" href="#">
<i class="fa-solid fa-circle fa-stack-2x" style="color: #656667"></i>
<i class="fa-brands fa-instagram fa-stack-1x fa-inverse"></i>
</a>
<a class="fa-stack" style="vertical-align: top" href="#">
<i class="fa-solid fa-circle fa-stack-2x" style="color: #27dffd"></i>
<i class="fa-brands fa-twitter fa-stack-1x fa-inverse"></i>
</a>
<a class="fa-stack" style="vertical-align: top" href="#">
<i class="fa-solid fa-circle fa-stack-2x" style="color: #cc0c24"></i>
<i class="fa-brands fa-yelp fa-stack-1x fa-inverse"></i>
</a>
<a class="fa-stack" style="vertical-align: top" href="#">
<i class="fa-solid fa-circle fa-stack-2x" style="color: #71b4fc"></i>
<i class="fa-brands fa-facebook-f fa-stack-1x fa-inverse"></i>
</a>
<a class="fa-stack" style="vertical-align: top" href="#">
<i class="fa-solid fa-circle fa-stack-2x" style="color: #cc0c24"></i>
<i class="fa-brands fa-youtube fa-stack-1x fa-inverse"></i>
</a>
</div>
</div>
<div class="footer-contact-container">
<div class="footer-contact">
<div>
<div>Orange County</div>
<a href="tel:9494500777">(949) 450-0777</a>
</div>
<div>
<div>San Diego County</div>
<a href="tel:7606039400">(760) 603-9400</a>
</div>
<div>
<div>Los Angeles County</div>
<a href="tel:6268361200">(626) 836-1200</a>
</div>
<div>
<div>Northern California</div>
<a href="tel:4082791700">(408) 279-1700</a>
</div>
<div>
<div>Denver</div>
<a href="7203447700">(720) 344-7700</a>
</div>
</div>
</div>
<div class="foot-part-two-container">
<div class="footer-part-two row">
<div class="col-sm-8 col-12 sponsors-logo">
<div>
<img src="./images/sponsors/footer-usssa-logo-2.png" alt="usssa-logo" />
</div>
<div>
<img src="./images/sponsors/footer-ndpa-logo.png" alt="ndpa-logo" />
</div>
<div>
<img src="./images/sponsors/footer-member-issa-logo.png" alt="issa-logo" />
</div>
<div>
<img src="./images/sponsors/footer-stop-drowning-now-logo.png" alt="stop-logo" />
</div>
</div>
<div class="col-sm-4 col-12 copyright">
© 2022 Splashes.<br />
All Rights Reserved
</div>
</div>
</div>
</footer>
</div>
<!-- External JS -->
<script src="scripts/locations.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>