博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图
网页代码
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
</head>
<body>
<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<div class="preloader">
<div class="preloader-body">
<div class="quiver"><span class="arrows st"></span><span class="arrows nd"></span><span class="arrows rd"></span><span class="arrows th"></span><span class="arrows fth"></span><span class="loading">Loading</span></div>
</div>
</div>
<div class="page">
<header class="section page-header" data-preset='{"title":"Header transparent","category":"main","reload":true,"id":"header-transparent"}'>
<!--RD Navbar-->
<div class="rd-navbar-wrap rd-navbar-wrap-absolute">
<nav class="rd-navbar rd-navbar-classic novi-bg novi-bg-img" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="3px" data-xl-stick-up-offset="3px" data-xxl-stick-up-offset="3px" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<!--RD Navbar Panel-->
<div class="rd-navbar-panel">
<!--RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!--RD Navbar Brand-->
<div class="rd-navbar-brand">
<!--Brand--><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-134x74.png" alt="" width="67" height="37" loading="lazy"/><img class="brand-logo-light" src="images/logo-inverse-134x74.png" alt="" width="67" height="37" loading="lazy"/></a>
</div>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap">
<ul class="rd-navbar-nav">
<li class="rd-nav-item active"><a class="rd-nav-link" href="index.html">Home</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a>
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single service</a>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link">Pages</a>
<ul class="rd-menu rd-navbar-dropdown">
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="membership.html">Membership</a>
</li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="schedule.html">Schedule</a>
</li>
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="privacy-policy.html">Privacy policy</a>
</li>
</ul>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="contact-us.html">Contact us</a>
</li>
</ul>
</div>
</div>
<div class="rd-navbar-right rd-navbar-collapse">
<div class="rd-navbar-info">
<div class="rd-navbar-info-item">
<div class="novi-icon rd-navbar-info-icon linearicons-map-marker"></div><a class="rd-navbar-info-text" href="#">178 West 27th Street, Suite 527, New York</a>
</div>
<div class="rd-navbar-info-item">
<div class="novi-icon rd-navbar-info-icon linearicons-envelope"></div><a class="rd-navbar-info-text" href="mailto:#">support@demolink.org</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Intro-->
<section class="section intro intro-1 bg-image context-dark novi-bg novi-bg-img" style="background-image:url(images/background-02.jpg);" data-preset='{"title":"Intro 1","category":"intro","reload":false,"id":"intro-1"}'>
<div class="intro-inner">
<div class="container text-center text-xs-left">
<div class="row row-fix align-items-end justify-content-center">
<div class="col-xs-7 col-md-6 col-lg-5 col-xl-9">
<h1>Work hard. <br><span class="text-primary intro-text-animate">Feel</span> proud.
</h1><a class="link-arrow h6" href="about-us.html"><span>Read more</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
<div class="col-auto col-xl-3 d-none d-xs-block">
<div class="novi-icon intro-icon icon icon-xxl icon-custom-quote-bottom"></div>
</div>
</div>
</div>
</div>
</section>
<!-- About us-->
<section class="section section-lg bg-default novi-bg novi-bg-img" data-preset='{"title":"Services with title","category":"services","reload":true,"id":"services-with-title"}'>
<div class="container tabs-custom tabs-separate">
<h2 class="text-center text-xs-left">
<!--Brand--><span class="text-logo"><span>7</span><span>FIT</span></span><span> is more than a place where high performers come to be their best.</span>
</h2>
<ul class="nav nav-tabs row row-fix list-number">
<li class="nav-item col-6 col-md-3 col-lg-3" role="presentation"><a class="nav-link list-number-item h4" href="#tabs-1-1" data-toggle="tab"><span>Outdoor classes</span></a></li>
<li class="nav-item col-6 col-md-3 col-lg-3" role="presentation"><a class="nav-link list-number-item h4" href="#tabs-1-2" data-toggle="tab"><span>Personal training</span></a></li>
<li class="nav-item col-6 col-md-3 col-lg-3" role="presentation"><a class="nav-link list-number-item h4" href="#tabs-1-3" data-toggle="tab"><span>Group training</span></a></li>
<li class="nav-item col-6 col-md-3 col-lg-3" role="presentation"><a class="nav-link list-number-item h4" href="#tabs-1-4" data-toggle="tab"><span>Digital coaching</span></a></li>
</ul>
<div class="row row-fix">
<div class="col-md-3 d-none d-md-flex justify-content-end wow fadeInLeft">
<div class="novi-icon icon icon-1 icon-large icon-custom-quote-right"></div>
</div>
<div class="col-md-9">
<div class="tab-content">
<div class="tab-pane fade show active" id="tabs-1-1">
<p>Outdoor classes is a great way to get your body in shape while also experiencing professional training approach from our coaches. With regular exercising and fresh air, you get an opportunity to improve your quality of life. Our outdoor classes include:</p>
<ul class="list-marked list-marked-3-col h6">
<li>Body conditioning</li>
<li>Running & cardio</li>
<li>Battle ropes</li>
<li>Boxfit</li>
<li>TRX training</li>
<li>Dance fitness</li>
</ul>
</div>
<div class="tab-pane fade" id="tabs-1-2">
<p>Personal training at 7FIT is all about you. You will not only leave each session looking great, but feeling great too. We guarantee you will actualy enjoy working out again! Below are just a few of the added benefits the feature:</p>
<ul class="list-marked list-marked-3-col h6">
<li>Personal plan</li>
<li>Weight loss</li>
<li>Toned muscles</li>
<li>Improved focus</li>
<li>Increased energy</li>
<li>New friendships</li>
</ul>
</div>
<div class="tab-pane fade" id="tabs-1-3">
<p>At 7FIT, we also offer a variety of group classes. If you are a fan of classic group exercises, you’ll definitely find what you need at our gym. With many classes to try, you can embrace new experiences and find what suits you the most. Our group fitness classes include:</p>
<ul class="list-marked list-marked-3-col h6">
<li>Full body fusion</li>
<li>HIIT</li>
<li>Athletic conditioning</li>
<li>Circuit training</li>
<li>Water aerobics</li>
<li>Yoga</li>
</ul>
</div>
<div class="tab-pane fade" id="tabs-1-4">
<p>Make personalized training easier by using visual guidance from our certified and experienced coaches. We offer 1500+ exercises of all varieties that can be enabled on a screen or mobile device at home at any time.</p>
<ul class="list-marked list-marked-3-col h6">
<li>Fitness consultation</li>
<li>Live support</li>
<li>Your fitness journey</li>
<li>Tailored fitness plan</li>
<li>Progress review</li>
<li>Healthier living</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Events-->
<section class="section section-lg bg-default novi-bg novi-bg-img" data-preset='{"title":"About us","category":"about","reload":false,"id":"about-us"}'>
<div class="container">
<div class="row row-30 row-lg-60">
<div class="col-lg-9"><img src="images/home-01-950x550.jpg" alt="" width="950" height="550" loading="lazy"/>
</div>
<div class="col-sm-6 col-xl-5 offset-xl-1">
<!-- Brand-->
<div class="box-text">
<div class="box-text-title h4"><a href="#">Approach</a></div>
<div class="box-text-content">We are a hybrid gym and training facility. We have clean, state-of-the-art facilities with the most knowledgeable staff and cutting-edge training methods. We offer open gym, team training, group classes, boxing, cycle, and personal training.</div><a class="link-arrow h6 box-text-btn" href="#"><span>Read more</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
<div class="col-sm-6 col-xl-5 offset-xl-1">
<!-- Brand-->
<div class="box-text">
<div class="box-text-title h4"><a href="#">Mission</a></div>
<div class="box-text-content">Our purpose is to pass on empowering knowledge and training guidance in order to have a positive impact on the health and fitness of everyone we work with.</div><a class="link-arrow h6 box-text-btn" href="#"><span>Read more</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
<div class="col-sm-6 col-xl-5 offset-xl-1">
<!-- Brand-->
<div class="box-text">
<div class="box-text-title h4"><a href="#">Equipment</a></div>
<div class="box-text-content">Give your workout more variety than ever with our accessories, from warmup to cooldown. Increase your body’s capacities every day, from stability to mobility, from power to speed.</div><a class="link-arrow h6 box-text-btn" href="#"><span>Read more</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing-->
<section class="section section-lg bg-custom context-dark" data-preset='{"title":"Pricing","category":"pricing","reload":false,"id":"pricing"}'>
<div class="bg-custom-inner bg-image novi-bg novi-bg-img" style="background-image:url(images/background-01.jpg)">
<div class="bg-custom-decor wow fadeInRight d-none d-xxl-block" data-wow-delay=".6s"></div>
</div>
<div class="container">
<h2 class="text-md-right"><span>Join </span>
<!--Brand--><span class="text-logo"><span>7</span><span>FIT</span></span>
</h2>
<div class="row row-30 row-content-1">
<div class="col-sm-6 col-md-4 d-flex wow fadeInRight">
<div class="price price-accent">
<div class="price-title h3">One day <br>pass</div>
<div class="price-wrap"><span class="price-value h3">$15</span><span class="price-value-text h4">/per day</span></div>
<div class="price-text">Whether you're visiting the club on business or are just taking your personal fitness one day at a time, we'd like to invite you to experience all that our club to offer.</div><a class="link-arrow h6 price-btn" href="#"><span>Join now</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex wow fadeInRight" data-wow-delay=".15s">
<div class="price">
<div class="price-title h3">Monthly <br>pass</div>
<div class="price-wrap"><span class="price-value h3">$80</span><span class="price-value-text h4">/per month</span></div>
<div class="price-text">Our monthly membership helps you to keep your fitness goals on track without a commitment of any kind, while enjoying all of the amenities that our club has to offer.</div><a class="link-arrow h6 price-btn" href="#"><span>Join now</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
<div class="col-sm-6 col-md-4 d-flex wow fadeInRight" data-wow-delay=".3s">
<div class="price">
<div class="price-title h3">Yearly <br>pass</div>
<div class="price-wrap"><span class="price-value h3">$49</span><span class="price-value-text h4">/per month</span></div>
<div class="price-text">With a 1-year commitment, we offer a monthly membership for only $49. When you pre-purchase a complete year individual membership you get 2/m free extension.</div><a class="link-arrow h6 price-btn" href="#"><span>Join now</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
</div>
</div>
</section>
<!-- Events-->
<section class="section section-lg bg-default novi-bg novi-bg-img" data-preset='{"title":"About us 2","category":"about","reload":false,"id":"about-us-2"}'>
<div class="container">
<div class="row row-30">
<div class="col-lg-6 col-xl-7">
<h2>
<!--Brand--><span class="text-logo"><span>7</span><span>FIT</span></span><span> amenities</span>
</h2>
<div class="row row-10 row-fix row-content-1 h6">
<div class="col-md-6 col-lg-7">
<ul class="list-marked-2">
<li>Fully supervised nursery</li>
<li>Fitness assessment program</li>
<li>Tanning and massage</li>
<li>Strength equipment</li>
<li>Members’ lounge</li>
<li>Nutrition and supplements</li>
</ul>
</div>
<div class="col-md-6 col-lg-5">
<ul class="list-marked-2">
<li>Storage area</li>
<li>Showers</li>
<li>Cardio equipment</li>
<li>Sport bar</li>
<li>Sound system</li>
<li>Childcare service</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-5 d-none d-lg-flex"><img src="images/home-02-510x500.jpg" alt="" width="510" height="500" loading="lazy"/>
</div>
</div>
</div>
</section>
<!-- The gym-->
<section class="section section-lg bg-icon bg-custom bg-custom-left context-dark" data-preset='{"title":"Gallery","category":"gallery","reload":true,"id":"gallery"}'>
<div class="bg-custom-inner bg-dark novi-bg novi-bg-img"></div>
<div class="container">
<h2>Our gallery</h2>
<div class="isotope-wrap">
<div class="row row-20 row-lg-40 row-gutters-20 row-gutters-lg-40 row-fix isotope" data-isotope-layout="masonry" data-column-class=".col-1" data-lightgallery="group" data-lg-animation="lg-slide-circular">
<div class="col-1 isotope-item isotope-sizer"></div>
<div class="col-6 col-sm-4 isotope-item">
<!-- Thumbnail-->
<div class="thumbnail thumbnail-gallery mt-sm-3 mt-md-5"><a class="thumbnail-media" data-lightgallery="item" href="images/home-03-800x1200.jpg"><img class="thumbnail-img" src="images/home-03-400x480.jpg" alt="" width="400" height="480" loading="lazy"/></a></div>
</div>
<div class="col-6 col-sm-3 isotope-item">
<!-- Thumbnail-->
<div class="thumbnail thumbnail-gallery"><a class="thumbnail-media" data-lightgallery="item" href="images/home-04-800x1200.jpg"><img class="thumbnail-img" src="images/home-04-290x348.jpg" alt="" width="290" height="348" loading="lazy"/></a></div>
</div>
<div class="col-6 col-sm-5 isotope-item">
<!-- Thumbnail-->
<div class="thumbnail thumbnail-gallery"><a class="thumbnail-media" data-lightgallery="item" href="images/home-05-800x1200.jpg"><img class="thumbnail-img" src="images/home-05-510x670.jpg" alt="" width="510" height="670" loading="lazy"/></a></div>
</div>
<div class="col-6 col-sm-3 isotope-item">
<!-- Thumbnail-->
<div class="thumbnail thumbnail-gallery"><a class="thumbnail-media" data-lightgallery="item" href="images/home-06-800x1200.jpg"><img class="thumbnail-img" src="images/home-06-290x348.jpg" alt="" width="290" height="348" loading="lazy"/></a></div>
</div>
</div>
</div>
<div class="link-arrow-negative"><a class="link-arrow h6" href="#"><span>View more</span><span class="link-arrow-icon">
<svg width="19" height="14" viewBox="0 0 19 14" fill="none">
<path d="M17 7.00002L11.6667 1.66669M17 7.00002L11.6667 12.3334M17 7.00002H0.333344" stroke-width="2"></path>
</svg></span></a>
</div>
</div>
<div class="bg-icon-item">
<div class="novi-icon icon icon-xxl icon-custom-quote-top wow fadeInUp"></div>
</div>
</section>
<!--Owl carousel sample-->
<section class="section section-lg bg-default novi-bg novi-bg-img text-center text-md-left" data-preset='{"title":"Testimonials","category":"team","reload":true,"id":"testimonials"}'>
<div class="container">
<h2>What clients say</h2>
<div class="owl-carousel owl-carousel-1" data-items="1" data-autoplay="true" data-owl="{"nav":true,"smartSpeed":1000,"autoplayTimeout":5000}">
<div class="row row-30 row-fix justify-content-center align-items-center">
<div class="col-md-4">
<div class="img-responsive"><img src="images/home-07-400x515.jpg" alt="" width="400" height="515" loading="lazy"/>
</div>
</div>
<div class="col-md-6 col-xl-5 offset-xl-1">
<div class="quote-default">
<div class="quote-default-icon">
<svg width="71" height="54" viewBox="0 0 71 54">
<path d="M0.000378275 53.6932H27.2731V36.6477C27.2021 25 30.043 16.4773 34.9436 8.23864L18.7504 0C9.87254 7.38636 -0.0706444 22.7273 0.000378275 36.6477V53.6932ZM35.5117 53.6932H62.7845V36.6477C62.7134 25 65.5544 16.4773 70.4549 8.23864L54.2617 0C45.3839 7.38636 35.4407 22.7273 35.5117 36.6477V53.6932Z"></path>
</svg>
</div>
<div class="quote-default-text h5">
<q>I’ve been training with 7FIT for about a year now. They are serious and professional with what they do. I’ve lost over 20% body fat and never felt fitter.</q>
</div>
<cite class="quote-default-cite h6">Ann Adams</cite>
</div>
</div>
</div>
<div class="row row-30 row-fix justify-content-center align-items-center">
<div class="col-md-4">
<div class="img-responsive"><img src="images/home-08-400x515.jpg" alt="" width="400" height="515" loading="lazy"/>
</div>
</div>
<div class="col-md-6 col-xl-5 offset-xl-1">
<div class="quote-default">
<div class="quote-default-icon">
<svg width="71" height="54" viewBox="0 0 71 54">
<path d="M0.000378275 53.6932H27.2731V36.6477C27.2021 25 30.043 16.4773 34.9436 8.23864L18.7504 0C9.87254 7.38636 -0.0706444 22.7273 0.000378275 36.6477V53.6932ZM35.5117 53.6932H62.7845V36.6477C62.7134 25 65.5544 16.4773 70.4549 8.23864L54.2617 0C45.3839 7.38636 35.4407 22.7273 35.5117 36.6477V53.6932Z"></path>
</svg>
</div>
<div class="quote-default-text h5">
<q>I trained with 7FIT for 3 months and saw a drastic change in my body over that short period of time. Their coaches are incredibly knowledgeable in fitness.</q>
</div>
<cite class="quote-default-cite h6">Emma Peters</cite>
</div>
</div>
</div>
<div class="row row-30 row-fix justify-content-center align-items-center">
<div class="col-md-4">
<div class="img-responsive"><img src="images/home-09-400x515.jpg" alt="" width="400" height="515" loading="lazy"/>
</div>
</div>
<div class="col-md-6 col-xl-5 offset-xl-1">
<div class="quote-default">
<div class="quote-default-icon">
<svg width="71" height="54" viewBox="0 0 71 54">
<path d="M0.000378275 53.6932H27.2731V36.6477C27.2021 25 30.043 16.4773 34.9436 8.23864L18.7504 0C9.87254 7.38636 -0.0706444 22.7273 0.000378275 36.6477V53.6932ZM35.5117 53.6932H62.7845V36.6477C62.7134 25 65.5544 16.4773 70.4549 8.23864L54.2617 0C45.3839 7.38636 35.4407 22.7273 35.5117 36.6477V53.6932Z"></path>
</svg>
</div>
<div class="quote-default-text h5">
<q>I’ve been through a few gyms and 7FIT is by far my favorite. Yes, the equipment is new and state-of-the-art, but the coaches make the experience truly fun.</q>
</div>
<cite class="quote-default-cite h6">Samantha Williams</cite>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Partners-->
<section class="section section-lg bg-primary context-dark novi-bg novi-bg-img" data-preset='{"title":"Partners","category":"team","reload":true,"id":"partners"}'>
<div class="container">
<h2>Since 2014, we have worked with the leading brands:</h2>
<div class="owl-carousel owl-carousel-center owl-carousel-1 text-center" data-items="2" data-sm-items="2" data-md-items="3" data-lg-items="4" data-xl-items="6" data-autoplay="true" data-owl="{"dots":true}"><img src="images/logo-01-180x49.png" alt="" width="180" height="49" loading="lazy"/><img src="images/logo-02-180x45.png" alt="" width="180" height="45" loading="lazy"/><img src="images/logo-03-107x31.png" alt="" width="107" height="31" loading="lazy"/><img src="images/logo-04-154x53.png" alt="" width="154" height="53" loading="lazy"/><img src="images/logo-05-177x40.png" alt="" width="177" height="40" loading="lazy"/><img src="images/logo-06-176x41.png" alt="" width="176" height="41" loading="lazy"/>
</div>
</div>
</section>
<footer class="section footer-classic context-dark novi-bg novi-bg-img" data-preset='{"title":"Footer","category":"main","reload":true,"id":"footer"}'>
<div class="container">
<div class="footer-classic-top">
<div class="row row-30 row-fix justify-content-xl-between">
<div class="col-md-6 col-xl-6">
<!--Brand--><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-134x74.png" alt="" width="67" height="37" loading="lazy"/><img class="brand-logo-light" src="images/logo-inverse-134x74.png" alt="" width="67" height="37" loading="lazy"/></a>
<div class="row row-30">
<div class="col-12">
<div class="blurb-embed">
<div class="blurb-embed-icon novi-icon linearicons-home3"></div>
<div class="blurb-embed-body">
<p><a class="link-inherit" href="#">2099 Walnut, Hill Ln undefined Lafayette, California 55262</a></p>
</div>
</div>
</div>
<div class="col-xs-5 col-md-12 col-lg-5 col-xl-6">
<div class="blurb-embed">
<div class="blurb-embed-icon novi-icon linearicons-telephone"></div>
<div class="blurb-embed-body">
<ul class="list-sm">
<li><a class="link-inherit" href="tel:#">+1 234 567 8901</a></li>
<li><a class="link-inherit" href="tel:#">+1 234 567 8902</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-7 col-md-12 col-lg-7 col-xl-6">
<div class="blurb-embed">
<div class="blurb-embed-icon novi-icon linearicons-clock3"></div>
<div class="blurb-embed-body">
<ul class="list-sm">
<li>Every day: 9:00 – 22:00</li>
<li>Sat – Sun: 8:00 – 21:00</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-5">
<h5 class="mt-md-2">Subscribe to our newsletter</h5>
<p class="font-weight-medium">Sign up for our newsletter to receive the latest news and updates about special offers and service discounts.</p>
<form class="rd-form rd-mailform form-boxed" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="footer-form-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label" for="footer-form-email">Enter your e-mail</label>
</div>
<button class="form-button linearicons-paper-plane novi-icon" type="submit"></button>
</form>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="snackbars" id="form-output-global"></div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
