<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Gym-plus a Sports Category Category Bootstrap Responsive web Template| Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Gym-plus Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//meta tags ends here-->
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all">
<!-- //font-awesome icons -->
<!--lightbox slider-->
<link rel="stylesheet" href="css/lightbox.css">
<!-- lightbox slider-->
<!--Animation-effects-css-->
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<!--//Animation-effects-css-->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Oswald:400,500,600" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
</head>
<body>
<div class="header-outs" id="header">
<div class="header-w3layouts">
<div class="container-fluid">
<!--//navigation section -->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="hedder-up " >
<h1><a class="navbar-brand" href="index.html" data-aos="fade-right">Gym-Plus</a></h1>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent" data-aos="fade-left">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link scroll">About</a>
</li>
<li class="nav-item">
<a href="#service" class="nav-link scroll">Service</a>
</li>
<li class="nav-item">
<a href="#gallery" class="nav-link scroll">Gallery</a>
</li>
<li class="nav-item">
<a href="#client" class="nav-link scroll">Clients</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link scroll">Contact</a>
</li>
</ul>
</div>
</nav>
<!--//navigation section -->
<div class="clearfix"> </div>
</div>
</div>
<!--banner -->
<div class="container">
<div class="banner-slide-img" data-aos="fade-up">
<!-- Slideshow 4 -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="slider-img">
<div class="slider-info ">
<h4>The Best Fitness</h4>
<h5> Grow Your Strength</h5>
<div class="mt-3 outs_more-buttn">
<a href="#" data-toggle="modal" data-target="#exampleModalLive">Read More</a>
</div>
</div>
</div>
</li>
<li>
<div class="slider-img">
<div class="slider-info ">
<h4>Fitness And Stronger </h4>
<h5>Real Athletes</h5>
<div class="mt-3 outs_more-buttn">
<a href="#" data-toggle="modal" data-target="#exampleModalLive">Read More</a>
</div>
</div>
</div>
</li>
<li>
<div class="slider-img">
<div class="slider-info">
<h4>Fitness And Health</h4>
<h5>With Double Power</h5>
<div class="mt-3 outs_more-buttn">
<a href="#" data-toggle="modal" data-target="#exampleModalLive">Read More</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- This is here just to demonstrate the callbacks -->
</div>
<!-- //Slideshow 4 -->
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //banner -->
<!-- About-one -->
<section class="about " id="about">
<div class="container">
<div class="row effcet-about">
<div class="col-lg-7 jst-about py-lg-5 pt-md-5 pt-sm-4 pt-3" data-aos="fade-right">
<h2 class="mb-lg-5 mb-lg-4 mb-3">Fitness And Health</h2>
<div class="agile-about-para">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
</div>
<div class="mt-lg-3 mt-2 agile-about-para">
<p>incididunt ut labore et Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
</div>
</div>
<div class="col-lg-5 about-States-list" data-aos="fade-left">
<img src="images/ab1.png" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
<!-- //About-one -->
<!--service-->
<section class="service py-lg-4 py-md-3 py-sm-3 py-3" id="service">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<h3 class="title text-center clr mb-lg-5 mb-md-4 mb-sm-4 mb-3">Our Services</h3>
<div class="row top-service pb-lg-4 pb-md-3 pb-2">
<div class="col-lg-8 col-md-8 service-agile-info-left" data-aos="fade-right"
data-aos-offset="250"
data-aos-easing="ease-in-sine">
<h4 class="mb-lg-4 mb-3"> Body Builder Classes</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt Lorem ipsum dolor sit amet</p>
<div class="mt-3 outs_more-buttn">
<a href="#" data-toggle="modal" data-target="#exampleModalLive">Read More</a>
</div>
</div>
<div class="col-lg-4 col-md-4 ser-icon text-center">
<div class="service-icon-w3layouts">
<span class="far fa-thumbs-up"></span>
课设&大作业&毕设-健身房专业展示响应式网页模板-适配移动端-HTML源码.zip
版权申诉
90 浏览量
2024-03-29
11:36:56
上传
评论
收藏 1.28MB ZIP 举报
课设&大作业&毕设-健身房专业展示响应式网页模板-适配移动端-HTML源码.zip （53个子文件） 
课设&大作业&毕设-健身房专业展示响应式网页模板-适配移动端-HTML源码 html js 
lightbox-plus-jquery.min.js 91KB responsiveslides.min.js 3KB bootstrap.min.js 48KB jquery.flexslider.js 56KB aos.js 14KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 48KB fa-solid-900.eot 100KB fa-solid-900.ttf 100KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 38KB fa-solid-900.svg 369KB css style.css 24KB bootstrap.min.css 141KB aos.css 25KB fontawesome-all.min.css 34KB lightbox.css 4KB
index.html 34KB images 
g3.jpg 18KB
left-arrow.png 1KB g2.jpg 19KB b1.jpg 54KB f2.jpg 14KB c1.jpg 2KB c2.jpg 2KB arrow.png 4KB f1.jpg 2KB ab1.png 193KB t3.jpg 6KB f3.jpg 2KB g6.jpg 24KB t1.jpg 4KB right-arrow.png 1KB t4.jpg 7KB g5.jpg 9KB c3.jpg 2KB img-sprite.png 4KB close.png 280B t2.jpg 4KB g4.jpg 12KB c4.jpg 3KB g1.jpg 14KB资源评论
