Access_New/pages/demo-gym-and-fitness-contact.html
2024-09-05 11:33:27 +05:45

399 lines
22 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/gym-and-fitness/gym-and-fitness.css" />
</head>
<body data-mobile-nav-style="classic" class="custom-cursor">
<div class="cursor-page-inner">
<div class="circle-cursor circle-cursor-inner"></div>
<div class="circle-cursor circle-cursor-outer"></div>
</div>
<header>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-dark-very-light disable-fixed">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-gym-and-fitness.html">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-gym-and-fitness-logo-black.png" data-at2x="images/demo-gym-and-fitness-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto me-0 sm-me-auto border-start border-color-transparent-dark-very-light ms-35px xs-ms-0">
<div class="header-icon">
<div class="header-push-button hamburger-push-button icon xs-pe-50px">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
<b class="push-button-text alt-font text-uppercase text-dark-gray position-absolute top-10px right-minus-50px">Menu</b>
</div>
</div>
</div>
</div>
<div class="col-auto ms-auto align-items-center d-none d-sm-flex">
<div class="header-button">
<a href="demo-gym-and-fitness-contact.html" class="btn btn-very-small btn-base-color btn-round-edge btn-box-shadow">Join us now</a>
</div>
</div>
</div>
</nav>
<div class="push-menu hamburger-nav header-dark hamburger-menu-half push-menu-left bg-dark-gray md-w-60 sm-w-100" style="background-image: url('images/demo-gym-and-fitness-menu-bg.jpg')">
<span class="close-menu text-dark-gray bg-white"><i class="fa-solid fa-xmark"></i></span>
<div class="d-flex flex-column justify-content-center h-100 ps-19 pe-19 pt-13 pb-13 xl-p-12 sm-p-20px">
<div>
<a class="hamburger-logo" href="demo-gym-and-fitness.html">
<img src="images/demo-gym-and-fitness-logo-white.png" data-at2x="images/demo-gym-and-fitness-logo-white@2x.png" alt>
</a>
</div>
<div class="hamburger-menu menu-list-wrapper w-80 lg-w-100 lg-no-margin sm-mt-auto sm-mb-auto" data-scroll-options="{ &quot;theme&quot;: &quot;light&quot; }">
<ul class="menu-item-list fw-500 ls-1px">
<li class="menu-item"><a href="demo-gym-and-fitness.html" class="nav-link">Home</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-about.html" class="nav-link">About</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-classes.html" class="nav-link">Classes</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-schedule.html" class="nav-link">Schedule</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-package.html" class="nav-link">Package</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-trainer.html" class="nav-link">Trainer</a></li>
<li class="menu-item"><a href="demo-gym-and-fitness-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="w-90 d-none d-lg-inline-block">
<div class="row row-cols-1 row-cols-xl-2">
<div class="col">
<span class="text-white fs-16 ls-05px">Crafto gym - London</span>
<div class="h-1px w-90 lg-w-100 bg-white-transparent-extra-light mt-10px mb-10px"></div>
<p class="fs-15 lh-26 w-90 xl-w-100">28 New regent view road, Orchard, Cambridge.</p>
</div>
<div class="col">
<span class="text-white fs-16 ls-05px">Connect with us</span>
<div class="h-1px w-90 lg-w-100 bg-white-transparent-extra-light mt-10px mb-10px"></div>
<p class="fs-15 lh-28 w-90 xl-w-100 lg-mb-0"><a href="cdn-cgi/l/email-protection.html#2f464149406f56405a5d4b40424e4641014c4042" class="d-block text-white-hover"><span class="__cf_email__" data-cfemail="553c3b333a152c3a2027313a38343c3b7b363a38">[email&#160;protected]</span></a><a href="tel:12345678910" class="text-white-hover">+1 234 567 8910</a></p>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="ipad-top-space-margin overflow-hidden bg-very-light-gray p-0 page-title-big-typography">
<div class="container">
<div class="row justify-content-center small-screen">
<div class="col-md-6 d-flex flex-column justify-content-center align-items-center align-items-md-start text-center text-md-start page-title-extra-small sm-pt-50px sm-pb-50px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="ls-0px fw-600 text-dark-gray d-inline-block text-decoration-line-bottom-medium border-color-base-color mb-25px">Contact us</h1>
<h2 class="fw-700 alt-font ls-minus-1px text-dark-gray w-80 mb-0 lg-w-100">We will give you strength & health<span class="text-base-color">.</span></h2>
</div>
<div class="col-md-6">
<div class="outside-box-right-20 sm-outside-box-left-20 h-100 sm-h-300px xs-h-250px cover-background" style="background-image: url('images/demo-gym-and-fitness-contact-title-bg.jpg');"></div>
</div>
</div>
</div>
</section>
<section class="pb-0 position-relative overflow-hidden">
<div class="container position-relative z-index-1">
<div class="row g-0 mb-8">
<div class="col-12 tab-style-08">
<div class="tab-content">
<div class="tab-pane fade in active show" id="tab_eight1">
<div class="row align-items-center justify-content-center g-0">
<div class="col-md-6 col-lg-6 position-relative sm-mb-30px">
<div class="w-90 xs-w-100 text-end ms-auto">
<img src="images/demo-gym-and-fitness-contact-tab-02.jpg" class="border-radius-6px" alt>
</div>
<div class="position-absolute left-minus-40px bottom-40px md-w-60 lg-left-minus-70px md-bottom-0px d-none d-sm-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-gym-and-fitness-home-03.png" alt>
</div>
</div>
<div class="col-md-5 offset-md-1 col-lg-5 offset-lg-1 text-center text-md-start">
<h4 class="fw-600 alt-font text-dark-gray mb-5px">Crafto - Belgium</h4>
<p class="mb-20px w-100">28 Regent view road,<br>Orchard view, Belgium</p>
<span class="d-block"><span class="text-dark-gray fw-600">E:</span> <a href="cdn-cgi/l/email-protection.html#731a1d151c330a1c0601171c1e121a1d5d101c1e" class="text-dark-gray fw-600 text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="e0898e868fa0998f9592848f8d81898ece838f8d">[email&#160;protected]</span></a></span>
<span class="d-block"><span class="text-dark-gray fw-600">T:</span> <a href="tel:11234567890">+1 123 456 7890</a></span>
<a href="https://www.google.com/maps?ll=-37.805688,144.962312&z=16&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right mt-30px xs-mt-25px">View on google map<span class="bg-white"></span></a>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight2">
<div class="row align-items-center justify-content-center g-0">
<div class="col-md-6 col-lg-6 position-relative sm-mb-30px">
<div class="w-90 xs-w-100 text-end ms-auto">
<img src="images/demo-gym-and-fitness-contact-tab-01.jpg" class="border-radius-6px" alt>
</div>
<div class="position-absolute left-minus-40px bottom-40px md-w-60 lg-left-minus-70px md-bottom-6px d-none d-sm-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-gym-and-fitness-home-03.png" alt>
</div>
</div>
<div class="col-md-5 offset-md-1 col-lg-5 offset-lg-1 text-center text-md-start">
<h4 class="fw-600 alt-font text-dark-gray mb-5px">Crafto - London</h4>
<p class="mb-20px w-100">401 Broadway, 24th Floor,<br>Orchard view, London</p>
<span class="d-block"><span class="text-dark-gray fw-600">E:</span> <a href="cdn-cgi/l/email-protection.html#771e191118370e18020513181a161e195914181a" class="text-dark-gray fw-600 text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="bad3d4dcd5fac3d5cfc8ded5d7dbd3d494d9d5d7">[email&#160;protected]</span></a></span>
<span class="d-block"><span class="text-dark-gray fw-600">T:</span> <a href="tel:11234567890">+1 123 456 7890</a></span>
<a href="https://www.google.com/maps?ll=-37.817214,144.955925&z=16&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right mt-30px xs-mt-25px">View on google map<span class="bg-white"></span></a>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight3">
<div class="row align-items-center justify-content-center g-0">
<div class="col-md-6 col-lg-6 position-relative sm-mb-30px">
<div class="w-90 xs-w-100 text-end ms-auto">
<img src="images/demo-gym-and-fitness-contact-tab-03.jpg" class="border-radius-6px" alt>
</div>
<div class="position-absolute left-minus-40px bottom-40px md-w-60 lg-left-minus-70px md-bottom-6px d-none d-sm-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-gym-and-fitness-home-03.png" alt>
</div>
</div>
<div class="col-md-5 offset-md-1 col-lg-5 offset-lg-1 text-center text-md-start">
<h4 class="fw-600 alt-font text-dark-gray mb-5px">Crafto - Oxford</h4>
<p class="mb-20px w-100">45 Cornmarket eden centre,<br>Orchard view, Oxford</p>
<span class="d-block"><span class="text-dark-gray fw-600">E:</span> <a href="cdn-cgi/l/email-protection.html#442d2a222b043d2b3136202b29252d2a6a272b29" class="text-dark-gray fw-600 text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="98f1f6fef7d8e1f7edeafcf7f5f9f1f6b6fbf7f5">[email&#160;protected]</span></a></span>
<span class="d-block"><span class="text-dark-gray fw-600">T:</span> <a href="tel:11234567890">+1 123 456 7890</a></span>
<a href="https://www.google.com/maps?ll=-37.817214,144.955925&z=16&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right mt-30px xs-mt-25px">View on google map<span class="bg-white"></span></a>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight4">
<div class="row align-items-center justify-content-center g-0">
<div class="col-md-6 col-lg-6 position-relative sm-mb-30px">
<div class="w-90 xs-w-100 text-end ms-auto">
<img src="images/demo-gym-and-fitness-contact-tab-04.jpg" class="border-radius-6px" alt>
</div>
<div class="position-absolute left-minus-40px bottom-40px md-w-60 lg-left-minus-70px md-bottom-6px d-none d-sm-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-gym-and-fitness-home-03.png" alt>
</div>
</div>
<div class="col-md-5 offset-md-1 col-lg-5 offset-lg-1 text-center text-md-start">
<h4 class="fw-600 alt-font text-dark-gray mb-5px">Crafto - Salford</h4>
<p class="mb-20px w-100">701 Sondanella, 24th Floor,<br>Gunsberg, Salford</p>
<span class="d-block"><span class="text-dark-gray fw-600">E:</span> <a href="cdn-cgi/l/email-protection.html#c7aea9a1a887bea8b2b5a3a8aaa6aea9e9a4a8aa" class="text-dark-gray fw-600 text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="0c65626a634c7563797e6863616d6562226f6361">[email&#160;protected]</span></a></span>
<span class="d-block"><span class="text-dark-gray fw-600">T:</span> <a href="tel:11234567890">+1 123 456 7890</a></span>
<a href="https://www.google.com/maps?ll=-37.817214,144.955925&z=16&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right mt-30px xs-mt-25px">View on google map<span class="bg-white"></span></a>
</div>
</div>
</div>
<div class="tab-pane fade in" id="tab_eight5">
<div class="row align-items-center justify-content-center g-0">
<div class="col-md-6 col-lg-6 position-relative sm-mb-30px">
<div class="w-90 xs-w-100 text-end ms-auto">
<img src="images/demo-gym-and-fitness-contact-tab-05.jpg" class="border-radius-6px" alt>
</div>
<div class="position-absolute left-minus-40px bottom-40px md-w-60 lg-left-minus-70px md-bottom-6px d-none d-sm-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-gym-and-fitness-home-03.png" alt>
</div>
</div>
<div class="col-md-5 offset-md-1 col-lg-5 offset-lg-1 text-center text-md-start">
<h4 class="fw-600 alt-font text-dark-gray mb-5px">Crafto - Leeds</h4>
<p class="mb-20px w-100">2839 Lalemant view road,<br>Niagara falls, Ottawa, Leeds</p>
<span class="d-block"><span class="text-dark-gray fw-600">E:</span> <a href="cdn-cgi/l/email-protection.html#aec7c0c8c1eed7c1dbdccac1c3cfc7c080cdc1c3" class="text-dark-gray fw-600 text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="335a5d555c734a5c4641575c5e525a5d1d505c5e">[email&#160;protected]</span></a></span>
<span class="d-block"><span class="text-dark-gray fw-600">T:</span> <a href="tel:11234567890">+1 123 456 7890</a></span>
<a href="https://www.google.com/maps?ll=-37.817214,144.955925&z=16&t=m&hl=en-US&gl=IN&mapclient=embed&cid=13153204942596594449" target="_blank" class="btn btn-large btn-round-edge btn-dark-gray btn-slide-right mt-30px xs-mt-25px">View on google map<span class="bg-white"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-top border-1 border-color-extra-medium-gray bg-white">
<div class="container tab-style-08">
<ul class="nav nav-tabs fs-24 fw-500 alt-font border-0 text-center">
<li class="nav-item border-end border-color-extra-medium-gray sm-border-end-0"><a data-bs-toggle="tab" href="demo-gym-and-fitness-contact.html#tab_eight1" class="nav-link active">Belgium<span class="tab-border bg-base-color"></span></a></li>
<li class="nav-item border-end border-color-extra-medium-gray sm-border-end-0"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-contact.html#tab_eight2">London<span class="tab-border bg-base-color"></span></a></li>
<li class="nav-item border-end border-color-extra-medium-gray sm-border-end-0"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-contact.html#tab_eight3">Oxford<span class="tab-border bg-base-color"></span></a></li>
<li class="nav-item border-end border-color-extra-medium-gray sm-border-end-0"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-contact.html#tab_eight4">Salford<span class="tab-border bg-base-color"></span></a></li>
<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="demo-gym-and-fitness-contact.html#tab_eight5">Leeds<span class="tab-border bg-base-color"></span></a></li>
</ul>
</div>
</div>
<div class="marquees-text fs-180 fw-700 ls-minus-3px alt-font lg-fs-160 text-outline text-outline-color-extra-medium-gray text-nowrap position-absolute bottom-120px md-bottom-80px d-none d-md-inline-block">Become more productive with our classes.</div>
</section>
<section class="small-screen section-dark" data-parallax-background-ratio="0.4" style="background-image: url('images/demo-gym-and-fitness-contact-parallax-bg.jpg');"></section>
<section class="position-relative">
<div class="position-absolute right-0px top-150px d-none d-md-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-gym-and-fitness-contact-bg-02.png" alt>
</div>
<div class="container overlap-section-three-fourth">
<div class="row row-cols-md-1 justify-content-center">
<div class="col-lg-10">
<div class="bg-white pt-7 ps-8 pe-8 sm-p-0 border-radius-6px">
<div class="row">
<div class="col-9">
<h2 class="fw-700 ls-minus-1px alt-font text-dark-gray mb-40px">How we can help you?</h2>
</div>
<div class="col-3 text-end">
<i class="bi bi-send icon-large text-dark-gray"></i>
</div>
</div>
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-30px">
<input class="input-name form-control required" type="text" name="name" placeholder="Your name*" />
</div>
<div class="col-md-6 mb-30px">
<input class="form-control" type="tel" name="phone" placeholder="Your phone" />
</div>
<div class="col-md-6 mb-30px">
<input class="form-control required" type="email" name="email" placeholder="Your email address*" />
</div>
<div class="col-md-6 mb-30px">
<input class="form-control" type="text" name="subject" placeholder="Your subject" />
</div>
<div class="col-md-12 mb-30px">
<textarea class="form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
</div>
<div class="col-xl-7 col-md-8 last-paragraph-no-margin">
<p class="text-center text-md-start fs-15 lh-26">We are committed to protecting your privacy. We will never collect information about you without your explicit consent.</p>
</div>
<div class="col-xl-5 col-md-4 text-center text-md-end sm-mt-25px">
<input type="hidden" name="redirect" value>
<button class="btn btn-medium btn-round-edge btn-dark-gray btn-slide-right submit" type="submit">Send message<span class="bg-white"></span></button>
</div>
<div class="col-12">
<div class="form-results mt-20px d-none text-center"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer class="half-footer bg-nero-grey position-relative pb-0">
<div class="container">
<div class="row justify-content-center align-items-center align-items-lg-end mb-5 text-center text-sm-start sm-mb-30px">
<div class="col-lg-3 col-md-12 col-sm-6 text-lg-start text-md-center md-mb-30px">
<a href="demo-gym-and-fitness.html" class="footer-logo d-inline-block">
<img src="images/demo-gym-and-fitness-logo-white.png" data-at2x="images/demo-gym-and-fitness-logo-white@2x.png" alt>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin sm-mb-30px">
<span class="text-white ls-05px d-block fs-17 mb-5px">Start a conversation</span>
<div><i class="feather icon-feather-phone-call icon-very-small me-10px"></i><a href="tel:12345678910">+1 234 567 8910</a></div>
<div><i class="feather icon-feather-mail icon-very-small me-10px"></i><a href="cdn-cgi/l/email-protection.html#91f8fff7fed1f5fefcf0f8ffbff2fefc" class="text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="d7beb9b1b897b3b8bab6beb9f9b4b8ba">[email&#160;protected]</span></a></div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin xs-mb-30px">
<span class="text-white ls-05px d-block fs-17 mb-5px">Current location</span>
<p class="w-90 xs-w-70 xs-mx-auto">2644 Rosella inlet suite Keithmouth, Bilzen 25422</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 fs-16 lh-26 fw-500 last-paragraph-no-margin">
<span class="text-white ls-05px d-block fs-17 mb-5px">Center timings</span>
<span class="d-block">Mon-fri: 09 am 08 pm</span>
<span class="d-block">Saturday: 09 am 01 pm</span>
</div>
</div>
<div class="footer-bottom position-relative pt-25px pb-25px border-top border-color-transparent-white-light">
<div class="row align-items-center">
<div class="col-lg-4 text-center text-lg-start md-mb-15px">
<span class="fs-16 fw-500">&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-white text-decoration-line-bottom">Crafto</a></span>
</div>
<div class="col-lg-8 text-center text-lg-end">
<ul class="footer-navbar fs-16 fw-500">
<li class="nav-item"><a href="demo-gym-and-fitness.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-classes.html" class="nav-link">Classes</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-schedule.html" class="nav-link">Schedule</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-package.html" class="nav-link">Package</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-trainer.html" class="nav-link">Trainer</a></li>
<li class="nav-item"><a href="demo-gym-and-fitness-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<div class="sticky-wrap z-index-1 d-none d-xl-inline-block" data-animation-delay="100" data-shadow-animation="true">
<div class="elements-social social-icon-style-10">
<ul class="fs-16">
<li class="me-30px"><a class="facebook" href="https://www.facebook.com/" target="_blank">
<i class="fa-brands fa-facebook-f me-10px"></i>
<span class="fw-600">Facebook</span>
</a>
</li>
<li class="me-30px">
<a class="twitter" href="https://www.twitter.com" target="_blank">
<i class="fa-brands fa-twitter me-10px"></i>
<span class="fw-600">Twitter</span>
</a>
</li>
<li class="me-30px">
<a class="dribbble" href="http://www.dribbble.com" target="_blank">
<i class="fa-brands fa-dribbble me-10px"></i>
<span class="fw-600">Dribbble</span>
</a>
</li>
<li>
<a class="instagram" href="https://www.instagram.com" target="_blank">
<i class="fa-brands fa-instagram me-10px"></i>
<span class="fw-600">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-gym-and-fitness-contact.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>