Skip to the content
Products
App Builder
Mobile app builder to create an app in 3 steps.
Android App Maker
iPhone App Maker
Convert Website to App
AI App Generator
Website Builder
Website builder to create a websites in minutes
AI Website Builder
Business Website Builder
Ecommerce Website Builder
Tools
AI Name Generator
AI Slogan Generator
AI Text Generator
Scheduling Software
Free Online Calculator
AI Title Generator
AI Quiz Maker
AI Worksheet Maker
AI Writing Generator
AI Content Generator
AI Code Generator
AI UI Design Generator
AI Code Checker
AI Blog Post Generator
AI Product Description Generator
AI Description Generator
AI Bio Generator
AI Caption Generator
AI Quote Generator
AI Form Builder
AI QR Code Generator
AI Barcode Generator
AI Keyword Generator
AI Image to Quiz Generator
AI FAQ Generator
AI Question Generator
Website Accessibility Checker
AI Landing Page Generator
AI Paragraph Generator
AI Summary Generator
SSL Checker
DNS Checker
Web Hosting
Website Checker
Plagiarism Checker
Backlink Checker
Domain Transfer
Domain Name Generator
Contact Us
Help
Pricing
Reseller
AI Templates
Join
Log in
Home
Templates
Business
Gym Edge The Ultimate Fitness
Gym Edge the ultimate Fitness
Use this template
<div class="app-header live-view" style="background-color: rgb(15, 26, 31); background-image: inherit;"> <section class="header-block container p-0 py-3"> <div class="row"> <div class="col-12 col-md-5 col-lg-5 d-flex align-items-center justify-content-center justify-content-md-start justify-content-lg-start"> <div class="d-flex align-items-center mb-3 mb-lg-0 mb-md-0"> <img src="https://snappy.appypie.com/landingpages/images/media/fitness.png" class="logo" id="logo" style="padding-right: 10px; height: 60px;"> <span class="title display-6 fw-bold" id="title" style="font-family: Satisfy; color: rgb(255, 255, 255);">Fitness</span> </div> </div> <div class="col-12 col-md-7 col-lg-7 d-flex"> <div class="d-flex flex-column flex-md-row flex-lg-row align-items-center mx-auto mx-lg-0 mx-md-0 ms-md-auto ms-lg-auto"> <div class="social" id="social"><a class="fa fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fa fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fa fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fa fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a></div> <button class="btn btn-secondary border-0 ms-3 me-3 me-md-0 me-lg-0 ms-md-3 ms-lg-3 shadow-sm mt-3 mt-lg-0 mt-md-0 d-none" id="button" style="color: rgb(255, 255, 255); font-family: Satisfy;">Get Started</button> </div> </div> </div> </section> </div> <div class="app-blocks live-view"><section class="block container-fluid p-0 m-0 id-62fba8cda74e9e5b617ce669 undefined" id="id-62fba8cda74e9e5b617ce669" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/fitness-slider.jpeg"); background-size: cover;"> <div data-type="main" class="slider-element container p-self-0"> <img class="w-100 ratio" src="https://snappy.appypie.com/landingpages/images/image-2x1.png"> <div class="slider-caption text-center text-lg-start"> <h2 class="heading" style="color: rgb(232, 232, 232);">CONSULT WITH OUR TOP FITNESS EXPERTS</h2> <div class="text" style="color: rgb(184, 255, 247);">Our specialized team of Coaches and trainers is available 24x7. Get your first free of cost in person consultation. </div> </div> </div> </section><section class="block container-fluid p-0 m-0 id-63072ae7bf58906592405220 undefined" id="id-63072ae7bf58906592405220" style="background-color: rgb(245, 245, 245); background-image: inherit;"> <div class="section container ps-self-20 pt-self-50 pe-self-20 pb-self-50" data-type="main"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4"><div class="col text-center mb-4 mb-lg-0 repeat"> <div class="list-item d-flex align-items-center item"> <i class="i-plain i-xlarge me-3 icon-line2-directions list-element icon fa fat fa-apartment"></i> <div class="counter counter-lined"> <h2 class="list-element text">846K+</h2> <h5 class="list-element heading h5">Trainers</h5> </div> </div> </div><div class="col text-center mb-4 mb-lg-0 repeat"> <div class="list-item d-flex align-items-center item"> <i class="i-plain i-xlarge me-3 icon-line2-directions list-element icon fa fal fa-aperture"></i> <div class="counter counter-lined"> <h2 class="list-element text">846K+</h2> <h5 class="list-element heading h5">Fitness consultatio</h5> </div> </div> </div><div class="col text-center mb-4 mb-lg-0 repeat"> <div class="list-item d-flex align-items-center item"> <i class="i-plain i-xlarge me-3 icon-line2-directions list-element icon fa fal fa-atom"></i> <div class="counter counter-lined"> <h2 class="list-element text">846K+</h2> <h5 class="list-element heading h5">Strong Team of experts</h5> </div> </div> </div><div class="col text-center mb-4 mb-lg-0 repeat"> <div class="list-item d-flex align-items-center item"> <i class="i-plain i-xlarge me-3 icon-line2-directions list-element icon fa fa-heart"></i> <div class="counter counter-lined"> <h2 class="list-element text">846K+</h2> <h5 class="list-element heading h5">Yoga Experts </h5> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-63085fb787f13e30fa27bcd4 undefined" id="id-63085fb787f13e30fa27bcd4" style="color: rgb(68, 68, 68);"> <div data-type="main" class="container ps-self-0 pt-self-80 pe-self-0 pb-self-80"> <div class="w-100 text-center mx-auto mb-5"> <h1 class="text-center mb-2 section-title heading h4">Meet our expert team members </h1> <p class="section-subtitle text">Our team members are industry leaders and are best in their specialization </p> </div> <div class="row text-center justify-content-center row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4"><div class="col repeat"> <div class="list-item item p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons fa fa-refresh list-element hide-item icon fa-light fa-apple-whole"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 image cover" alt="m-wrapper Photo" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/fitness-3.jpg");"> </div> <h3 class="m-title list-element heading">Matt Walden</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text">Yoga Trainer</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn btn-outline-secondary mt-self-20 mb-self-20 list-element hide-item link">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons fa fa-refresh list-element hide-item icon fa-light fa-atom-simple"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 image cover" alt="m-wrapper Photo" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/fitness-4.jpg");"> </div> <h3 class="m-title list-element heading">Heather Wal</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text">Health Coach</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn btn-outline-secondary mt-self-20 mb-self-20 list-element hide-item link">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons fa fa-refresh list-element hide-item icon fa-light fa-axe"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 image cover" alt="m-wrapper Photo" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/fitness-2.jpg");"> </div> <h3 class="m-title list-element heading">Williams Rob </h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text">Cardio Trainer</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn btn-outline-secondary mt-self-20 mb-self-20 list-element hide-item link">Read More</a></div> </div> </div> </div><div class="col repeat"> <div class="list-item item p-self-10"> <div class="m-wrapper"> <div class="photo-wrapper"> <i class="icons fa fa-refresh list-element hide-item icon fa-light fa-award-simple"></i> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" class="list-element w-100 image cover" alt="m-wrapper Photo" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/fitness-1.jpg");"> </div> <h3 class="m-title list-element heading">Christine Rhodes</h3> <div class="d-block mb-2 m-date list-element hide-item text">13 APRIL 2014</div> <div class="m-content list-element text">Senior Fitness Coach</div> <div class="social list-element hide-item" style="color: rgb(85, 85, 85);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(85, 85, 85); border-color: rgb(85, 85, 85);" rel="noopener"></a></div> <div class="button w-100"><a href="#" title="Read More" class="btn btn-outline-secondary mt-self-20 mb-self-20 list-element hide-item link">Read More</a></div> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-62fbac774ac26b2c7b3e9f05 undefined" id="id-62fbac774ac26b2c7b3e9f05" style="background-color: rgb(255, 205, 140); background-image: inherit;"> <div data-type="main" class="section py-md-0 container p-self-0"><div class="container repeat"> <div class="row align-items-center justify-content-between list-item item"> <div class="col-lg-6 py-5 py-lg-0 text-center text-md-start text-lg-start"> <h3 class="display-3 color fw-normal font-display mb-5 list-element heading h2" style="color: rgb(15, 100, 88);">Download Our App to get an expert consultation</h3> <div class="list-element text" style="color: rgb(15, 100, 88);">A Platform with 30+ specialities, 4000+ Fitness experts and partnerships with more than 600 renowned Gyms and fitness facilities to make fitness and consultation easily accessible to all.</div> <div> <img src="https://snappy.appypie.com/landingpages/images/media/appstore.png" alt="Image" height="54" class="mt-3 list-element image cover"> <img src="https://snappy.appypie.com/landingpages/images/media/googleplay.png" alt="Image" class="ms-xl-3 ms-lg-1 mt-3 ms-0 list-element image cover" height="54"> </div> </div> <div class="col-lg-6 mt-0 mt-sm-0"> <img src="https://snappy.appypie.com/landingpages/images/media/fitness-iphone.png" class="w-100 list-element image cover" alt="Image"> </div> </div> </div></div> </section></div> <div class="app-footer live-view"><section class="block container-fluid p-0 m-0 id-footer2 footer" id="id-footer2" style="background-color: rgb(27, 45, 54); background-image: inherit;"> <div class="section container ps-self-20 pt-self-50 pe-self-0 pb-self-20" data-type="main"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4"><div class="col mb-5 repeat"> <div class="list-item item"> <h5 class="h6 fw-bold pb-3 list-element heading h5" style="color: rgb(206, 206, 206);">Address:</h5> <div class="list-element text m-self-0 p-self-0" style="font-size: 12px; color: rgb(181, 180, 180);">123BE. Example Street Ashland,<br> United States,<br>USA 12345</div> </div> </div><div class="col mb-5 repeat"> <div class="list-item item"> <h5 class="h6 fw-bold pb-3 list-element heading h5" style="color: rgb(206, 206, 206);">Phone Number:</h5> <div class="list-element text m-self-0 p-self-0" style="font-size: 12px; color: rgb(181, 180, 180);">+1 1234 5678 01<br>+1 5678 1234 02</div> </div> </div><div class="col mb-5 repeat"> <div class="list-item item"> <h5 class="h6 fw-bold pb-3 list-element heading h5" style="color: rgb(206, 206, 206);">Email:</h5> <div class="list-element text m-self-0 p-self-0" style="font-size: 12px; color: rgb(181, 180, 180);">info@example.com<br>contact@example.com</div> </div> </div><div class="col mb-5 repeat"> <div class="list-item item"> <h5 class="h6 fw-bold pb-3 list-element heading h5" style="color: rgb(206, 206, 206);">Time:</h5> <div class="list-element text m-self-0 p-self-0" style="font-size: 12px; color: rgb(181, 180, 180);">11:00am - 06:00pm<br>Sunday Closed</div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-footer1 footer" id="id-footer1" style="color: rgb(255, 255, 255); background-color: rgb(15, 26, 31); background-image: inherit;"> <div class="footer-strip p-3 container ps-self-0 pt-self-20 pe-self-0 pb-self-20" data-type="main"> <div class="row align-items-center"> <div class="col-12 col-md-6 col-lg-6 text-center text-md-start text-lg-start mb-3 mb-md-0 mb-lg-0"> <span class="text">© 2022 Copyright:</span> <a class="text-white link" href="#" style="color: rgb(255, 255, 255);">example.com</a> </div> <div class="col-12 col-md-6 col-lg-6 text-center text-md-end text-lg-end"> <div class="social" style="color: rgb(255, 255, 255);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a></div> </div> </div> </div> </section></div> </div> </section>'>
