-
Notifications
You must be signed in to change notification settings - Fork 13
/
about-us.html
409 lines (377 loc) · 30.4 KB
/
about-us.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
404
405
406
407
408
409
<!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="./assets/css/bootstrap-css/bootstrap.min.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/about-page.css">
<link rel="stylesheet" href="./assets/css/custom-css/gallery.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
<title>FitFam | About</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" 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 active" 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>
<section class="main-bg">
<div class="main-wrapper">
<h1 class="text-uppercase lead-text text-white">We're built for you</h1>
<h2 class="text-uppercase sub-text">About <br> us</h2>
</div>
</section>
<section class="history">
<div class="history-wrapper">
<h2 class="text-uppercase lead-text text-white">built on solid ground</h2>
<h3 class="text-uppercase sub-text">our history</h3>
<p class="lead-paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et eu tincidunt amet pellentesque. Quam a sollicitudin
sit nulla in faucibus. Et consectetur maecenas pharetra, diam habitasse elit mauris auctor. Libero sit rhoncus,
at metus dignissim mollis. Purus vulputate a, pulvinar tortor eu pellentesque. Id suscipit neque, viverra sit
condimentum ut.
Ipsum donec posuere mauris sed massa nisl. Nulla ac ipsum netus quis
<br>
<br>
volutpat. Ipsum, massa malesuada viverra aliquam phasellus adipiscing. Quisque et aliquam diam, pretium. Amet
phasellus quam laoreet neque velit convallis aliquam ornare. Massa nulla accumsan cursus volutpat eget
pellentesque vitae etiam lorem. Pellentesque risus nulla morbi lacinia. A fusce sem eu neque arcu vel. Malesuada
amet faucibus est, pulvinar lobortis morbi ullamcorper. Non tellus.
</p>
<span class="d-flex justify-content-end text-uppercase">Read more</span>
</div>
</section>
<section class="services">
<div class="services-wrapper text-center">
<h2 class="lead-text">
You Inspire Us
</h2>
<h3 class="sub-text text-uppercase text-white">
so we push you beyond limits
</h3>
<div class="row">
<div class="col-md-3 service">
<div class="service-bg text-center">
<img src="./assets/img/Threadmill 1.svg" alt="service-image" class="service-img">
</div>
<p class="text-capitalize service-text text-white">
modern equipment
</p>
</div>
<div class="col-md-3 service">
<div class="service-bg text-center">
<img src="./assets/img/milk 1.svg" alt="service-image" class="service-img">
</div>
<p class="text-capitalize service-text text-white text-center">
healthy nutrition <br>
plan
</p>
</div>
<div class="col-md-3 service">
<div class="service-bg text-center">
<img src="./assets/img/gym 1.svg" alt="service-image" class="service-img">
</div>
<p class="text-capitalize service-text text-white text-center">
professional training <br> plan
</p>
</div>
<div class="col-md-3 service">
<div class="service-bg text-center">
<img src="./assets/img/heart 1.svg" alt="service-image" class="service-img">
</div>
<p class="text-capitalize service-text text-white text-center">
healthy lifestyle <br> plan
</p>
</div>
</div>
</div>
</section>
<section class="mission">
<div class="mission-wrapper">
<h2 class="text-uppercase lead-text text-white">we set target and hit hard</h2>
<h3 class="text-uppercase sub-text">our mission</h3>
<p class="lead-paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et eu tincidunt amet pellentesque. Quam a sollicitudin
sit nulla in faucibus. Et consectetur maecenas pharetra, diam habitasse elit mauris auctor. Libero sit rhoncus,
at metus dignissim mollis. Purus vulputate a, pulvinar tortor eu pellentesque. Id suscipit neque, viverra sit
condimentum ut.
Ipsum donec posuere mauris sed massa nisl. Nulla ac ipsum netus quis
<br>
<br>
volutpat. Ipsum, massa malesuada viverra aliquam phasellus adipiscing. Quisque et aliquam diam, pretium. Amet
phasellus quam laoreet neque velit convallis aliquam ornare. Massa nulla accumsan cursus volutpat eget
pellentesque vitae etiam lorem. Pellentesque risus nulla morbi lacinia. A fusce sem eu neque arcu vel. Malesuada
amet faucibus est, pulvinar lobortis morbi ullamcorper. Non tellus.
</p>
<span class="d-flex justify-content-end text-uppercase">Read more</span>
</div>
</section>
<section class="gallery__section">
<h2 class="text-uppercase lead-text text-center">featured sessions</h2>
<div class="container overall__gallery__container">
<div class="gallery__container width-4 rectangle__22">
<div class="gallery-item">
<div class="image">
<img src="./assets/img/Rectangle 22.svg" alt="featured-image">
</div>
</div>
</div>
<div class="gallery__container width-1 rectangle__30">
<div class="gallery-item">
<div class="image">
<img src="./assets/img/Rectangle 30.svg" alt="featured-image">
</div>
</div>
</div>
<div class="gallery__container width-1 rectangle__31">
<div class="gallery-item">
<div class="image">
<img src="./assets/img/Rectangle 31.svg" alt="featured-image">
</div>
</div>
</div>
<div class="gallery__container width-1 rectangle__32">
<div class="gallery-item">
<div class="image">
<img src="./assets/img/Rectangle 32.svg" alt="featured-image">
</div>
</div>
</div>
<div class="gallery__container width-1 rectangle__33">
<div class="gallery-item">
<div class="image">
<img src="./assets/img/Rectangle 33.svg" alt="featured-image">
</div>
</div>
</div>
<div class="gallery__container width-4 rectangle__26">
<div class="gallery-item">
<div class="image">
<img src="./assets/img/Rectangle 26.svg" alt="featured-image">
</div>
</div>
</div>
</div>
<span class="d-flex justify-content-end text-uppercase">more gallery</span>
</section>
<section class="newsletter d-flex flex-column justify-content-center align-items-center">
<div class="newsletter-wrapper text-center">
<h2 class="text-uppercase lead-text text-white">subscribe to our newsletters</h2>
<h3 class="text-uppercase sub-text text-white">we would love to help you grow</h3>
<form class="form-inline d-flex justify-content-center">
<label class="sr-only" for="inlineFormInputName2">Name</label>
<input type="text" class="form-control mr-sm-0" id="inlineFormInputName2" placeholder="Enter your email">
<button type="submit" class="btn newsletter-btn text-white p-3">Subscribe</button>
</form>
</div>
</section>
<section class="partners">
<div class="text-center">
<h2 class="text-uppercase lead-text text-white">we don't walk alone</h2>
<h3 class="text-uppercase sub-text">our partners</h3>
<div class="row mx-auto">
<div class="col-md-4 partner">
<img src="./assets/img/partner-Logo.svg" alt="partner-image" class="img-fluid">
</div>
<div class="col-md-4 partner">
<img src="./assets/img/partner-Logo.svg" alt="partner-image" class="img-fluid">
</div>
<div class="col-md-4 partner">
<img src="./assets/img/partner-Logo.svg" alt="partner-image" class="img-fluid">
</div>
</div>
</div>
</section>
<!-- begin footer -->
<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 -->
<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>
</body>
</html>