-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathservices.html
403 lines (371 loc) · 31.3 KB
/
services.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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- CSS STYLES -->
<link rel="stylesheet" href="./assets/css/bootstrap-css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/animate-css/animate.css">
<link rel="stylesheet" href="./assets/css/custom-css/footer.css">
<link rel="stylesheet" href="./assets/css/custom-css/header.css">
<link rel="stylesheet" href="./assets/css/custom-css/main.css">
<link rel="stylesheet" href="./assets/css/custom-css/services.css">
<title>FitFam | Services </title>
</head>
<body>
<header class="header">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="index.html">
<img src="./assets/img/logo.png" alt="Fitfam gym logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto font-weight-bold">
<li class="nav-item px-3 active">
<a class="nav-link" href="index.html">home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item px-3">
<a class="nav-link active" href="services.html">services</a>
</li>
<li class="nav-item px-3 dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
pages
</a>
<div class="dropdown-menu mt-3" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="products.html">products</a>
<a class="dropdown-item" href="pricingandplan.html">plans and pricing</a>
<a class="dropdown-item" href="bmi-calculator.html">bmi calculator</a>
<a class="dropdown-item" href="404-error.html">404 error</a>
</div>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="meet_team.html">our team</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="about-us.html">about us</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="contact.html">contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- Banner-section -->
<section class="banner d-flex align-items-center position-relative">
<div class="overlay"></div>
<div class="container-fluid position-relative position-absolute">
<div class="container">
<div class="row">
<div class="col-6 col-md-6 ml-auto">
<div class="wow slideInLeft">
<h1 class="banner__title text-uppercase">We train you<br>
<span class="inline__color">smarter</span><br> not harder
</h1>
<a href="#" class="btn btn-banner">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Banner Section End -->
<!-- Services Section Start -->
<section class="section-services">
<div class="container-fluid service-heading">
<div class="container wow slideInRight">
<div class="row justify-content-center align-items-center">
<div class="col-md-6">
<h1 class="text-center service__heading--main">Our Services</h1>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-md-8">
<h1 class="text-center service__heading--sub text-uppercase">Find our packages below</h1>
</div>
</div>
</div>
<div class="container services">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<div class="service__card ">
<h5 class="service__card--heading text-center text-uppercase">Personal training</h5>
<p class="service__card--text text-center">Whether you’re new to exercising or a fitness
pro, we’re here to provide you with personalized coaching and support inside and
outside the club. Our professional programming, tools, and guidance will help you
stay on track, reach your goals, and get to a healthier place.</p>
</div>
<img src="./assets/img/service__one.jpg" class="card-img-top wow bounceIn" alt="...">
<div class="features">
<div class="feature">
<h5 class="feature__heading text-center">Personalized</h5>
<p class="feature__text text-center">With personal training, the focus is you. We
design a program specific to your health and fitness goal and work with you to
achieve them.</p>
</div>
<div class="feature">
<h5 class="feature__heading text-center">Progressive</h5>
<p class="feature__text text-center">Personal training is ideal if you have specific
goals or past injuries you want to work through. This type of training lends
itself to more advanced exercises which requires more focused coaching. We begin
to introduce lower repetition ranges and focus on strength goals.</p>
</div>
<div class="feature">
<h5 class="feature__heading text-center">Accountability</h5>
<p class="feature__text text-center">Working together, your certified personal
trainer will keep you accountable to achieving your goals and set new ones to
keep you challenged..</p>
</div>
</div>
<div class="card-footer text-center text-uppercase">
<a href="#" class="card-footer__text"><span>For more on personal training</span></a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<div class="service__card">
<h5 class="service__card--heading text-center text-uppercase">Nutrition</h5>
<p class="service__card--text text-center">Whether it's playing football, swimming,
jogging, kick-boxing or walking, active people or athletes need to eat a nutritious,
balanced diet to fuel their body. Following these rules and getting plenty of
practice will help active people and athletes feel great!</p>
</div>
<img src="./assets/img/service__two.jpg" class="card-img-top wow bounceIn" alt="...">
<div class="features">
<div class="feature">
<h5 class="feature__heading text-center ">Before workouts</h5>
<p class="feature__text text-center"> Have some high carbohydrate foods like
bananas, bagels or fruit juices. These foods are broken down quickly and provide
glucose to the muscles. Ty of cool water before exercise to keep muscles
hydrated. </p>
</div>
<div class="feature">
<h5 class="feature__heading text-center">During workouts</h5>
<p class="feature__text text-center">Perspiration and exertion deplete the body of
fluids necessary for an optimal performance and lead to dehydration. It is
important to drink plenty of cool water, at least a half a cup of water every 20
minutes of exercise.</p>
</div>
<div class="feature">
<h5 class="feature__heading text-center">After workouts</h5>
<p class="feature__text text-center">No matter the intensity of the exercise, it's
important to drink plenty of water and eat a nutritious, balanced meal that has
lots of carbohydrate rich foods such as grains, pastas, potatoes, vegetables and
fruits.</p>
</div>
</div>
<div class="card-footer text-center text-uppercase">
<a href="#" class="card-footer__text"><span>For more on nutrition</span></a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<div class="service__card">
<h5 class="service__card--heading text-center text-uppercase">Team work out</h5>
<p class="service__card--text text-center">Team workouts will increase your
effectiveness by providing accountability, and you’ll find yourself pushing harder
in an energy-filled atmosphere. Plus, being surrounded by like-minded members will
increase your motivation and inspiration.</p>
</div>
<img src="./assets/img/service__three.jpg" class="card-img-top wow bounceIn" alt="...">
<div class="features">
<div class="feature">
<h5 class="feature__heading text-center">Base</h5>
<p class="feature__text text-center">We'll establish proper movements and a base
level of conditioning to ensure you avoid injury and make progress at your pace.
</p>
</div>
<div class="feature">
<h5 class="feature__heading text-center">Burn</h5>
<p class="feature__text text-center">A high-energy session that uses cardio and
weights to help burn up to 1,000 calories an hour.</p>
</div>
<div class="feature">
<h5 class="feature__heading text-center">Build</h5>
<p class="feature__text text-center">Get stronger, slimmer and more athletic. Our
trainers will help you focus on form and increased strength without the bulk.
</p>
</div>
</div>
<div class="card-footer text-center text-uppercase">
<a href="#" class="card-footer__text"><span>For more on team workout</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid text-center">
<div class="row justify-content-center">
<div class="col-10 col-md-12 wow fadeIn">
<img src="./assets/img/services__bottom1.jpeg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Service section end -->
<footer class="footer">
<div class="container-fluid custom-wrapper">
<div class="row mt-5 mx-1 justify-content-between">
<div class="col-md-4 col-lg-3 pl-md-0 pr-sm-0">
<div class="pt-0 mb-4 d-none d-md-block">
<img src="./assets/img/logo.png" alt="Fitfam logo icon">
</div>
<div class="py-3 d-block d-sm-block d-md-none text-center">
<img src="./assets/img/mobile/Logo-01.svg" alt="Fitfam logo icon">
</div>
<p class="py-2 d-none d-md-block footer-p font-weight-bold">
Orci vel in vel, amet pellentesque. Nec in auctor diam duis sit. Imperdiet in egestas eu consectetur eros,
turpis. Sapien vitae mauris eu ultrices suspendisse risus, malesuada nibh. Venenatis orci neque quam quisque
gravida ultrices. Vestibulum sit pellentesque
ultricies risus commodo neque, ac. Quis et dui arcu urna sagittis ipsum volutpat diam. Amet. </p>
</div>
<div class="col-12 text-center text-lg-left col-md-2 col-lg-2 pt-3 py-md-0 my-border d-md-none d-lg-block">
<h5 class="pt-3 pb-1 mb-0 d-none d-md-block">Explore</h5>
<ul class="pl-0 py-3">
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="./index.html">Home</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="./services.html">services</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">pages</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="./meet_team.html">our team</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="./about-us.html">about us</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="./contact.html">contact</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./index.html">Home</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./services.html">services</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./pricingandplan.html">plans</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./bmi-calculator.html">bm calculator</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./products.html">products</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./meet_team.html">meet the team</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./about-us.html">about us</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="./contact.html">contact us</a></li>
</ul>
</div>
<div class="col col-md-4 col-lg-3 p-lg-0 px-3">
<div class=" d-none d-md-block d-md-flex font-weight-bold">
<div>
<h5 class="pt-3 pb-1">visit</h5>
<ul class="pr-5 pl-0">
<City,>100, Street adress City, 00188 State</p>
</ul>
</div>
<div>
<h5 class="pt-3 pb-1">legal</h5>
<ul class="pl-0 font-weight-bold">
<li><a href="">PRIVACY POLICY</a></li>
<li class="py-1"><a href="">TERMS</a></li>
</ul>
</div>
</div>
<div class="d-none d-md-block font-weight-bold">
<h5 class="py-1">follow us on social media</h5>
<div class="d-flex justify-content-between">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.37321 0 0 5.37321 0 12C0 18.6268 5.37321 24 12 24C18.6268 24 24 18.6268 24 12C24 5.37321 18.6268 0 12 0ZM17.767 9.04554C17.775 9.17143 17.775 9.30268 17.775 9.43125C17.775 13.3634 14.7804 17.8929 9.30804 17.8929C7.62054 17.8929 6.05625 17.4027 4.73839 16.5589C4.97946 16.5857 5.20982 16.5964 5.45625 16.5964C6.84911 16.5964 8.12946 16.125 9.15 15.3268C7.84286 15.3 6.74464 14.4429 6.36964 13.2643C6.82768 13.3313 7.24018 13.3313 7.71161 13.2107C7.03855 13.074 6.43359 12.7084 5.99951 12.1762C5.56542 11.644 5.32898 10.9779 5.33036 10.2911V10.2536C5.72411 10.4759 6.1875 10.6125 6.67232 10.6313C6.26476 10.3596 5.93051 9.99164 5.69923 9.5599C5.46794 9.12817 5.34676 8.64603 5.34643 8.15625C5.34643 7.60179 5.49107 7.09554 5.75089 6.65625C6.49795 7.5759 7.43017 8.32806 8.48696 8.86384C9.54375 9.39961 10.7014 9.70702 11.8848 9.76607C11.4643 7.74375 12.975 6.10714 14.7911 6.10714C15.6482 6.10714 16.4196 6.46607 16.9634 7.04464C17.6357 6.91875 18.2786 6.66696 18.8518 6.32946C18.6295 7.01786 18.1634 7.59911 17.5446 7.96607C18.1446 7.90179 18.7232 7.73571 19.2589 7.50268C18.8545 8.09732 18.3482 8.625 17.767 9.04554Z"
fill="white" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.997 7.9983C9.79351 7.9983 7.99529 9.79651 7.99529 12C7.99529 14.2035 9.79351 16.0017 11.997 16.0017C14.2005 16.0017 15.9987 14.2035 15.9987 12C15.9987 9.79651 14.2005 7.9983 11.997 7.9983ZM23.9991 12C23.9991 10.3429 24.0141 8.70077 23.9211 7.04665C23.828 5.12536 23.3897 3.4202 21.9847 2.01525C20.5768 0.607302 18.8746 0.172008 16.9533 0.0789456C15.2962 -0.0141173 13.6541 0.000892936 12 0.000892936C10.3429 0.000892936 8.70077 -0.0141173 7.04665 0.0789456C5.12536 0.172008 3.4202 0.610305 2.01525 2.01525C0.607303 3.42321 0.172008 5.12536 0.0789456 7.04665C-0.0141172 8.70377 0.000892936 10.3459 0.000892936 12C0.000892936 13.6541 -0.0141172 15.2992 0.0789456 16.9533C0.172008 18.8746 0.610305 20.5798 2.01525 21.9847C3.42321 23.3927 5.12536 23.828 7.04665 23.9211C8.70377 24.0141 10.3459 23.9991 12 23.9991C13.6571 23.9991 15.2992 24.0141 16.9533 23.9211C18.8746 23.828 20.5798 23.3897 21.9847 21.9847C23.3927 20.5768 23.828 18.8746 23.9211 16.9533C24.0171 15.2992 23.9991 13.6571 23.9991 12ZM11.997 18.1572C8.58969 18.1572 5.83984 15.4073 5.83984 12C5.83984 8.5927 8.58969 5.84284 11.997 5.84284C15.4043 5.84284 18.1542 8.5927 18.1542 12C18.1542 15.4073 15.4043 18.1572 11.997 18.1572ZM18.4063 7.02864C17.6108 7.02864 16.9684 6.38621 16.9684 5.59067C16.9684 4.79513 17.6108 4.1527 18.4063 4.1527C19.2019 4.1527 19.8443 4.79513 19.8443 5.59067C19.8445 5.77957 19.8075 5.96667 19.7353 6.14124C19.6631 6.31581 19.5572 6.47442 19.4237 6.608C19.2901 6.74157 19.1315 6.84748 18.9569 6.91967C18.7823 6.99185 18.5952 7.02888 18.4063 7.02864Z"
fill="white" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.37097 0 0 5.37097 0 12C0 18.629 5.37097 24 12 24C18.629 24 24 18.629 24 12C24 5.37097 18.629 0 12 0ZM20.2016 16.3984C20.0323 16.7903 19.3258 17.0758 18.0339 17.279C17.9661 17.371 17.9129 17.7532 17.8258 18.0484C17.7726 18.2274 17.6468 18.3339 17.4339 18.3339H17.4242C17.1242 18.3339 16.8048 18.1935 16.1758 18.1935C15.3242 18.1935 15.029 18.3871 14.3661 18.8565C13.6645 19.3548 12.9919 19.7806 11.9855 19.7371C10.9694 19.8145 10.1177 19.1952 9.63871 18.8565C8.97097 18.3871 8.68064 18.1935 7.82903 18.1935C7.22419 18.1935 6.84194 18.3435 6.58065 18.3435C6.31935 18.3435 6.21774 18.1839 6.17903 18.0532C6.09194 17.7581 6.03871 17.371 5.97097 17.279C5.30323 17.1774 3.80323 16.9161 3.76935 16.2435C3.75968 16.0694 3.88065 15.9145 4.05484 15.8855C6.29516 15.5177 7.30161 13.2194 7.34516 13.1226C7.34516 13.1177 7.35 13.1129 7.35484 13.1081C7.47581 12.8661 7.5 12.6629 7.43226 12.5032C7.26774 12.121 6.56613 11.9855 6.27097 11.8645C5.50645 11.5645 5.4 11.2161 5.44839 10.979C5.52581 10.5677 6.14516 10.3113 6.50806 10.4806C6.79355 10.6161 7.05 10.6839 7.26774 10.6839C7.42742 10.6839 7.53387 10.6452 7.5871 10.6161C7.51935 9.45968 7.35968 7.80968 7.77097 6.88548C8.85968 4.45161 11.1629 4.25806 11.8403 4.25806C11.8694 4.25806 12.1355 4.25323 12.1645 4.25323C13.8435 4.25323 15.4548 5.11452 16.2435 6.88064C16.6548 7.80484 16.4952 9.45 16.4274 10.6113C16.4806 10.6403 16.5677 10.6742 16.7032 10.679C16.9113 10.6694 17.1484 10.6016 17.4145 10.4758C17.6081 10.3839 17.879 10.3984 18.0726 10.4758C18.3774 10.5871 18.571 10.8048 18.5758 11.0516C18.5806 11.3661 18.3 11.6371 17.7435 11.8548C17.6758 11.8839 17.5935 11.9081 17.5065 11.9371C17.1919 12.0387 16.7129 12.1887 16.5871 12.4935C16.5194 12.6532 16.5484 12.8565 16.6645 13.0984C16.6694 13.1032 16.6694 13.1081 16.6742 13.1129C16.7177 13.2097 17.7242 15.5081 19.9645 15.8758C20.1581 15.9242 20.3081 16.1419 20.2016 16.3984Z"
fill="white" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.37321 0 0 5.37321 0 12C0 18.6268 5.37321 24 12 24C18.6268 24 24 18.6268 24 12C24 5.37321 18.6268 0 12 0ZM16.4732 16.9714C15.3857 17.9732 13.9018 18.5625 12.1313 18.5625C9.56786 18.5625 7.35 17.092 6.27054 14.9491C5.82589 14.0625 5.57143 13.0607 5.57143 12C5.57143 10.9393 5.82589 9.9375 6.27054 9.05089C7.35 6.90536 9.56786 5.43482 12.1313 5.43482C13.8991 5.43482 15.383 6.08571 16.5214 7.14375L14.6411 9.02679C13.9607 8.37589 13.0955 8.04643 12.1339 8.04643C10.425 8.04643 8.97857 9.20089 8.46161 10.7518C8.33036 11.1455 8.25536 11.5661 8.25536 12C8.25536 12.4339 8.33036 12.8545 8.46161 13.2482C8.97857 14.7991 10.425 15.9536 12.1313 15.9536C13.0152 15.9536 13.7652 15.7205 14.3518 15.3268C15.0482 14.8607 15.5089 14.167 15.6616 13.3446H12.1313V10.8054H18.3107C18.3884 11.2366 18.4286 11.6839 18.4286 12.1473C18.4286 14.1482 17.7134 15.8277 16.4732 16.9714Z"
fill="white" />
</svg>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M24.1487 12.0743C24.1487 5.40402 18.7401 0 12.0743 0C5.40402 0 0 5.40402 0 12.0743C0 18.0994 4.41392 23.0952 10.1877 24V15.5653H7.12159V12.0751H10.1877V9.41345C10.1877 6.38808 11.9875 4.71729 14.7465 4.71729C16.0679 4.71729 17.4512 4.95274 17.4512 4.95274V7.92378H15.926C14.4288 7.92378 13.9609 8.85577 13.9609 9.8104V12.0743H17.3093L16.7712 15.5646H13.9609V23.9992C19.7302 23.0944 24.1487 18.0987 24.1487 12.0736V12.0743Z"
fill="white" />
</svg>
<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M33.6758 3.74904C33.4809 3.02308 33.0987 2.36104 32.5675 1.82918C32.0364 1.29733 31.3748 0.914313 30.6491 0.718471C27.9777 1.45785e-07 17.2695 0 17.2695 0C17.2695 0 6.56118 -1.45785e-07 3.88984 0.71465C3.1638 0.909856 2.50191 1.29266 1.97063 1.82461C1.43934 2.35656 1.05738 3.01894 0.863087 3.74522C0.148437 6.42038 0.148438 12 0.148438 12C0.148438 12 0.148437 17.5796 0.863087 20.251C1.25672 21.7261 2.4185 22.8879 3.88984 23.2815C6.56118 24 17.2695 24 17.2695 24C17.2695 24 27.9777 24 30.6491 23.2815C32.1242 22.8879 33.2822 21.7261 33.6758 20.251C34.3905 17.5796 34.3905 12 34.3905 12C34.3905 12 34.3905 6.42038 33.6758 3.74904ZM13.8682 17.121V6.87898L22.7344 11.9618L13.8682 17.121Z"
fill="white" />
</svg>
</div>
</div>
</div>
<div class="col-12 d-md-none ">
<h5 class="py-3 d-none d-md-block font-weight-bold">follow us on social media</h5>
<div class="d-flex justify-content-between">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.37321 0 0 5.37321 0 12C0 18.6268 5.37321 24 12 24C18.6268 24 24 18.6268 24 12C24 5.37321 18.6268 0 12 0ZM17.767 9.04554C17.775 9.17143 17.775 9.30268 17.775 9.43125C17.775 13.3634 14.7804 17.8929 9.30804 17.8929C7.62054 17.8929 6.05625 17.4027 4.73839 16.5589C4.97946 16.5857 5.20982 16.5964 5.45625 16.5964C6.84911 16.5964 8.12946 16.125 9.15 15.3268C7.84286 15.3 6.74464 14.4429 6.36964 13.2643C6.82768 13.3313 7.24018 13.3313 7.71161 13.2107C7.03855 13.074 6.43359 12.7084 5.99951 12.1762C5.56542 11.644 5.32898 10.9779 5.33036 10.2911V10.2536C5.72411 10.4759 6.1875 10.6125 6.67232 10.6313C6.26476 10.3596 5.93051 9.99164 5.69923 9.5599C5.46794 9.12817 5.34676 8.64603 5.34643 8.15625C5.34643 7.60179 5.49107 7.09554 5.75089 6.65625C6.49795 7.5759 7.43017 8.32806 8.48696 8.86384C9.54375 9.39961 10.7014 9.70702 11.8848 9.76607C11.4643 7.74375 12.975 6.10714 14.7911 6.10714C15.6482 6.10714 16.4196 6.46607 16.9634 7.04464C17.6357 6.91875 18.2786 6.66696 18.8518 6.32946C18.6295 7.01786 18.1634 7.59911 17.5446 7.96607C18.1446 7.90179 18.7232 7.73571 19.2589 7.50268C18.8545 8.09732 18.3482 8.625 17.767 9.04554Z"
fill="white" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.997 7.9983C9.79351 7.9983 7.99529 9.79651 7.99529 12C7.99529 14.2035 9.79351 16.0017 11.997 16.0017C14.2005 16.0017 15.9987 14.2035 15.9987 12C15.9987 9.79651 14.2005 7.9983 11.997 7.9983ZM23.9991 12C23.9991 10.3429 24.0141 8.70077 23.9211 7.04665C23.828 5.12536 23.3897 3.4202 21.9847 2.01525C20.5768 0.607302 18.8746 0.172008 16.9533 0.0789456C15.2962 -0.0141173 13.6541 0.000892936 12 0.000892936C10.3429 0.000892936 8.70077 -0.0141173 7.04665 0.0789456C5.12536 0.172008 3.4202 0.610305 2.01525 2.01525C0.607303 3.42321 0.172008 5.12536 0.0789456 7.04665C-0.0141172 8.70377 0.000892936 10.3459 0.000892936 12C0.000892936 13.6541 -0.0141172 15.2992 0.0789456 16.9533C0.172008 18.8746 0.610305 20.5798 2.01525 21.9847C3.42321 23.3927 5.12536 23.828 7.04665 23.9211C8.70377 24.0141 10.3459 23.9991 12 23.9991C13.6571 23.9991 15.2992 24.0141 16.9533 23.9211C18.8746 23.828 20.5798 23.3897 21.9847 21.9847C23.3927 20.5768 23.828 18.8746 23.9211 16.9533C24.0171 15.2992 23.9991 13.6571 23.9991 12ZM11.997 18.1572C8.58969 18.1572 5.83984 15.4073 5.83984 12C5.83984 8.5927 8.58969 5.84284 11.997 5.84284C15.4043 5.84284 18.1542 8.5927 18.1542 12C18.1542 15.4073 15.4043 18.1572 11.997 18.1572ZM18.4063 7.02864C17.6108 7.02864 16.9684 6.38621 16.9684 5.59067C16.9684 4.79513 17.6108 4.1527 18.4063 4.1527C19.2019 4.1527 19.8443 4.79513 19.8443 5.59067C19.8445 5.77957 19.8075 5.96667 19.7353 6.14124C19.6631 6.31581 19.5572 6.47442 19.4237 6.608C19.2901 6.74157 19.1315 6.84748 18.9569 6.91967C18.7823 6.99185 18.5952 7.02888 18.4063 7.02864Z"
fill="white" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.37097 0 0 5.37097 0 12C0 18.629 5.37097 24 12 24C18.629 24 24 18.629 24 12C24 5.37097 18.629 0 12 0ZM20.2016 16.3984C20.0323 16.7903 19.3258 17.0758 18.0339 17.279C17.9661 17.371 17.9129 17.7532 17.8258 18.0484C17.7726 18.2274 17.6468 18.3339 17.4339 18.3339H17.4242C17.1242 18.3339 16.8048 18.1935 16.1758 18.1935C15.3242 18.1935 15.029 18.3871 14.3661 18.8565C13.6645 19.3548 12.9919 19.7806 11.9855 19.7371C10.9694 19.8145 10.1177 19.1952 9.63871 18.8565C8.97097 18.3871 8.68064 18.1935 7.82903 18.1935C7.22419 18.1935 6.84194 18.3435 6.58065 18.3435C6.31935 18.3435 6.21774 18.1839 6.17903 18.0532C6.09194 17.7581 6.03871 17.371 5.97097 17.279C5.30323 17.1774 3.80323 16.9161 3.76935 16.2435C3.75968 16.0694 3.88065 15.9145 4.05484 15.8855C6.29516 15.5177 7.30161 13.2194 7.34516 13.1226C7.34516 13.1177 7.35 13.1129 7.35484 13.1081C7.47581 12.8661 7.5 12.6629 7.43226 12.5032C7.26774 12.121 6.56613 11.9855 6.27097 11.8645C5.50645 11.5645 5.4 11.2161 5.44839 10.979C5.52581 10.5677 6.14516 10.3113 6.50806 10.4806C6.79355 10.6161 7.05 10.6839 7.26774 10.6839C7.42742 10.6839 7.53387 10.6452 7.5871 10.6161C7.51935 9.45968 7.35968 7.80968 7.77097 6.88548C8.85968 4.45161 11.1629 4.25806 11.8403 4.25806C11.8694 4.25806 12.1355 4.25323 12.1645 4.25323C13.8435 4.25323 15.4548 5.11452 16.2435 6.88064C16.6548 7.80484 16.4952 9.45 16.4274 10.6113C16.4806 10.6403 16.5677 10.6742 16.7032 10.679C16.9113 10.6694 17.1484 10.6016 17.4145 10.4758C17.6081 10.3839 17.879 10.3984 18.0726 10.4758C18.3774 10.5871 18.571 10.8048 18.5758 11.0516C18.5806 11.3661 18.3 11.6371 17.7435 11.8548C17.6758 11.8839 17.5935 11.9081 17.5065 11.9371C17.1919 12.0387 16.7129 12.1887 16.5871 12.4935C16.5194 12.6532 16.5484 12.8565 16.6645 13.0984C16.6694 13.1032 16.6694 13.1081 16.6742 13.1129C16.7177 13.2097 17.7242 15.5081 19.9645 15.8758C20.1581 15.9242 20.3081 16.1419 20.2016 16.3984Z"
fill="white" />
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 0C5.37321 0 0 5.37321 0 12C0 18.6268 5.37321 24 12 24C18.6268 24 24 18.6268 24 12C24 5.37321 18.6268 0 12 0ZM16.4732 16.9714C15.3857 17.9732 13.9018 18.5625 12.1313 18.5625C9.56786 18.5625 7.35 17.092 6.27054 14.9491C5.82589 14.0625 5.57143 13.0607 5.57143 12C5.57143 10.9393 5.82589 9.9375 6.27054 9.05089C7.35 6.90536 9.56786 5.43482 12.1313 5.43482C13.8991 5.43482 15.383 6.08571 16.5214 7.14375L14.6411 9.02679C13.9607 8.37589 13.0955 8.04643 12.1339 8.04643C10.425 8.04643 8.97857 9.20089 8.46161 10.7518C8.33036 11.1455 8.25536 11.5661 8.25536 12C8.25536 12.4339 8.33036 12.8545 8.46161 13.2482C8.97857 14.7991 10.425 15.9536 12.1313 15.9536C13.0152 15.9536 13.7652 15.7205 14.3518 15.3268C15.0482 14.8607 15.5089 14.167 15.6616 13.3446H12.1313V10.8054H18.3107C18.3884 11.2366 18.4286 11.6839 18.4286 12.1473C18.4286 14.1482 17.7134 15.8277 16.4732 16.9714Z"
fill="white" />
</svg>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M24.1487 12.0743C24.1487 5.40402 18.7401 0 12.0743 0C5.40402 0 0 5.40402 0 12.0743C0 18.0994 4.41392 23.0952 10.1877 24V15.5653H7.12159V12.0751H10.1877V9.41345C10.1877 6.38808 11.9875 4.71729 14.7465 4.71729C16.0679 4.71729 17.4512 4.95274 17.4512 4.95274V7.92378H15.926C14.4288 7.92378 13.9609 8.85577 13.9609 9.8104V12.0743H17.3093L16.7712 15.5646H13.9609V23.9992C19.7302 23.0944 24.1487 18.0987 24.1487 12.0736V12.0743Z"
fill="white" />
</svg>
<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M33.6758 3.74904C33.4809 3.02308 33.0987 2.36104 32.5675 1.82918C32.0364 1.29733 31.3748 0.914313 30.6491 0.718471C27.9777 1.45785e-07 17.2695 0 17.2695 0C17.2695 0 6.56118 -1.45785e-07 3.88984 0.71465C3.1638 0.909856 2.50191 1.29266 1.97063 1.82461C1.43934 2.35656 1.05738 3.01894 0.863087 3.74522C0.148437 6.42038 0.148438 12 0.148438 12C0.148438 12 0.148437 17.5796 0.863087 20.251C1.25672 21.7261 2.4185 22.8879 3.88984 23.2815C6.56118 24 17.2695 24 17.2695 24C17.2695 24 27.9777 24 30.6491 23.2815C32.1242 22.8879 33.2822 21.7261 33.6758 20.251C34.3905 17.5796 34.3905 12 34.3905 12C34.3905 12 34.3905 6.42038 33.6758 3.74904ZM13.8682 17.121V6.87898L22.7344 11.9618L13.8682 17.121Z"
fill="white" />
</svg>
</div>
</div>
<div class="col-md-4 col-lg-4">
<h5 class="pt-3 pb-1 text-right d-none d-md-block">subscribe to our newsletter</h5>
<form class="ml-5 d-none d-md-block">
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
placeholder="Your e-mail here">
</div>
<div class="text-right">
<button type="submit" class="btn btn-subscribe">SUBSCRIBE</button>
</div>
</form>
<ul class="d-flex justify-content-between py-4 px-2 subnav mb-0">
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">site map</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">privacy policy</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">careers</a></li>
</ul>
<span class="float-md-left mt-3 mt-xl-5 text-center">© 2020 FitFam Gym. All rights reserved</span>
</div>
</div>
</div>
</div>
</footer>
<!-- end of footer -->
<!-- JS SCRIPTS -->
<script src="./assets/js/vendor-js/popper.js"></script>
<script src="./assets/js/vendor-js/jquery.js"></script>
<script src="./assets/js/vendor-js/bootstrap.min.js"></script>
<script src="./assets/js/vendor-js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>