营养健康膳食指南系统

master
pwh8inv5b 4 years ago
parent 8576f6432e
commit 82710387dc

@ -0,0 +1,437 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Healthvest - Free Bootstrap 5 Template by Colorlib</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Prata&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/css/ionicons.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/tiny-slider.css">
<link rel="stylesheet" href="css/glightbox.min.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg ftco-navbar-light">
<div class="container-xl">
<a class="navbar-brand align-items-center" href="index.html">
Health<span>vest</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span> Menu
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link active" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="services.html">Services</a></li>
<li class="nav-item"><a class="nav-link" href="gallery.html">Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_7.jpg');">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-center justify-content-center">
<div class="col-md-9 pt-5 text-center">
<p class="breadcrumbs"><span class="me-2"><a href="index.html">Home <i class="fa fa-chevron-right"></i></a></span> <span>About us <i class="fa fa-chevron-right"></i></span></p>
<h1 class="mb-0 bread">About Us</h1>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-about-section">
<div class="container-xl">
<div class="row g-xl-5">
<div class="col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
<div class="img w-100 section-counter" style="background-image: url(images/about.jpg);">
<div class="counter-wrap d-flex">
<div class="icon"><span class="flaticon-diet"></span></div>
<div class="text ps-3">
<span class="number"><span class="countup">24</span></span>
<span class="caption">Years of experienced</span>
</div>
</div>
</div>
</div>
<div class="col-md-6 heading-section d-flex align-items-center" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
<div class="mt-5 mt-md-0">
<span class="subheading">About Us</span>
<h2 class="mb-2">Better Eat, Better Life</h2>
<h3 class="mb-4">If You Get A Better Nutrition, You Can Enjoy A Healthy Age</h3>
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
<h4>We Can Help You</h4>
<div class="d-md-flex">
<ul>
<li><span class="ion-ios-checkmark-circle"></span>Low Energy</li>
<li><span class="ion-ios-checkmark-circle"></span>Stress &amp; Anxiety</li>
<li><span class="ion-ios-checkmark-circle"></span>Poor Eating Habits</li>
<li><span class="ion-ios-checkmark-circle"></span>Digestive Problems</li>
</ul>
<ul>
<li><span class="ion-ios-checkmark-circle"></span>Balance Body & Mind</li>
<li><span class="ion-ios-checkmark-circle"></span>Advice</li>
<li><span class="ion-ios-checkmark-circle"></span>Workout Routines</li>
<li><span class="ion-ios-checkmark-circle"></span>Protein</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pt">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 heading-section text-center mb-5" data-aos="fade-up" data-aos-duration="1000">
<span class="subheading">Team</span>
<h2 class="mb-4">Health Coach</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
<div class="team-wrap">
<div class="img" style="background-image: url(images/team-1.jpg);">
<ul class="ftco-social">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
<div class="text">
<h3>James Buffer</h3>
<span class="position">CEO, Founder &amp; Developer</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
<div class="team-wrap">
<div class="img" style="background-image: url(images/team-2.jpg);">
<ul class="ftco-social">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
<div class="text">
<h3>Kean Wills</h3>
<span class="position">CEO, Founder &amp; Developer</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
<div class="team-wrap">
<div class="img" style="background-image: url(images/team-3.jpg);">
<ul class="ftco-social">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
<div class="text">
<h3>Anna Hayes</h3>
<span class="position">CEO, Founder &amp; Developer</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
<div class="team-wrap">
<div class="img" style="background-image: url(images/team-4.jpg);">
<ul class="ftco-social">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
<div class="text">
<h3>Nicole Wooden</h3>
<span class="position">CEO, Founder &amp; Developer</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-intro img" style="background-image: url(images/bg_6.jpg);">
<div class="overlay"></div>
<div class="container-xl">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="row" data-aos="fade-up" data-aos-duration="1000">
<div class="col-md-8 d-flex align-items-center">
<div>
<span class="subheading">Finding Balance in Food, Health and Wellness</span>
<h1 class="mb-md-0 mb-4">Get Health and Instruction Coach</h1>
</div>
</div>
<div class="col-md-4 d-flex align-items-center">
<p class="mb-0"><a href="#" class="btn btn-primary py-md-4 py-3 px-md-5 px-4">Make An Appointment</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 heading-section text-center mb-5" data-aos="fade-up" data-aos-duration="1000">
<span class="subheading">Procedure</span>
<h2 class="mb-4">How It Works?</h2>
</div>
</div>
<div class="row">
<div class="col-md-3 text-center d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
<div class="services-2">
<div class="img" style="background-image: url(images/services-2.jpg);">
<div class="num"><span>1</span></div>
</div>
<div class="text">
<h2>Trusted Services</h2>
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
<p><a href="#"class="btn-custom">Learn More</a></p>
</div>
</div>
</div>
<div class="col-md-3 text-center d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
<div class="services-2">
<div class="img" style="background-image: url(images/flow-2.jpg);">
<div class="num"><span>2</span></div>
</div>
<div class="text">
<h2>Natural Ways</h2>
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
<p><a href="#"class="btn-custom">Learn More</a></p>
</div>
</div>
</div>
<div class="col-md-3 text-center d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
<div class="services-2">
<div class="img" style="background-image: url(images/flow-3.jpg);">
<div class="num"><span>3</span></div>
</div>
<div class="text">
<h2>Routine Exercise</h2>
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
<p><a href="#"class="btn-custom">Learn More</a></p>
</div>
</div>
</div>
<div class="col-md-3 text-center d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000">
<div class="services-2">
<div class="img" style="background-image: url(images/services-1.jpg);">
<div class="num"><span>4</span></div>
</div>
<div class="text">
<h2>Success/Goal</h2>
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
<p><a href="#"class="btn-custom">Learn More</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="img vid-section" style="background-image: url(images/bg_5.jpg);">
<div class="overlay"></div>
<div class="container-xl">
<div class="row justify-content-center">
<div class="col-md-12 vid-height d-flex align-items-center justify-content-center text-center">
<div class="video-wrap" data-aos="fade-up">
<a href="https://vimeo.com/115041822" class="video-icon glightbox d-flex align-items-center justify-content-center mb-4">
<span class="ion-ios-play"></span>
</a>
<span class="subheading">Finding Balance In Food, Health And Wellness</span>
<h3>Start Your Body Changing With Healthy Nutrition</h3>
<p><a href="#" class="btn btn-primary py-3 px-4">Get Started</a> <a href="#" class="btn btn-white py-3 px-4">Contact Us</a></p>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section testimony-section">
<div class="container-xl">
<div class="row justify-content-center pb-4">
<div class="col-md-7 text-center heading-section" data-aos="fade-up" data-aos-duration="1000">
<span class="subheading">Testimonial</span>
<h2 class="mb-3">Successful Stories</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
<div class="carousel-testimony">
<div class="item">
<div class="testimony-wrap d-md-flex align-items-center">
<div class="img" style="background-image: url(images/success-1.jpg);"></div>
<div class="text">
<div class="d-flex align-items-center mb-4">
<div class="user-img" style="background-image: url(images/person_1.jpg)">
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></div>
</div>
<div class="ps-3 tx">
<p class="name">Nicole Scott</p>
<span class="position">Marketing Manager</span>
</div>
</div>
<p class="mb-4 msg">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap d-md-flex align-items-center">
<div class="img" style="background-image: url(images/success-2.jpg);"></div>
<div class="text">
<div class="d-flex align-items-center mb-4">
<div class="user-img" style="background-image: url(images/person_2.jpg)">
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></div>
</div>
<div class="ps-3 tx">
<p class="name">Nicole Scott</p>
<span class="position">Marketing Manager</span>
</div>
</div>
<p class="mb-4 msg">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap d-md-flex align-items-center">
<div class="img" style="background-image: url(images/success-3.jpg);"></div>
<div class="text">
<div class="d-flex align-items-center mb-4">
<div class="user-img" style="background-image: url(images/person_3.jpg)">
<div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-quote-left"></div>
</div>
<div class="ps-3 tx">
<p class="name">Nicole Scott</p>
<span class="position">Marketing Manager</span>
</div>
</div>
<p class="mb-4 msg">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="ftco-footer">
<div class="container-xl">
<div class="row mb-5 pb-5 justify-content-between">
<div class="col-md-6 col-lg">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2 logo d-flex">
<a class="navbar-brand align-items-center" href="index.html">
Health<span>vest</span>
</a>
</h2>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
<ul class="ftco-footer-social list-unstyled mt-2">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-instagram"></span></a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Services</h2>
</div>
<div class="row">
<div class="col-lg-6">
<div class="ftco-footer-widget mb-4">
<ul class="list-unstyled">
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Weight Loss Program</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Sport Nutritionists</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Personal Nutrition</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Individual Coaching</a></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="ftco-footer-widget mb-4">
<ul class="list-unstyled">
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Child Nutrition</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Workout Routines</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Poor Eating Habits</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Balance Body &amp; Mind</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Quick Links</h2>
<ul class="list-unstyled">
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Home</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>About</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Services</a></li>
<li><a href="#"><span class="fa fa-chevron-right me-2"></span>Gallery &amp; Bar</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Have a Questions?</h2>
<div class="block-23 mb-3">
<ul>
<li><span class="icon fa fa-map marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
<li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
<li><a href="#"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">info@yourdomain.com</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid px-0 py-5 bg-darken">
<div class="container-xl">
<div class="row">
<div class="col-md-12 text-center">
<p class="mb-0" style="color: rgba(255,255,255,.5); font-size: 13px;">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener">Colorlib</a></p>
</div>
</div>
</div>
</div>
</footer>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/tiny-slider.js"></script>
<script src="js/glightbox.min.js"></script>
<script src="js/aos.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Loading…
Cancel
Save