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
Health-wellness
Gym And Healthcare Templates For Website
Gym and Healthcare Templates for Website
Use this template
<div class="app-header live-view" style="background-color: rgb(15, 100, 88); 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/health.png" class="logo" id="logo" style="padding-right: 10px; height: 60px;"> <span class="title display-6 fw-bold" id="title" style="font-family: Gruppo; color: rgb(255, 255, 255);">HEALTH</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> <a 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: Gruppo;">Get Started</a> </div> </div> </div> </section> </div> <div class="app-blocks live-view"><section class="block container-fluid p-0 m-0 id-62fd00095660851b0a37dfcb undefined" id="id-62fd00095660851b0a37dfcb"> <div class="mx-auto slider-element dark container p-self-0" data-type="main"><div class="repeat"> <div class="row flex-lg-row-reverse list-item item"> <div class="col-lg-6 d-flex align-items-center"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x1.png" class="w-100 h-100 list-element image contain" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/covid-2.png");"> </div> <div class="col-lg-6 py-5 d-flex align-items-center text-center text-lg-start"> <div> <h2 class="display-6 fw-normal list-element heading h2" style="color: rgb(15, 100, 88);">Consult with top doctors across specialities for any health concern.</h2> <div class="my-5 list-element text" style="color: rgb(15, 100, 88);">Exclusive health care benefits for you and your loved ones from a broad network of experienced medical experts.</div> <a href="#" class="btn rounded-pill bg-color px-4 px-md-5 px-lg-5 py-3 list-element link" style="color: rgb(255, 255, 255); background-color: rgb(15, 100, 88); background-image: inherit;">Contact Desk</a> <a href="#" class="btn border rounded-pill px-4 px-md-5 px-lg-5 py-3 ms-2 list-element link" style="color: rgb(15, 100, 88);">Book through App</a> </div> </div> </div> </div></div> </section><section class="block container-fluid p-0 m-0 id-62fbad9f99bd786aff50e0f0 undefined" id="id-62fbad9f99bd786aff50e0f0"> <div data-type="main" class="container ps-self-0 pt-self-50 pe-self-0 pb-self-80"><div class="row justify-content-center align-items-center gutter-50 pb-3 pt-3 repeat"> <div class="col-xl-9 col-lg-11"> <div class="row feature-box-border col-mb-30 justify-content-center align-items-center list-item item"> <div class="col-md-6 feature-box fbox-color"> <div class="fbox-icon"> <i class="list-element icon fa fat fa-1"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger mb-2 list-element heading h3">Doctors Video Consultation</h3> <div class="list-element text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, quae rerum dolores aperiam amet enim consequuntur maiores totam odit molestiae vel ut earum deleniti.</div> </div> </div> <div class="col-md-4 text-center"> <img class="w-100 h-100 mt-4 mt-lg-0 list-element image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="Image" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/doctors.svg");"> </div> </div> </div> </div><div class="row justify-content-center align-items-center gutter-50 pb-3 pt-3 repeat"> <div class="col-xl-9 col-lg-11"> <div class="row feature-box-border col-mb-30 justify-content-center align-items-center list-item item"> <div class="col-md-6 feature-box fbox-color"> <div class="fbox-icon"> <i class="list-element icon fa fat fa-2"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger mb-2 list-element heading h3">Dietician Consultation</h3> <div class="list-element text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, quae rerum dolores aperiam amet enim consequuntur maiores totam odit molestiae vel ut earum deleniti.</div> </div> </div> <div class="col-md-4 text-center"> <img class="w-100 h-100 mt-4 mt-lg-0 list-element image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="Image" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/diet.jpg");"> </div> </div> </div> </div><div class="row justify-content-center align-items-center gutter-50 pb-3 pt-3 repeat"> <div class="col-xl-9 col-lg-11"> <div class="row feature-box-border col-mb-30 justify-content-center align-items-center list-item item"> <div class="col-md-6 feature-box fbox-color"> <div class="fbox-icon"> <i class="list-element icon fa fat fa-3"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger mb-2 list-element heading h3">Nurse Assistance</h3> <div class="list-element text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, quae rerum dolores aperiam amet enim consequuntur maiores totam odit molestiae vel ut earum deleniti.</div> </div> </div> <div class="col-md-4 text-center"> <img class="w-100 h-100 mt-4 mt-lg-0 list-element image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="Image" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/nurse.png");"> </div> </div> </div> </div><div class="row justify-content-center align-items-center gutter-50 pb-3 pt-3 repeat"> <div class="col-xl-9 col-lg-11"> <div class="row feature-box-border col-mb-30 justify-content-center align-items-center list-item item"> <div class="col-md-6 feature-box fbox-color"> <div class="fbox-icon"> <i class="list-element icon fa fat fa-4"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger mb-2 list-element heading h3">Home Delivery Medicine</h3> <div class="list-element text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, quae rerum dolores aperiam amet enim consequuntur maiores totam odit molestiae vel ut earum deleniti.</div> </div> </div> <div class="col-md-4 text-center"> <img class="w-100 h-100 mt-4 mt-lg-0 list-element image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="Image" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/delivery.svg");"> </div> </div> </div> </div><div class="row justify-content-center align-items-center gutter-50 pb-3 pt-3 repeat"> <div class="col-xl-9 col-lg-11"> <div class="row feature-box-border col-mb-30 justify-content-center align-items-center list-item item"> <div class="col-md-6 feature-box fbox-color"> <div class="fbox-icon"> <i class="list-element icon fa fat fa-5"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger mb-2 list-element heading h3">24/7 Support</h3> <div class="list-element text">On our healthcare platform you will get 24/7 availability of doctors and nurses to take care of patient in any urgencies get help as soon as you come up.</div> </div> </div> <div class="col-md-4 text-center"> <img class="w-100 h-100 mt-4 mt-lg-0 list-element image contain" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-1x1.png" alt="Image" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/support.svg");"> </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(219, 244, 255); 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 the App and book your free consultation</h3> <div class="list-element text" style="color: rgb(15, 100, 88);">Our Healthcare <a class="wpil_keyword_link" href="https://www.appypie.com/app-builder/appmaker" title="app" data-wpil-keyword-link="linked">app</a> is tailored to Book your consultation in just a few steps. It lets you store your prescriptions on cloud and helps to connect with experts anytime from anywhere.</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/iphone-3.png" class="w-100 list-element image cover" alt="Image"> </div> </div> </div></div> </section><section class="block container-fluid p-0 m-0 id-62fbaaafecf96818eb6bc44e undefined" id="id-62fbaaafecf96818eb6bc44e" style="background-color: rgb(255, 255, 255); background-image: inherit;"> <div class="container topmargin-lg clearfix ps-self-0 pt-self-50 pe-self-0 pb-self-50" data-type="main"> <div class="row align-items-stretch grid-border clearfix"><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="color icon-utensils list-element icon fa fa-light fa-hands-bubbles" style="color: rgb(15, 100, 88);"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger fw-medium list-element heading h2" style="color: rgb(0, 0, 0);">Accessibility</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="color icon-utensils list-element icon fa fal fa-hotel" style="color: rgb(15, 100, 88);"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger fw-medium list-element heading h2" style="color: rgb(0, 0, 0);">Convenience</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="color icon-utensils list-element icon fa fa-light fa-mask" style="color: rgb(15, 100, 88);"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger fw-medium list-element heading h2" style="color: rgb(0, 0, 0);">Certified Doctors </h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="color icon-utensils list-element icon fa fa-light fa-head-side-cough" style="color: rgb(15, 100, 88);"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger fw-medium list-element heading h2" style="color: rgb(0, 0, 0);">Complete confidentiality</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="color icon-utensils list-element icon fa fa-light fa-people-arrows" style="color: rgb(15, 100, 88);"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger fw-medium list-element heading h2" style="color: rgb(0, 0, 0);">Affordability</h3> </div> </div> </div><div class="col-lg-4 col-md-6 col-padding repeat"> <div class="feature-box fbox-center fbox-dark fbox-plain list-item item"> <div class="fbox-icon"> <i class="color icon-utensils list-element icon fa fa-light fa-pot-food" style="color: rgb(15, 100, 88);"></i> </div> <div class="fbox-content"> <h3 class="nott text-larger fw-medium list-element heading h2" style="color: rgb(0, 0, 0);">Security and Privacy</h3> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-62fcf91a76e57e4a5d470669 undefined" id="id-62fcf91a76e57e4a5d470669" style="background-color: rgba(15, 100, 88, 0.07); background-image: inherit;"> <div data-type="main" class="pricing-box pricing-extended container p-self-0"> <div class="row align-items-stretch mt-6 mx-0 border-0 rounded-3"> <div class="pricing-desc col-lg-9 p-5"> <h3 class="h2 color fw-normal font-display border-bottom pb-4 mb-4 heading">Our Subscription Charges</h3> <div class="pricing-features bg-transparent pt-3 pb-0"> <ul class="row ms-0"><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">Value For Money</div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text"> Medicine delivery at your doorstep</div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">First consultation fee </div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">Transparent process</div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">Free accessibility to read medical blogs</div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">Book Lab tests</div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">24/7 Availability </div></div></li><li class="col-md-6 repeat"> <div class="list-item d-flex align-items-center item"> <i class="fal fa-check-circle color me-2"></i> <div class="list-element text">Choose your doctor</div></div></li></ul></div> </div> <div class="pricing-action-area border-0 col-lg-3 d-flex flex-column justify-content-center text-center" style="background-color: rgba(15,100,88,.07);"> <div class="pricing-price"> <span class="price-unit text">$</span> <strong class="text">23</strong> <div class="price-tenure font-secondary text-uppercase text">Monthly</div> </div> <div class="pricing-action"> <a href="#" class="button bg-color rounded-pill button-large w-100 m-0 link" style="color: rgb(255, 255, 255); background-color: rgb(15, 100, 88); background-image: inherit;">Get Started</a> </div> </div> </div> </div> </section></div> <div class="app-footer live-view"><section class="block container-fluid p-0 m-0 id-footer-master footer" id="id-footer-master" style="color: rgb(255, 255, 255); background-color: rgb(15, 100, 88); background-image: inherit;"> <footer id="footer" data-type="main" class="container text-start ps-self-20 pt-self-40 pe-self-20 pb-self-25"> <div class="footer-top"> <div class="row"> <div class="col-lg-5 col-md-6 mb-5 mb-lg-0 footer-contact"> <h3 class="heading h3">HEALTH</h3> <div class="text m-self-0 p-self-0">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content.</div> <div class="d-flex align-items-center mt-4"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x1.png" alt="Image" height="50" class="mb-3 image contain" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/appstore.png");"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x1.png" alt="Image" class="ms-3 mb-3 image contain" height="50" style="background-image: url("https://snappy.appypie.com/landingpages/images/media/googleplay.png");"> </div> </div> <div class="col-lg-3 col-md-6 mb-5 mb-lg-0 footer-links"> <h4 class="heading h3">Contact Us</h4> <div class="text m-self-0 p-self-0">123BE. Example Street Ashland,<br> United States,<br>USA 12345 <br><br><strong>Phone:</strong> +1 1234 5678 01 <br><strong>Email:</strong> contact@example.com</div> </div> <div class="col-lg-4 col-md-6 footer-newsletter"> <h4 class="heading h3">Follow Us</h4> <div class="text m-self-0 p-self-0">Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator. Reference site about Lorem Ipsum, giving information.</div> <form action="" method="post" class="d-none"> <input type="email" name="email"> <input type="submit" value="Subscribe" class="link"> </form> <div class="social mt-3" 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 class="text-center border-top pt-4 pb-0 mt-2 text ms-self-0 mt-self-10 me-self-0 mb-self-0 ps-self-0 pt-self-20 pe-self-0 pb-self-0" style="border-color:rgba(255,255,255,.2) !important">©2022 Copyright</div> </div> </footer> </section></div> </div> </section>'>
