generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
activity.html
159 lines (154 loc) · 8.2 KB
/
activity.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.1.1/css/hover-min.css" type="text/css" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
<title>Fitness for People of Colour</title>
</head>
<body>
<header>
<div class="row no-gutters">
<div class="col heading-image">
<div class="row no-gutters">
<div class="col-md-4 bg-color-logo heading-logo">
<h4>Nubian Wellness Centre</h4>
</div>
<div class="col-md-8 bg-color-name-motto heading">
<div>
<h1 class="name">Nubian Wellness Centre</h1>
<h4 class="motto">A fitness centre dedicated to the promotion of health, fitness and overall well-being of people of colour. </h4>
</div>
<div class="row no-gutters">
<div class="col">
<ul id="nav" class="list-inline linkcontainer">
<li class="col-6 col-sm-3 link-color-home list-inline-item linkitem">
<a href="index.html"class="hvr-sweep-to-top"><i class="fa fa-home" aria-hidden="true"></i><span>HOME</span></a>
</li>
<li class="col-6 col-sm-3 link-color-activities list-inline-item linkitem">
<a href="activity.html" class="hvr-sweep-to-top"><i class="fa fa-bicycle" aria-hidden="true"></i><span>ACTIVITIES</span></a>
</li>
<li class="col-6 col-sm-3 link-color-gallery list-inline-item linkitem">
<a href="gallery.html" class="hvr-sweep-to-top"><i class="fa fa-picture-o" aria-hidden="true"></i><span>GALLERY</span></a>
</li>
<li class="col-6 col-sm-3 link-color-join list-inline-item linkitem">
<a href="join_us.html" class="hvr-sweep-to-top"><i class="fa fa-address-card-o" aria-hidden="true"></i><span>JOIN NOW</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="container-fluid">
<div class="row no-gutters">
<div class="col-sm-3 bg-color-spin">
<div class="activity-text hvr-radial-out overlay">
<p>
Cycling is an exciting way to improve fitness. However,
black people are under-represented in the cycling community.
Our spin classes are designed to encourage, nourish and promote
an interest in cycling for fitness and leisure.
</p>
</div>
<div class="activity-name"><h2>SPIN</h2></div>
</div>
<div class="col-sm-3 bg-color-swim">
<div class="activity-text hvr-radial-out overlay">
<p>
At the Nubian Wellness Centre, we believe that swimming
is an essential life skill. Evidence shows that over 60%
of black youths cannot swim, thereby putting them at higher
risk of drowning. Our swimming sessions and lessons are
designed to promote water confidence and enhance swimming
competence.
</p>
</div>
<div class="activity-name"><h2>SWIM</h2></div>
</div>
<div class="col-sm-3 bg-color-afrofusion">
<div class="activity-text hvr-radial-out overlay">
<p>
This is our signature activity and a favorite of our members.
An aerobic whole body exercise session incorporating a unique dance
experience to the rhythm and pulsating beats of afrobeats. Our dance
classes are led by experienced instructors who infuse the latest
afrodance steps into their routines to create an unforgetable experience.
<p><em> A trial will get you hooked!</em></p>
</p>
</div>
<div class="activity-name"><h2>AFRO<br>FUSION</h2></div>
</div>
<div class="col-sm-3 bg-color-gym">
<div class="activity-text hvr-radial-out overlay">
<p>
A multipurpose gym environment for individual and group workout sessions.
Participate along with your friends and family in our Cape to Cairo themed
treadmill race or have the race of your life on our incline treadmills that
replicates the undulating plains of the Sarengeti. You can also join the rowing
action along the Zambezi river on our water rower rowing-machine.
</p>
</div>
<div class="activity-name"><h2>GYM</h2></div>
</div>
</div>
</section>
<footer class="container-fluid">
<div id="footer-details" class="row">
<div class="col-sm-4">
<h5 class="uppercase general-sub">Opening Times</h5>
<p class="inline-block">
Monday - Friday: 9.00am - 9.00pm <br>
Saturday: 8.00am - 10.00pm <br>
Sunday: 11.00am - 4.00pm
</p>
</div>
<div class="col-sm-4">
<h5 class="uppercase general-sub">Location</h5>
<p class="inline-block">
12 Island Road<br>
Wolds Industrial Estate, Brigg,<br>
Humberside, H01 0ZZ.
</p>
</div>
<div class="col-sm-4">
<h5 class="uppercase general-sub">Contact Us</h5>
<ul class="list-inline social-links">
<li class="list-inline-item">
<a target="_blank" href="https://www.facebook.com/">
<i class="fa fa-facebook" aria-hidden="true"></i>
<span class="sr-only">Facebook</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://twitter.com/">
<i class="fa fa-twitter" aria-hidden="true"></i>
<span class="sr-only">Twitter</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/" target="_blank" >
<i class="fa fa-instagram" aria-hidden="true"></i>
<span class="sr-only">Instagram</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://www.youtube.com/">
<i class="fa fa-youtube" aria-hidden="true"></i>
<span class="sr-only">YouTube</span>
</a>
</li>
<br>
Email: nwcinfo@contoso.com<br>
Telephone: 555 12345678
</ul>
</div>
</div>
</footer>
</body>
</html>