-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (111 loc) · 4.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/40b95b051c.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alice&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css"></style>
<title>Wildheart Yoga & Fitness</title>
</head>
<body>
<header>
<nav>
<div class="logo">
<a href="index.html"><h4>Wildheart Yoga & Fitness</h4></a>
</div>
<ul class="nav-links">
<li><a href="classes.html">Classes</a></li>
<li><a href="instructors.html">Instructors</a></li>
<li><a href="join.html">Sign Up</a></li>
</ul>
</nav>
</header>
<main>
<section class="showcase-section">
<article class="showcase">
<h1>Online Fitness Classes</h1>
<p>We have a class for everyone!</p>
</article>
<article class="top-box top-box-a">
<h4>Drop-in Class</h4>
<p class="price">$5</p>
<a href="join.html" class="btn">Sign Up</a>
</article>
<article class="top-box top-box-b">
<h4>4-Week Fitness Sessions</h4>
<p class="price">Starting at $20</p>
<a href="join.html" class="btn">Sign Up</a>
</article>
</section>
<section class="introduction-section">
<article>
<p><em>Wildheart Yoga and Fitness</em> was inspired by our search for new and exciting ways to get fit. We believe if you're having fun when you workout, you will make more time for it and achieve your fitness goals.</p>
<p>We aim to provide a safe, welcoming, and fun environment for everyBODY!</p>
<p>We are currently offering a wide range of virtual classes: L1ft, PiYo, Pound, Turbokick, Yoga and Zumba.</p>
<p>Join us online from anywhere! Come sweat, have fun, be free and be wild!</p>
</article>
</section>
<section class="schedule-section">
<h2>Live, online fitness classes, from the comfort of your own home.</h2>
<div>
<table>
<tr>
<th id="table-title" colspan="6"></th>
</tr>
<tr>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr id="class-times1">
<td>L1ft<br>2:30 PM UTC</td>
<td>Yoga<br>10:30 PM UTC</td>
<td>Turbokick w/ Weights<br>10:30 PM UTC</td>
<td>Pound<br>10:30 PM UTC</td>
<td>Zumba<br>10:30 PM UTC</td>
<td>Yin Yoga<br>5:00 PM UTC</td>
</tr>
<tr id="class-times2">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p id="schedule-note"><i>All times displayed in your local timezone</i></p>
</div>
</section>
<section class="social-section">
<!-- <div class="fb-page" data-href="https://www.facebook.com/WildHeart59" data-tabs="timeline" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><blockquote cite="https://www.facebook.com/WildHeart59" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/WildHeart59">WildHeart: Yoga and Fitness</a></blockquote></div> -->
<a href="https://www.facebook.com/WildHeart59">
<article>
<i class="fab fa-facebook-square fa-10x"></i>
<h2>Join our Facebook group to get all the latest updates.</h2>
</article>
</a>
<a href="https://www.instagram.com/wildheart_yogaandfitnessnl/?hl=en">
<article>
<i class="fab fa-instagram-square fa-10x"></i>
<h2>Follow us on Instagram to see more.</h2>
</article>
</a>
</section>
</main>
<footer>
<address>
<p>Wildheart Yoga & Fitness</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p>St. John's, NL & Ottawa, ON</p>
<p>Canada</p>
</address>
</footer>
<script src="js/script.js"></script>
</body>
</html>