-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (73 loc) · 3.14 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
<!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">
<title>Fitness Class</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/normalize.css">
<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=Lato:ital,wght@0,300;0,400;0,700;1,100;1,300;1,400&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="tabs">
<button class="tab" data-theme="fitness">
Fitness
</button>
<button class="tab is-selected" data-theme="yoga">
Yoga
</button>
<button class="tab" data-theme="dance">
Dance
</button>
</div>
<div class="tab-contents">
<section class="tab-content" data-theme="fitness" id="fitness">
<img src="images/fitness.jpg" alt="fitness-session" />
<h2>Fitness class</h2>
<p>
Experience high-performance group fitness like never before,
at DTL's first flagship functional training studio.
We believe that physical activity should be a reward you give to yourself, not a chore.
</p>
<p>
<a href=""
>Book a session</a
>
</p>
</section>
<section class="tab-content is-selected" data-theme="yoga" id="yoga">
<img src="images/yoga-pose.jpg" alt="yoga-session" />
<h2>Yoga Session</h2>
<p>
The DTL Yoga Studios offers Traditional Hot Yoga and Hot Fitness classes that have the power to transform you.
Their latest infrared heat technology adds more magic to all of their classes and enhances the benefits.
</p>
<p>
<a href=""
>Book a session</a
>
</p>
</section>
<section class="tab-content" data-theme="dance" id="dance">
<img src="images/dance-class.jpg" alt="dance" />
<h2>Dance class</h2>
<p>
DTL Dance Studio is specialized in teaching Salsa, Bachata, Zumba, Hip Hop, Jazz Funk,
Contemporary dance, Twerking, Belly Dance, Heels, Ballet, Stretching, Yoga, Kickboxing, Gymnastics, HIIT and more for kids and adults.
</p>
<p>
<a href=""
>Book a session</a
>
</p>
</section>
</div>
</div>
<script src="index.js" type="text/javascript"></script>
</body>
</html>