-
Notifications
You must be signed in to change notification settings - Fork 14
/
classes.html
160 lines (137 loc) · 4.69 KB
/
classes.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
<!DOCTYPE html>
<!-- This website template was created by: Christopher Deleon, October 13, 2021 -->
<html lang="en">
<head>
<title>Fitness Class Schedule | Forward Fitness Club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css">
<meta name="description" content="Forward Fitness Club has many fitness classes to meet your needs, including boot camp, cardio, kickboxing, spinning, yoga, and Zumba.">
<link href="https://fonts.googleapis.com/css2?family=Francois+One&family=Roboto+Slab&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="icon" type="images/png" sizes="32x32" href="images/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="images/android-chrome-192.png">
</head>
<body>
<div id="container">
<!-- Mobile Nav -->
<nav class="mobile-nav">
<div id="menu-links">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="classes.html">Classes</a>
<a href="nutrition.html">Nutrition</a>
<a href="contact.html">Contact Us</a>
</div>
<a class="menu-icon" onclick="hamburger()">
<div>☰</div>
</a>
</nav>
<!-- Use the header area for the website name or logo -->
<header id="ffc-logo">
<a href="index.html"><img src="images/forward-fitness-logo.png" alt="Forward Fitness Club logo"></a>
</header>
<!-- Tablet, Desktop Nav -->
<nav class="tablet-desktop">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="nutrition.html">Nutrition</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<!-- Classes Hero Image -->
<div id="hero" class="tablet-desktop">
<img src="images/classes-hero-image.jpg" alt="group of fitness people">
</div>
<!-- Use the main area to add the main content of the webpage -->
<main>
<div class="mobile">
<h3>Group Fitness Classes</h3>
<p>Boot Camp: TR 5am & 5pm</p>
<p>Cardio: MWF 6am & 5pm</p>
<p>Kickboxing: MWF 8am & 7:15pm</p>
<p>Spinning: TR 6am & 6pm</p>
<p>Yoga: TR 6am & 6pm</p>
<p>Zumba: MWF 7am & 6pm</p>
</div>
<div class="tablet-desktop">
<table> <!-- Start Table -->
<caption>Group Fitness Class Schedule</caption>
<tr><!-- Row 1 -->
<th>Class</th>
<th>Days</th>
<th>Times</th>
<th>Instructor</th>
<th>Room</th>
</tr>
<tr><!-- Row 2 -->
<td>Cardio</td>
<td>Mon, Wed, Fri</td>
<td>6:00am, 6:00pm</td>
<td>Schultz</td>
<td>B</td>
</tr>
<tr><!-- Row 3 -->
<td>Boot Camp</td>
<td>Tue, Thu</td>
<td>5:00am, 5:00pm</td>
<td>Taylor</td>
<td>B</td>
</tr>
<tr><!-- Row 4 -->
<td>Spinning</td>
<td>Tue, Thu</td>
<td>6:00am, 6:00pm</td>
<td>Roberts</td>
<td>A</td>
</tr>
<tr><!-- Row 5 -->
<td>Kickboxing</td>
<td>Mon, Wed, Fri</td>
<td>8:00am, 7:15pm</td>
<td>Lawrence</td>
<td>A</td>
</tr>
<tr><!-- Row 6 -->
<td>Yoga</td>
<td>Tue, Thu</td>
<td>6:00am, 6:00pm</td>
<td>Schultz</td>
<td>B</td>
</tr>
<tr><!-- Row 7 -->
<td>Zumba</td>
<td>Mon, Wed, Fri</td>
<td>7:00am, 6:00pm</td>
<td>Roberts</td>
<td>A</td>
</tr>
</table> <!-- End Table -->
</div>
<div id="music-sample">
<h3>We play upbeat music to help keep you focused during your workout. Below is a sample of the type of music played during a class workout.</h3>
<audio controls>
<source src="media/ffc_audio.mp3" type="audio/mp3">
<source src="media/ffc_audio.oog" type="audio/oog">
<p>Your browser does not support the audio element.</p>
</audio>
</div>
</main>
<!-- Use the footer area to add webpage footer content -->
<footer>
<div class="copyright">
<p>© Copyright 2021. All Rights Reserved.</p>
<p><a href="mailto:forwardfitness@club.net">forwardfitness@club.net</a></p>
</div>
<div class="social">
<a href="https://www.facebook.com/fwdfitclub" target="_blank"><img src="images/facebook-logo.png" alt="black and white Facebook logo"></a>
<a href="https://twitter.com/fwdfitclub" target="_blank"><img src="images/twitter-logo.png" alt="black and white Twitter logo"></a>
</div>
</footer>
</div>
<script src="scripts/script.js"></script>
</body>
</html>