-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathproducts.html
769 lines (727 loc) · 45.8 KB
/
products.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
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
<!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">
<!-- Custom Files-->
<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/product.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<title>FitFam | Products</title>
</head>
<body>
<!---////////////////////////////////////////////////////////////
NAVIGATIOB FOR THE GYM/FITNESS PAGE
/////////////////////////////////////////////////////////////-->
<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 active" 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>
<!---///////////////////////////////////////////////////////////
PRODUCTS HEADER SECTION
/////////////////////////////////////////////////////////////-->
<section id="pHeader">
<div class="container text-center">
<h2>PRODUCTS</h2>
<p class="text-white"><strong>WE HAVE A VARIETY OF PRODUCTS TO HELP YOU THROUGH <br>YOUR FITTNESS
JOURNEY</strong></p>
</div>
</section>
<!---End of Product header Section-->
<!---////////////////////////////////////////////////////////
START OF SECTION FOR PRODUCT CATEGORIES
/////////////////////////////////////////////////////////-->
<section id="pCat">
<div class="container-fluid p-5 p-lg-0">
<div class="mx-auto text-white d-flex justify-content-center m-4">
<p class="mr-4 mt-2 font-weight-bold gym-cat">Categories:</p>
<div class="dropdown">
<button class="btn btn-light dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
ALL PRODUCTS
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Dumbbell</a>
<a class="dropdown-item" href="#">Smith machine</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
<div class="row mt-5 dum-cat">
<div class="col-12 col-lg-5 d-none d-lg-block dum-info">
<h5>Dumbbell</h5>
<p>
Odio maecenas in porta consequat. Elit<br> tortor odio pellentesque amet leo<br> senectus porta.
Hac condimentum ut<br> nibh duis tristique adipiscing et. Facilisis<br> sollicitudin eu, viverra
amet ultricies nisl.<br> Quis arcu in aliquet id tempor, in sed<br> dolor.
</p>
<a href="#" class="btn btn-primary cta-btn text-uppercase" role="button">Buy Now</a>
</div>
<!--- End of col-md-5 -->
<div class="col d-block d-lg-none mt-3 order-2 text-center hidden">
<h5>Dumbbell</h5>
<p>
Dictumst felis, a morbi ligula integer eget facilisis. Curabitur elit nunc dui vitae nunc.
</p>
<a href="#" class="btn btn-primary text-uppercase hdd-btn" role="button">Buy Now</a>
</div>
<div class="col-lg-1"></div>
<div class="col-12 col-lg-6 order-lg-2 order-1 dumbbell-img">
</div>
<!--- End of col-md-5 -->
</div>
<!--- End of row -->
<div class="row mt-5 sm-cat">
<div class="col-12 col-lg-6 sm-img">
</div>
<!--- End of col-md-6 -->
<div class="col-lg-1"></div>
<div class="col-12 col-lg-5 sm-info d-none d-lg-block text-left">
<h5>Smith Machine</h5>
<p>
Odio maecenas in porta consequat. Elit<br> tortor odio pellentesque amet leo<br> senectus porta.
Hac condimentum ut<br> nibh duis tristique adipiscing et. Facilisis<br> sollicitudin eu, viverra
amet ultricies nisl.<br> Quis arcu in aliquet id tempor, in sed<br> dolor.
</p>
<a href="#" class="btn btn-primary cta-btn text-uppercase btn-left" role="button">Buy Now</a>
</div>
<!--- End of col-md-6 -->
<div class="col d-block d-lg-none text-center hidden mt-3">
<h5>Smith Machine</h5>
<p>
Dictumst felis, a morbi ligula integer eget facilisis. Curabitur elit nunc dui vitae nunc.
</p>
<a href="#" class="btn btn-primary text-uppercase hdd-btn" role="button">Buy Now</a>
</div>
</div>
<!--- End of row -->
<div class="row mt-5 pdm-cat">
<div class="col-12 col-lg-5 d-none d-lg-block pdm-info">
<h5>Peck Deck Machine</h5>
<p>
Odio maecenas in porta consequat. Elit<br> tortor odio pellentesque amet leo<br> senectus porta.
Hac condimentum ut<br> nibh duis tristique adipiscing et. Facilisis<br> sollicitudin eu, viverra
amet ultricies nisl.<br> Quis arcu in aliquet id tempor, in sed<br> dolor.
</p>
<a href="#" class="btn btn-primary cta-btn text-uppercase" role="button">Buy Now</a>
</div>
<!--- End of col-md-5 -->
<div class="col d-block d-lg-none text-center hidden mt-3 order-2">
<h5>Peck Deck Machine</h5>
<p>
Dictumst felis, a morbi ligula integer eget facilisis. Curabitur elit nunc dui vitae nunc.
</p>
<a href="#" class="btn btn-primary text-uppercase hdd-btn" role="button">Buy Now</a>
</div>
<div class="col-12 col-lg-1"></div>
<div class="col-12 col-lg-6 order-1 order-lg-2 pdm-img">
</div>
<!--- End of col-md-6 -->
</div>
<!--- End of row -->
<span class="m-4 d-flex justify-content-center">
<ul class="pagination">
<li class="page-item"><a href="#" class="page-link"><i class="fa fa-angle-left"></i></a></li>
<li class="page-item"><a href="#" class="page-link"><i class="fa fa-angle-double-left"></i></a></li>
<li class="page-item"><a href="#" class="page-link">1</a></li>
<li class="page-item"><a href="#" class="page-link">2</a></li>
<li class="page-item"><a href="#" class="page-link active">3</a></li>
<li class="page-item"><a href="#" class="page-link">4</a></li>
<li class="page-item"><a href="#" class="page-link">...</a></li>
<li class="page-item"><a href="#" class="page-link">19</a></li>
<li class="page-item"><a href="#" class="page-link">20</a></li>
<li class="page-item"><a href="#" class="page-link">21</a></li>
<li class="page-item"><a href="#" class="page-link"><i class="fa fa-angle-right"></i></a></li>
</ul>
</span>
</div>
</section>
<!---Section for Gym/Fitness Featured products -->
<section id="features" class="d-none d-lg-block">
<div class="feat-header mb-5 text-center">
<h6>FEATURED PRODUCTS</h6>
<p>
Sit dictum at tellus placerat auctor amet nec risus nisi.
Aliquam orci egestas eget<br>pharetra, cras sapien metus a. Nibh placerat
cursus quis volutpat quisque cras in morbi<br> turpis.
</p>
</div>
<div class="fp-header ml-5">
<h6>Heavy workout</h6>
<p>
Get more variety than ever with our accessories, from warmup to cooldown.<br> Increase your body’s
capacities every day, from stability to mobility, from power<br> to speed.
</p>
</div>
<!--- Start of first slider for Featured Product -->
<div class="carousel slide carousel-fluid" id="carouselDisplay1" data-ride="carousel">
<!---Carousel indicator-->
<ol class="carousel-indicators carousel-indicator-dots rounded-corners">
<li class="active" data-target="#carouselDisplay1" data-slide-to="0"></li>
<li data-target="#carouselDisplay1" data-slide-to="1"></li>
<li data-target="#carouselDisplay1" data-slide-to="2"></li>
</ol>
<!---Carousel items-->
<div class="container-fluid carousel-inner" role="listbox">
<div class="carousel-item active slide">
<div class="row">
<div class="col-md-4 h-workout1">
<img class="img-fluid" src="./assets/img/Hyper Extension Bench.png" alt="Hyper Extension Bench">
<div class="carousel-btn1">
<a href="#" class="btn btn-primary p-btn1" role="button">Hyper Extension<br> Bench</a>
</div>
</div>
<div class="col-md-4 h-workout2">
<img class="img-fluid" src="./assets/img/Indoor Cycle Bike.png" alt="Indoor Cycle Bike">
<div class="carousel-btn2">
<a href="#" class="btn btn-primary p-btn2" role="button">Indoor Cycle<br> Bike</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Box System Room.png" alt="Box System Room">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn3" role="button">Box System<br> Room</a>
</div>
</div>
</div>
</div>
<div class="carousel-item slide">
<div class="row">
<div class="col-md-4 h-workout1">
<img class="img-fluid" src="./assets/img/Hyper Extension Bench.png" alt="Hyper Extension Bench">
<div class="carousel-btn1">
<a href="#" class="btn btn-primary p-btn1" role="button">Hyper Extension<br> Bench</a>
</div>
</div>
<div class="col-md-4 h-workout2">
<img class="img-fluid" src="./assets/img/Indoor Cycle Bike.png" alt="Indoor Cycle Bike">
<div class="carousel-btn2">
<a href="#" class="btn btn-primary p-btn2" role="button">Indoor Cycle<br> Bike</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Box System Room.png" alt="Box System Room">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn3" role="button">Box System<br> Room</a>
</div>
</div>
</div>
</div>
<div class="carousel-item slide">
<div class="row">
<div class="col-md-4 h-workout1">
<img class="img-fluid" src="./assets/img/Hyper Extension Bench.png" alt="Hyper Extension Bench">
<div class="carousel-btn1">
<a href="#" class="btn btn-primary p-btn1" role="button">Hyper Extension<br> Bench</a>
</div>
</div>
<div class="col-md-4 h-workout2">
<img class="img-fluid" src="./assets/img/Indoor Cycle Bike.png" alt="Indoor Cycle Bike">
<div class="carousel-btn2">
<a href="#" class="btn btn-primary p-btn2" role="button">Indoor Cycle<br> Bike</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Box System Room.png" alt="Box System Room">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn3" role="button">Box System<br> Room</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- End of carousel -->
<div class="fp-header mt-4 ml-5">
<h6>Popular Selections</h6>
<p>
Discover our complete range of equipment in our gym facility that will keep you<br> fit and in good
shape
</p>
</div>
<!--- Start of second slider for Featured Product -->
<div class="carousel slide" id="carouselDisplay2" data-ride="carousel">
<!---Carousel indicator-->
<ul class="carousel-indicators">
<li class="active" data-target="#carouselDisplay2" data-slide-to="0"></li>
<li data-target="#carouselDisplay2" data-slide-to="1"></li>
<li data-target="#carouselDisplay2" data-slide-to="2"></li>
</ul>
<!---Carousel items-->
<div class="container-fluid carousel-inner" role="listbox">
<div class="carousel-item active slide">
<div class="row">
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Treadmill.png" alt="Treadmill">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Treadmill</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Kettlebells.png" alt="Kettlebells">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Kettlebells</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Stability Ball.png" alt="Stability Ball">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Stability Ball</a>
</div>
</div>
</div>
</div>
<div class="carousel-item slide">
<div class="row">
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Treadmill.png" alt="Treadmill">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Treadmill</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Kettlebells.png" alt="Kettlebells">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Kettlebells</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Stability Ball.png" alt="Stability Ball">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Stability Ball</a>
</div>
</div>
</div>
</div>
<div class="carousel-item slide">
<div class="row">
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Treadmill.png" alt="Treadmill">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Treadmill</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Kettlebells.png" alt="Kettlebells">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Kettlebells</a>
</div>
</div>
<div class="col-md-4">
<img class="img-fluid" src="./assets/img/Stability Ball.png" alt="Stability Ball">
<div class="carousel-btn3">
<a href="#" class="btn btn-primary p-btn4 mb-2" role="button">Stability Ball</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- End of second carousel -->
</section>
<!---End of Section for Featured Products -->
<!--///////////////////////////////////////////
Start of Reviews Section
/////////////////////////////////////////////-->
<section id="reviews" class="d-none d-lg-block">
<div class="rv-header mt-5 mb-5 text-center">
<h6>REVIEWS</h6>
<p>
Sit dictum at tellus placerat auctor amet nec risus nisi.
Aliquam orci egestas eget<br>pharetra, cras sapien metus a. Nibh placerat
cursus quis volutpat quisque cras in morbi<br> turpis.
</p>
</div>
<!--- Start of slider for Review -->
<div class="carousel slide" id="CarouselMenu3" data-ride="carousel">
<!---Carousel indicator-->
<ul class="carousel-indicators">
<li class="active" data-target="#CarouselMenu3" data-slide-to="0"></li>
<li data-target="#CarouselMenu3" data-slide-to="1"></li>
<li data-target="#CarouselMenu3" data-slide-to="2"></li>
</ul>
<!---Carousel items-->
<div class="container-fluid carousel-inner" role="listbox">
<div class="carousel-item active slide">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/media1.png" alt="">
<p class="mt-4">
Smith Dave<br>Doctor
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod
tempor incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View
profile</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/bulider.png" alt="">
<p class="mt-4">
Mark Jazz<br>Body BUilder
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod
tempor incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View
profile</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/mark.png" alt="">
<p class="mt-4">
Anthony Joshua<br>Boxer
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod
tempor incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View
profile</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item slide">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/media1.png" alt="">
<p class="mt-4">
Smith Dave<br>Doctor
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod
tempor incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View
profile</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/bulider.png" alt="">
<p class="mt-4">
Mark Jazz<br>Body BUilder
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod
tempor incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View
profile</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/mark.png" alt="">
<p class="mt-4">
Anthony Joshua<br>Boxer
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod
tempor incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View
profile</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item slide">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/media1.png" alt="">
<p class="mt-4">
Smith Dave<br>Doctor
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod tempor
incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View profile</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/bulider.png" alt="">
<p class="mt-4">
Mark Jazz<br>Body BUilder
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod tempor
incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View profile</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class=" m-3 d-flex align-items-center">
<img class="img-fluid m-3" src="./assets/img/mark.png" alt="">
<p class="mt-4">
Anthony Joshua<br>Boxer
</p>
</div>
<div class="card-body text-center">
<p class="card-text ml-3 mr-3">
Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit, sed do eiusmod tempor
incididunt
</p>
<a href="#" class="btn btn-primary mt-5 mb-3 rounded-0" role="button">View profile</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- End of carousel -->
</section>
<!---//////////////////////////////////////////////
START OF 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>
<script src="https://kit.fontawesome.com/fc9346f24c.js" crossorigin="anonymous"></script>
<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>