-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathbmi-calculator.html
419 lines (390 loc) · 32.1 KB
/
bmi-calculator.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
410
411
412
413
414
415
416
417
418
419
<!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">
<title>FitFam | Landing Page</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<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/main.css">
<link rel="stylesheet" href="./assets/css/custom-css/bmi-calculator.css">
<link rel="stylesheet" href="./assets/css/custom-css/header.css">
</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 active" 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>
<!-- end header -->
<!-- Page header -->
<section class="page-section ">
<div class="container-fluid big-banner img" style="height: 550px;">
<!-- <div class="container"> -->
<div class="overlay"></div>
<div class="row flex banner align-content-center">
<div class="col ml-6">
<h1 class="bmi-head col-lg-7 col-md-12" style="color:#FF4301;">BMI <span class="text-white">CALCULATOR</span>
</h1>
<p class="ml-6 col-lg-5 col-md-8 bmi-desc text-white">Use this
calculator to check your body mass index
(BMI) and find out if you're a healthy weight.</p>
</div>
</div>
</div>
<!-- </div> -->
</section>
<!-- Calculator section -->
<section class="page-section" style="background: rgba(13, 13, 13, 0.96);">
<div class="container pt-4 pb-4 mx-auto">
<div class="row justify-content-between">
<div class="calculate col-lg-6 col-md-12 col-sm-12 mx-aut">
<h3 class="text-white">Calculate your <span style="color:#FF4301;"> BMI</span></h3>
<p class="text-white">You can use your BMI result as a starting point for further discussion with a GP about
your weight and general health. <br />
Keep up the good work! For tips on maintaining a healthy weight, check out the food and diet and fitness
sections.</p>
<form class="d-flex flex-column" action="">
<div class="form-row">
<div class=" form-group col-lg-6 col-md-12">
<input type="text" class="form-control bmi-input" placeholder="Height/cm">
</div>
<div class="form-group col-lg-6 col-md-12">
<input type="text" class="form-control bmi-input" placeholder="Weight/kg">
</div>
</div>
<div class="form-row">
<div class="form-group col-lg-6 col-md-6">
<input type="text" class="form-control bmi-input" placeholder="age">
</div>
<div class="form-group col-lg-6 col-md-6">
<select id="inputState" class="form-control bmi-input">
<option selected>size</option>
<option>...</option>
</select>
</div>
</div>
<div class="row">
<div class="form-group col-lg-12 col-md-12">
<select id="inputState" class="form-control bmi-input">
<option selected>Select an active factor</option>
<option>...</option>
</select>
</div>
<div class="form-group d-flex flex-row justify-content-end col calculate-btn">
<button class="btn " style="background-color: #FF4301; color: #ffffff;">CALCULATE</button>
</div>
</div>
</form>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 mx-auo">
<h3 class="text-white text-center mb-3">BMI Chart</h3>
<table class="table " rules='all'>
<thead style="font-weight: bolder;">
<tr style="background-color: #FF4301;">
<th style="font-weight: bold !important;" scope="col">BMI</th>
<th style="font-weight: bold !important;" scope="col">Weight Status</th>
</tr>
</thead>
<tbody class="table-body">
<tr style="background-color: #0D0D0D;">
<td>Below 18.5</td>
<td>Underweight</td>
</tr>
<tr style="background-color: #4A3F35;">
<td>18.5 - 24.9</td>
<td> Healthy </td>
</tr>
<tr style="background-color: #0D0D0D;">
<td>25.0 -29.9</td>
<td>Overweight</td>
</tr>
<tr style="background-color: #4A3F35;">
<td>30.0 and above</td>
<td>Obese</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- essay -->
<section class="page-section" style="background-color: black;">
<div class="container-fluid ">
<div class="col-11 mx-auto">
<div class="col pt-5 pb-5 " style="color: #FF4301;">
<h3>Understanding your BMI result</h3>
</div>
<div class="col pb-5">
<h2 style="color: #ffffff;">Underweight</h2>
<p style="color: lightgrey; " class="bmi-text">Underweight Being underweight could be a sign you're not eating
enough or you may be ill. If you're underweight, a GP can help. Weighing too little can contribute to a
weakened immune system, fragile bones and feeling tired.
<p style="color: lightgrey; " class="bmi-text">You can check if you're underweight by using our BMI healthy
weight calculator, which shows your body mass index (BMI).</p>
<p style="color: lightgrey; " class="bmi-text"> If your BMI is below 18.5, this suggests that your weight may
be too low.</p>
<p style="color: lightgrey; " class="bmi-text"> If you're underweight, or you're concerned that someone you
know is, tell a GP or practice nurse.
They can give you help and advice.</p>
<a class="d-flex justify-content-end bmi-link" style="color:#F57D20;" href="#">Read more +</a>
</div>
<div class="col pb-5">
<h2 style="color: #ffffff;">Healthy Weight</h2>
<p style="color: lightgrey; " class="bmi-text">Underweight Being underweight could be a sign you're not eating
enough or you may be ill. If you're underweight, a GP can help. Weighing too little can contribute to a
weakened immune system, fragile bones and feeling tired.
<p style="color: lightgrey; " class="bmi-text">You can check if you're underweight by using our BMI healthy
weight calculator, which shows your body mass index (BMI).</p>
<p style="color: lightgrey; " class="bmi-text"> If your BMI is below 18.5, this suggests that your weight may
be too low.</p>
<p style="color: lightgrey; " class="bmi-text"> If you're underweight, or you're concerned that someone you
know is, tell a GP or practice nurse.
They can give you help and advice.</p>
<a class="d-flex justify-content-end bmi-link" style="color:#F57D20;" href="#">Read more +</a>
</div>
<div class="col pb-5">
<h2 style="color: #ffffff;">Overweight</h2>
<p style="color: lightgrey; " class="bmi-text">Underweight Being underweight could be a sign you're not eating
enough or you may be ill. If you're underweight, a GP can help. Weighing too little can contribute to a
weakened immune system, fragile bones and feeling tired.
<p style="color: lightgrey; " class="bmi-text">You can check if you're underweight by using our BMI healthy
weight calculator, which shows your body mass index (BMI).</p>
<p style="color: lightgrey; " class="bmi-text"> If your BMI is below 18.5, this suggests that your weight may
be too low.</p>
<p style="color: lightgrey; " class="bmi-text"> If you're underweight, or you're concerned that someone you
know is, tell a GP or practice nurse.
They can give you help and advice.</p>
<a class="d-flex justify-content-end bmi-link" style="color:#F57D20;" href="#">Read more +</a>
</div>
<div class="col pb-5">
<h2 style="color: #ffffff;">Overweight</h2>
<p style="color: lightgrey; " class="bmi-text">Underweight Being underweight could be a sign you're not eating
enough or you may be ill. If you're underweight, a GP can help. Weighing too little can contribute to a
weakened immune system, fragile bones and feeling tired.
<p style="color: lightgrey; " class="bmi-text">You can check if you're underweight by using our BMI healthy
weight calculator, which shows your body mass index (BMI).</p>
<p style="color: lightgrey; " class="bmi-text"> If your BMI is below 18.5, this suggests that your weight may
be too low.</p>
<p style="color: lightgrey; " class="bmi-text"> If you're underweight, or you're concerned that someone you
know is, tell a GP or practice nurse.
They can give you help and advice.</p>
<a class="d-flex justify-content-end bmi-link" style="color: #F57D20;" href="#">Read more +</a>
</div>
</div>
</div>
</section>
<!-- second image -->
<section class="page-section end-banner" style="height: 500px;">
<!-- <div class="container"> -->
<div class="row text-center banner-footer">
<div class="footer-overlay"></div>
<div class="col text-white">
<h3 class=" end-banner-text">REGISTER NOW TO GET DEALS</h3>
<p>WHERE HEALTH MEETS FITNESS</p>
<button class="btn" style="background:#FF4301; color: #ffffff;">Register</button>
</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="">Home</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">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="">our team</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">about us</a></li>
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">contact</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">Home</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">services</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">plans</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">bm calculator</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">products</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">meet the team</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">about us</a></li>
<li class="py-1 d-none d-md-block font-weight-bold"><a href="">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>
<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/popper.js"></script>
<script src="./assets/js/vendor-js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>