-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
779 lines (740 loc) · 47.2 KB
/
index.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
770
771
772
773
774
775
776
777
778
779
<!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/header.css">
<link rel="stylesheet" href="./assets/css/custom-css/index.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 active" 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" 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>
<!-- Landing-banner start -->
<div class="banner d-flex align-items-center position-relative">
<div class="overlay"></div>
<div class="container-fluid wow slideInRight position-absolute">
<div class="container">
<div class="row">
<div class="col-12 col-md-12 ml-md-auto landing-page__heading mx-auto text-center">
<h2 class="text-uppercase landing-page__heading--2">Shape your body</h2>
<h1 class="text-uppercase landing-page__heading--1">Stay <span class="text__color">fit</span><br>
Stay <span class="text__color">strong</span>
</h1>
<a href="#" class="btn btn-home text-center text-uppercase wow bounce justify-content-center">learn
more</a>
</div>
</div>
</div>
</div>
</div>
<!-- Landing-banner-end -->
<!-- Landing-intro section start -->
<section class="section-intro">
<div class="container intro-reasons">
<div class="row justify-content-center align-items-center intro-reasons__heading-margin wow fadeIn">
<div class="col-12 col-md-6">
<h5 class="heading text-center text-capitalize">Why choose us?</h5>
</div>
</div>
<div class="row justify-content-center align-items-center intro-reasons__sub-margin wow fadeIn">
<div class="col-12 col-md-8">
<h4 class="sub text-center text-uppercase">Push your limits forward</h4>
</div>
</div>
<div class="row justify-content-center align-items-center wow slideInLeft">
<div class="col-12 col-md-3 justify-content-center align-items-center text-center">
<div class="row">
<div class="col-2 col-md-6 mx-auto">
<div class="icon-box d-flex justify-content-center align-items-center">
<img src="./assets/img/Threadmill 1.svg" class="img-fluid service-img wow bounce" alt="Reasons">
</div>
</div>
</div>
<div class="text-box">
<h2 class="text-capitalize reason-text">modern equipment</h2>
<p class="text-box__text d-inline-block d-md-none">Placerat sit lectus porttitor et volutpat id
ullamcorper integer. Dignissim est proin sociis enim justo amet fames mauris.</p>
</div>
</div>
<div class="col-12 col-md-3 justify-content-center align-items-center text-center">
<div class="row">
<div class="col-2 col-md-6 mx-auto">
<div class="icon-box d-flex justify-content-center">
<img src="./assets/img/milk 1.svg" class="img-fluid service-img wow bounce" alt="Reasons">
</div>
</div>
</div>
<div class="text-box">
<h2 class="text-capitalize reason-text">Healthy nutrution plan</h2>
<p class="text-box__text d-inline-block d-md-none">Placerat sit lectus porttitor et volutpat id
ullamcorper integer. Dignissim est proin sociis enim justo amet fames mauris.</p>
</div>
</div>
<div class="col-12 col-md-3 justify-content-center align-items-center text-center">
<div class="row">
<div class="col-2 col-md-6 mx-auto">
<div class="icon-box d-flex justify-content-center">
<img src="./assets/img/gym 1.svg" class="img-fluid service-img wow bounce" alt="Reasons">
</div>
</div>
</div>
<div class="text-box">
<h2 class="text-capitalize reason-text">Profession training plan</h2>
<p class="text-box__text d-inline-block d-md-none">Placerat sit lectus porttitor et volutpat id
ullamcorper integer. Dignissim est proin sociis enim justo amet fames mauris.</p>
</div>
</div>
<div class="col-12 col-md-3 justify-content-center align-items-center text-center">
<div class="row">
<div class="col-2 col-md-6 mx-auto">
<div class="icon-box d-flex justify-content-center">
<img src="./assets/img/heart 1.svg" class="img-fluid service-img wow bounce" alt="Reasons">
</div>
</div>
</div>
<div class="text-box">
<h2 class="text-capitalize reason-text">Healthy lifestyle plan</h2>
<p class="text-box__text d-inline-block d-md-none">Placerat sit lectus porttitor et volutpat id
ullamcorper integer. Dignissim est proin sociis enim justo amet fames mauris.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Landing intro section end -->
<!-- Landing Services Section Start -->
<section class="section-services">
<div class="container-fluid services">
<div class="row justify-content-center align-items-center mb-2 mb-md-4 wow fadeIn">
<div class="col-12 col-md-6">
<h5 class="heading text-center text-capitalize">Our Services</h5>
</div>
</div>
<div class="row justify-content-center align-items-center service__sub-margin wow fadeIn">
<div class="col-12 col-md-8">
<h4 class="sub text-center text-uppercase">What we offer</h4>
</div>
</div>
<div class="container">
<div class="row" id="service-row__one">
<div class="col-12 col-md-4">
<div class="service space wow bounceIn">
<div class="bckg-one"></div>
<div class=" row justify-content-center align-items-center service-title">
<div class="col-10 pl-4 pt-1">
<h5 class="service-title__heading text-uppercase">Strength <br>
<span class="service-title__heading-1 text-uppercase">Weightlifting</span></h5>
</div>
<div class="col-2">
<!-- <div class="text-light text-center arrow-box">
<img src="./assets/img/arrow.svg" class="img-fluid arrow" alt="Arrow">
</div> -->
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="service space wow bounceIn">
<div class="bckg-two"></div>
<div class=" row justify-content-center align-items-center service-title">
<div class="col-10 pl-4 pt-1">
<h5 class="service-title__heading text-uppercase">Cardio <br>
<span class="service-title__heading-1 text-uppercase">Cycling</span></h5>
</div>
<div class="col-2">
<!-- <div class="text-light text-center arrow-box">
<img src="./assets/img/arrow.svg" class="img-fluid arrow" alt="Arrow">
</div> -->
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="service space wow bounceIn">
<div class="bckg-three"></div>
<div class=" row justify-content-center align-items-center service-title">
<div class="col-10 pl-4 pt-1">
<h5 class="service-title__heading text-uppercase">Strength <br>
<span class="service-title__heading-1 text-uppercase">Kettlebell power</span>
</h5>
</div>
<div class="col-2">
<!-- <div class="text-light text-center arrow-box">
<img src="./assets/img/arrow.svg" class="img-fluid arrow" alt="Arrow">
</div> -->
</div>
</div>
</div>
</div>
</div>
<div class="row" id="service-row__two">
<div class="col-12 col-md-6">
<div class="service space wow bounceIn">
<div class="bckg-four"></div>
<div class=" row justify-content-center align-items-center service-title">
<div class="col-10 pl-4 pt-1">
<h5 class="service-title__heading text-uppercase">Cardio <br>
<span class="service-title__heading-1 text-uppercase">Benching</span></h5>
</div>
<div class="col-2">
<!-- <div class="text-light text-center arrow-box">
<img src="./assets/img/arrow.svg" class="img-fluid arrow" alt="Arrow">
</div> -->
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="service space-last wow bounceIn">
<div class="bckg-five"></div>
<div class=" row justify-content-center align-items-center service-title">
<div class="col-10 pl-4 pt-1">
<h5 class="service-title__heading text-uppercase">Trading <br>
<span class="service-title__heading-1 text-uppercase">Boxing</span></h5>
</div>
<div class="col-2">
<!-- <div class="text-light text-center arrow-box">
<img src="./assets/img/arrow.svg" class="img-fluid arrow" alt="Arrow">
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Landing Services Section End -->
<!-- Landing Register Section Start -->
<section class="register d-flex align-items-center position-relative">
<div class="register-overlay position-absolute"></div>
<div class="container-fluid ">
<div class="container">
<div class="row">
<div class="col-12 text-center wow fadeIn">
<h1 class="text-uppercase register__heading--1 mb-3">Register now to get deals</h2>
<h2 class="text-uppercase register__heading--2 mb-3">Where health meets fitness</h2>
<a href="#" class="btn btn-register text-center text-uppercase wow bounce">Register</a>
</div>
</div>
</div>
</div>
</section>
<!-- Landing Register Section End -->
<!-- Landing Payment Plan Section Start -->
<section class="section-payment">
<div class="container-fluid payment-plan ">
<div class="row justify-content-center align-items-center mb-4 wow fadeIn">
<div class="col-12 col-md-6">
<h5 class="heading text-center text-capitalize">Payment plan</h5>
</div>
</div>
<div class="row justify-content-center align-items-center payment__sub-margin wow fadeIn">
<div class="col-12 col-md-8">
<h4 class="sub text-center text-uppercase">Choose your payment plan</h4>
</div>
</div>
<div class="container wow slideInLeft">
<div class="row">
<div class="col-12 col-lg-4 mb-3 mb-lg-0">
<div class="plan mx-2 py-2">
<div class="plan__heading">
<h4 class="plan__heading--title text-white text-center">Guest</h4>
<h4 class="plan__heading--price text-center">$ 19.00</h4>
</div>
<div class="plan__menu mb-3 text-center">
<ul>
<li id="plans" class="text-white mb-3 text-center">Free riding</li>
<li id="plans" class="text-white mb-3 text-center">Unlimited equipment</li>
<li id="plans" class="text-white mb-3 text-center">Personal trainer</li>
<li id="plans" class="text-white mb-3 text-center">Weight loss classes</li>
<li id="plans" class="text-white mb-3 text-center">Month to month</li>
<li id="plans" class="text-white mb-3 text-center">No time restriction</li>
</ul>
<a href="#" class="btn btn-enroll text-center text-uppercase wow bounce">Enroll now</a>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mb-3 mb-lg-0">
<div class="plan mx-2 py-2">
<div class="plan__heading">
<h4 class="plan__heading--title text-white text-center">Member</h4>
<h4 class="plan__heading--price text-center">$ 59.00</h4>
</div>
<div class="plan__menu mb-3 text-center">
<ul>
<li id="plans" class="text-white mb-3 text-center">Free riding</li>
<li id="plans" class="text-white mb-3 text-center">Unlimited equipment</li>
<li id="plans" class="text-white mb-3 text-center">Personal trainer</li>
<li id="plans" class="text-white mb-3 text-center">Weight loss classes</li>
<li id="plans" class="text-white mb-3 text-center">Month to month</li>
<li id="plans" class="text-white mb-3 text-center">No time restriction</li>
</ul>
<a href="#" class="btn btn-enroll text-center text-uppercase wow bounce">Enroll now</a>
</div>
</div>
</div>
<div class="col-12 col-lg-4 mb-3 mb-lg-0">
<div class="plan mx-2 py-2">
<div class="plan__heading">
<h4 class="plan__heading--title text-white text-center">Patron</h4>
<h4 class="plan__heading--price text-center">$ 199.00</h4>
</div>
<div class="plan__menu mb-3 text-center">
<ul>
<li id="plans" class="text-white mb-3 text-center">Free riding</li>
<li id="plans" class="text-white mb-3 text-center">Unlimited equipment</li>
<li id="plans" class="text-white mb-3 text-center">Personal trainer</li>
<li id="plans" class="text-white mb-3 text-center">Weight loss classes</li>
<li id="plans" class="text-white mb-3 text-center">Month to month</li>
<li id="plans" class="text-white mb-3 text-center">No time restriction</li>
</ul>
<a href="#" class="btn btn-enroll text-center text-uppercase wow bounce">Enroll now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Landing Payment Plan Section End -->
<!-- Landing Gallery Start -->
<section class="section-gallery">
<div class="container-fluid gallery">
<div class="row justify-content-between text-center">
<img src="./assets/img/weight2.jpg" class="wow fadeIn mx-auto d-block img-fluid" alt="" srcset="">
</div>
</div>
</section>
<!--Landing Gallery End-->
<!-- Landing Experts Section Begin -->
<section class="section-experts">
<div class="container experts p-0">
<div class="row justify-content-center align-items-center mb-2 mb-md-4 m-0">
<div class="col-12 p-0">
<h5 class="heading text-capitalize text-center">Our Team</h5>
</div>
</div>
<div class="row justify-content-center align-items-center m-0">
<div class="col-12 p-0">
<h4 class="sub text-uppercase text-center">Train with our experts</h4>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators scroll pt-5">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-0">
<div class="expert-one "></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Lusas bonsera</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-0">
<div class="expert-two "></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Maggie stark</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-0">
<div class="expert-three "></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Omar shakur</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-auto">
<div class="expert-one mx-auto mx-md-0"></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Lusas bonsera</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-auto">
<div class="expert-two mx-auto mx-md-0"></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Maggie stark</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-auto">
<div class="expert-three mx-auto mx-md-0"></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Omar shakur</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-auto">
<div class="expert-one mx-auto mx-md-0"></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Lusas bonsera</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-auto">
<div class="expert-two mx-auto mx-md-0"></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Maggie stark</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
<div class="col-12 col-md-4">
<figure class="mx-auto mx-md-auto">
<div class="expert-three mx-auto mx-md-0"></div>
<figcaption>
<h5 class="text-capitalize text-center expert__name">Omar shakur</h2>
<h6 class="text-uppercase text-center expert__title">Gym trainer</h6>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Landing Experts Section End -->
<!-- Landing Contact Section Start -->
<section class="section-contact d-block d-md-none">
<div class="container contacts-info">
<div class="row contact-item justify-content-center align-items-center m-0">
<div class="col-2 ">
<div class=" address-icon-box d-flex align-items-center justify-content-center">
<i aria-hidden="true" class="fa fa-map-marker text-white"></i>
</div>
</div>
<div class="col-8">
<address class="m-0">
<p class="text-uppercase text-white address-text m-0 p-0">1124 Random Rd. El Cajon,
CA
92020.
</p>
</address>
</div>
</div>
<div class="row contact-item justify-content-center align-items-center m-0">
<div class="col-2 ">
<div class=" address-icon-box d-flex align-items-center justify-content-center">
<i aria-hidden="true" class="fa fa-mobile text-white"></i>
</div>
</div>
<div class="col-8 ">
<p class=" text-white address-text m-0 p-0">419-069-002 | 123-458-766</p>
</div>
</div>
<div class="row contact-item justify-content-center align-items-center m-0">
<div class="col-2 ">
<div class=" address-icon-box d-flex align-items-center justify-content-center">
<i aria-hidden="true" class="fa fa-envelope text-white"></i>
</div>
</div>
<div class="col-8">
<address class="m-0">
<p class="text-white address-text m-0 p-0">[email protected]</p>
</address>
</div>
</div>
</div>
</section>
<!-- Landing Contact Section End -->
<!-- Landing info section start-->
<section class="section-info d-block d-md-none">
<div class="container-fluid info">
<div class="row">
<div class="col-9 p-0">
<div class="logo-bckg"></div>
</div>
</div>
<div class="row mb-4">
<div class="col-9">
<h6 class="text-white info-text"> Elementum sollicitudin risus, maecenas eget. Etiam
pretium mi
elit, gravida
mi. Tempor lacinia et tempus.</h6>
</div>
</div>
<div class="row mb-4">
<div class="col-6">
<div class="d-flex justify-content-between">
<a href="#"> <i aria-hidden="true" class="fa text-white fa-twitter"></i></a>
<a href="#"> <i aria-hidden="true" class="fa text-white fa-facebook"></i></a>
<a href="#"> <i aria-hidden="true" class="fa text-white fa-youtube-play"></i></a>
<a href="#"> <i aria-hidden="true" class="fa text-white fa-instagram"></i></a>
<a href="#"> <i aria-hidden="true" class="fa text-white fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-6">
<h6 class="text-white info-pages mb-2">Pages</h6>
<ul class="mb-0">
<li id="link"><a href="#" class="text-capitalize" id="info-links">About</a></li>
<li id="link"><a href="#" class="text-capitalize" id="info-links">Blog</a></li>
<li id="link"><a href="#" class="text-capitalize" id="info-links">Classes</a></li>
<li id="link"><a href="#" class="text-capitalize" id="info-links">Contact</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-6">
<h6 class="text-white info-pages mb-2">Support</h6>
<ul class="mb-0">
<li id="link"><a href="#" class="text-capitalize" id="info-links">Login</a></li>
<li id="link"><a href="#" class="text-capitalize" id="info-links">My Acoount</a></li>
<li id="link"><a href="#" class="text-capitalize" id="info-links">Subscribe</a></li>
<li id="link"><a href="#" class="text-capitalize" id="info-links">Contact</a></li>
</ul>
</div>
</div>
<div class="row tips">
<div class="col-9">
<h6 class="text-white text-capitalize info-pages mb-2">Tips & Guide</h6>
<p class="text-white tips-text mb-2">Physical fitness may help prevent depression,
anxiety</p>
<p class="text-white tips-stats">3 mins read | 12 Comments</p>
<hr class="mb-3">
<p class="text-white tips-text mb-2">Fitness: The best exercise to lose fat and get ...
</p>
<p class="text-white tips-stats">7 mins read | 20 Comments</p>
</div>
</div>
</div>
</section>
<!-- Landing info section end -->
<footer class="footer">
<div class="container-fluid custom-wrapper">
<div class="row mt-5 mx-1 justify-content-between">
<div class="col-md-4 col-lg-3 pl-md-0 pr-sm-0">
<div class="pt-0 mb-4 d-none d-md-block">
<img src="./assets/img/logo.png" alt="Fitfam logo icon">
</div>
<div class="py-3 d-block d-sm-block d-md-none text-center">
<img src="./assets/img/mobile/Logo-01.svg" alt="Fitfam logo icon">
</div>
<p class="py-2 d-none d-md-block footer-p font-weight-bold">
Orci vel in vel, amet pellentesque. Nec in auctor diam duis sit. Imperdiet in egestas eu
consectetur eros, turpis. Sapien vitae mauris eu ultrices suspendisse risus, malesuada nibh.
Venenatis orci neque quam quisque gravida ultrices. Vestibulum sit pellentesque
ultricies risus commodo neque, ac. Quis et dui arcu urna sagittis ipsum volutpat diam. Amet.
</p>
</div>
<div class="col-12 text-center text-lg-left col-md-2 col-lg-2 pt-3 py-md-0 my-border d-md-none d-lg-block">
<h5 class="pt-3 pb-1 mb-0 d-none d-md-block">Explore</h5>
<ul class="pl-0 py-3">
<li class="py-1 d-block d-sm-block d-md-none font-weight-bold"><a href="">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>