-
Notifications
You must be signed in to change notification settings - Fork 1
/
MoveandDance.html
100 lines (94 loc) · 4.64 KB
/
MoveandDance.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
<!DOCTYPE html>
<html lang="en">
<!--Constantina Tripon-->
<head>
<meta charset="UTF-8">
<title>Move and Dance</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link href="./css/style-constantina.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark justify-content-center">
<a class="nav-text" href="classes.html" target="_top">Back to Classes</a>
</nav>
</div>
</div>
<br>
<div class="row">
<div class="col-lg"></div>
<div class="col-lg-10">
<div class="video-container">
<div class="embed-responsive embed-responsive-21by9">
<iframe class="video-embeded" src="https://www.youtube.com/embed/0UzyhBMi0cw" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="col-lg"></div>
</div>
<div class="row">
<div class="col-lg"></div>
<div class="col-lg-10">
<!--a spacing element-->
<div class="mx-auto">
<h1><b><i>"Train, until it changes from a hobby to a lifestyle!"</i></b></h1>
</div>
</div>
<div class="col-lg"></div>
</div>
<br>
<div class="row row-classes">
<div class="col-lg-4">
<div class="subclasses">
<div class="thumbnail mx-auto">
<img src="images/aerobic.jpg" alt="Aerobic">
<h4 class="text-center">Aerobic is for those who enjoy diversity!</h4>
<div class="text-classes">
<br>
<p class="text-center">At <b class="text-center">aerobic</b> the choreography contains twists and turns and all steps as well as movements are thoroughly built from scratch. During the hour you will be challenged on your fitness and coordination in a team room filled with energy and exercise joy.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="subclasses">
<div class="thumbnail mx-auto">
<img src="images/dance.jpg" alt="Dance">
<h4 class="text-center">Dance like nobody is watching!</h4>
<div class="text-classes">
<br>
<p class="text-center">
<b class="text-center">Dance</b> is for those who love to dance to “Clubbing” inspired music such as up tempo Pop, House, Dancehall and Hip-Hop. For Dance you get the opportunity to give that gas with cool dance steps to good music while burning lots of calories. The lesson is built up by various dance steps, which are put together for small choreographies.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="subclasses">
<div class="thumbnail mx-auto">
<img src="images/zumba.jpg" alt="Zumba">
<h4 class="text-center">Zumba - work it till you make it!</h4>
<div class="text-classes">
<br>
<p class="text-center"><b class="text-center">Zumba</b> includes dance steps and steps inspired by our trainers, so you also get trained legs, balls, abdomen and arms. For Zumba®, you get your heart rate up, burn a lot of calories and get an effective workout - all with a smile on your lips.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer made by Daniel-->
<footer class="footer">
<p>© All rights reserved to Group 7</p>
<p> Campus Horsens Chr. M. Østergaardsvej 4 8700 Horsens</p>
<script src="https://kit.fontawesome.com/02f649f51c.js" crossorigin="anonymous"></script>
<p>Check us on Github</p> <a href="https://github.com/SEP-VIA-S20/RWD-ASSIGNMENT1" target="_blank"> <i class="fab fa-github"></i></a>
</footer>
</body>
</html>