<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Fitness</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<!--Favicon -->
<link rel="icon" type="image/png" href="images/favicon.jpg" />
<!-- CSS Files -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/player/YTPlayer.css" />
<link href="css/pro-bars.css" rel="stylesheet" />
<!-- End CSS Files -->
</head>
<body>
<!-- Navigation -->
<section id="navigation" class="dark-nav">
<!-- Navigation Inner -->
<div class="nav-inner">
<!-- Site Logo -->
<div class="site-logo fancy">
<a href="#" id="logo-text" class="scroll logo">Fitness
</a>
</div><!-- End Site Logo -->
<a class="mini-nav-button gray2"><i class="fa fa-bars"></i></a>
<!-- Navigation Menu -->
<div class="nav-menu">
<ul class="nav uppercase">
<li><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About us</a></li>
<li><a href="#features" class="scroll">Features</a></li>
<li><a href="#clients" class="scroll">Gymnasts</a></li>
<li><a href="#testimonial" class="scroll">Testimonial</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div><!-- End Navigation Menu -->
</div><!-- End Navigation Inner -->
</section><!-- End Navigation Section -->
<!-- Home Section -->
<section id="home" class="relative">
<div id="slides">
<div class="slides-container relative">
<!-- Slider Images -->
<div class="image2"></div>
<div class="image1"></div>
<div class="image3"></div>
<div class="image4"></div>
<!-- End Slider Images -->
</div>
<!-- Slider Controls -->
<nav class="slides-navigation">
<a href="#" class="next"></a>
<a href="#" class="prev"></a>
</nav>
</div><!-- End Home Slides -->
<div class="v2 absolute">
<!-- Auto Typocraphic Texts -->
<div class="typographic">
<!-- Your Logo -->
<div class="logo">
<img src="images/logo-icon.png" width="200" alt="Logo" />
</div>
<h2 class=" condensed uppercase no-padding no-margin bold gray1">Introducing</h2>
<h2 class=" condensed uppercase no-padding no-margin bold colored">Fitness Passion</h2>
<a href="#about" class="scroll"><i class="arrow-down fa fa-3x fa-angle-double-down"></i></a>
</div><!--End Auto Typocraphic Texts -->
</div><!-- End V2 area -->
</section><!-- End Home Section -->
<!-- Fun Acts -->
<section id="fun-acts" class="container">
<div class="inner fun-acts">
<div class="about-margin"></div>
<a class="about-icon">
<i class="fa fa-life-ring"></i>
</a>
<br />
<!-- Header -->
<h1 class="header light gray1 animated" data-animation="fadeInLeft" data-animation-delay="400">
Winners Train,<span class="colored" data-animation="fadeInRight">Losers Complain</span></h1>
<!-- Description -->
<p class="h-desc"><span class="colored">lorem Ipsum is lorem Ipsum</span> lorem Ipsum is simply dummy text of the printing and typesetting industry loremipsum. lorem Ipsum is simply dummy text of the printing and typesetting industry loremipsum is simple.</p>
</div><!-- End Fun Acts Inner -->
</section><!-- End Fun Acts Section -->
<!-- About -->
<section id="about" class="container waypoint">
<div class="inner">
<!-- Header -->
<h1 class="header light gray3 fancy"><span class="colored">Know </span>about us</h1>
<!-- Description -->
<p class="h-desc gray4">lorem Ipsum is<span class="colored bold"> lorem Ipsum</span> of passages of Lorem Ipsum available, but the majority have suffered alteration.<br /><br /></p>
<hr>
<!-- Boxes -->
<div class="boxes">
<div class="col-xs-3 col-sm-6 col-md-3 about-box animated" data-animation="fadeIn" data-animation-delay="100">
<p class="lead">Pressure check up</p>
<hr><br>
<a class="about-icon">
<i class="fa fa-stethoscope"></i>
</a>
<br><br>
<p class="light about-text">lorem Ipsum is lorem Ipsum of passages of Lorem Ipsum available, but the majority.</p>
</div>
<div class="col-xs-3 col-sm-6 col-md-3 about-box animated" data-animation="fadeIn" data-animation-delay="300">
<p class="lead">Max. gym equipments</p>
<hr><br>
<a class="about-icon">
<i class="fa fa-wheelchair"></i>
</a>
<br><br>
<p class="light about-text">lorem Ipsum is lorem Ipsum of passages of Lorem Ipsum available, but the majority.</p>
</div>
<div class="col-xs-12 col-md-6 col-sm-12 about-box animated" data-animation="fadeIn" data-animation-delay="700">
<p class="lead lead-text">Best in the city</p><hr>
<p class="left pro-bars" style="color: rgb(83, 205, 181);">Treadmill </p>
<div class="pro-bar-container color-green-sea">
<div class="pro-bar bar-100 color-turquoise" data-pro-bar-percent="100">
<div class="pro-bar-candy candy-ltr"></div>
</div>
</div>
<p class="left pro-bars" style="color: #3498DB;">Spinning </p>
<div class="pro-bar-container color-belize-hole">
<div class="pro-bar bar-80 color-peter-river" data-pro-bar-percent="80" data-pro-bar-delay="200">
<div class="pro-bar-candy candy-ltr"></div>
</div>
</div>
<p class="left pro-bars" style="color: #B483C8;">Cardio </p>
<div class="pro-bar-container color-wisteria">
<div class="pro-bar bar-70 color-amethyst" data-pro-bar-percent="70" data-pro-bar-delay="300">
<div class="pro-bar-candy candy-ltr"></div>
</div>
</div>
</div>
</div><!-- End Boxes -->
</div><!-- End About Inner -->
</section><!-- End About Section -->
<!-- Features -->
<section id="features" class="container">
<div class="inner">
<!-- Header -->
<h1 class="header light gray1">Features of <span class="colored fancy">Fitness!</span></h1>
<!-- Description -->
<p class="h-desc white bold">lorem Ipsum is<span class="colored bold"> lorem Ipsum</span> lorem Ipsum is simply dummy text of the printing and typesetting industry loremipsum. lorem Ipsum is simply dummy text of the printing and typesetting industry loremipsum is simple.</p>
<div class="features-boxes">
<!-- Box 1 -->
<div class="col-xs-4 f-box animated" data-animation="fadeIn" data-animation-delay="0">
<!-- Icon -->
<a class="f-icon">
<i class="fa fa-eye"></i>
</a>
<!-- Header -->
<p class="feature-head">Retina Ready</p>
<!-- Text -->
<p class="feature-text ">lorem Ipsum is lorem Ipsum of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</div>
<!-- Box 2 -->
<div class="col-xs-4 f-box animated" data-animation="fadeIn" data-animation-delay="100">
<!-- Icon -->
<a class="f-icon">
<i class="fa fa-tablet"></i>
</a>
<!-- Header -->
<p class="feature-head">Responsive Framework</p>
<!-- Text -->
<p class="feature-text ">lorem Ipsum is lorem Ipsum of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</div>
<!-- Box 3 -->
<div class="col-xs-4 f-box animated" data-animation="fadeIn" data-animation-delay="200">
<!-- Icon -->
<a class="f-icon">
<i class="fa fa-flask"></i>
</a>
<!-- Header -->
<p class="feature-head">Parallax Design</p>
<!-- Text -->
<p class="feature-text light">lorem Ipsum is lorem Ipsum of pas
HTML网站源码-健身训练特色展示网页模板-响应式源码.zip
版权申诉
21 浏览量
2024-03-26
09:47:38
上传
评论
收藏 6.63MB ZIP 举报
HTML网站源码-健身训练特色展示网页模板-响应式源码.zip （112个子文件） 
bootstrap.min.css 98KB animate.min.css 41KB font-awesome.css 25KB style.css 21KB pro-bars.css 10KB YTPlayer.css 9KB responsive.css 9KB owl.carousel.css 6KB reset.css 1KB fontawesome-webfont862f.eot 71KB fontawesome-webfontd41d.eot 71KB ytp-regular.eot 3KB flexslider-icon.eot 2KB flexslider-icond41d.eot 2KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B
index.html 24KB glyphicons-halflings-regular-4.html 2KB glyphicons-halflings-regular-2.html 2KB glyphicons-halflings-regular.html 2KB glyphicons-halflings-regular-3.html 2KB glyphicons-halflings-regulard41d.html 2KB .picasa.ini 129B .picasa.ini 25B
4.jpg 1.66MB 5.jpg 1.44MB background5.jpg 372KB 2.jpg 337KB 2.jpg 199KB 3.jpg 188KB 3.jpg 148KB 8.jpg 137KB 4 - Copy.jpg 106KB 4.jpg 106KB 1.jpg 104KB 7.jpg 103KB 1.jpg 100KB logo-icon.jpg 77KB 4.jpg 72KB 6.jpg 64KB 3.jpg 59KB 5.jpg 59KB background6.jpg 57KB 4.jpg 50KB 2.jpg 47KB 9.jpg 39KB favicon.jpg 682B history-strip.jpg 302B jquery-1.11.0.min.js 94KB jquery.flexslider.js 51KB modernizr-latest.js 50KB jquery.mb.YTPlayer.js 37KB jquery.prettyPhoto.js 34KB bootstrap.min.js 28KB plugins.js 15KB jquery.superslides.js 14KB jquery.slabtext.js 11KB jquery.easing.1.3.js 8KB SmoothScroll.js 7KB jquery.fitvids.js 3KB jquery.parallax-1.1.3.js 2KB jquery.appear.js 1KB
horse.png 736KB logo-icon.png 83KB sprite.png 7KB sprite.png 4KB sprite.png 4KB sprite.png 4KB slider-arrows.png 3KB sprite.png 3KB sprite.png 3KB work-arrow.png 3KB work-arrow-hover.png 3KB v5-arrows.png 2KB default_thumb.png 2KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnNext.png 1KB btnNext.png 1KB btnNext.png 1KB btnNext.png 1KB sprite_prev.png 1KB sprite_next.png 1KB sprite_y.png 1KB arrow-right.png 1KB arrow-left.png 1KB sprite_x.png 1KB li-item.png 974B pattern-white.png 936B btnNext.png 845B btnPrevious.png 828B testimonial-controls.png 630B positive.png 358B pattern-black.png 213B共 112 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4767
最新资源
- Real Python: Python 3 Cheat Sheet
- 单片机常用芯片和器件手册.zip
- C51论坛离线浏览资料.chm
- 单片机指令速查表.doc
- 设定80C51串行异步通讯的波特率.zip
- 创新MOM培训文档_物料主数据之包材_240625.pptx
- 医学图像分类数据集：CT胸部扫描癌症分类（4分类）【包括划分好的数据、类别字典文件、python数据可视化脚本 】
- 基于C51单片机设计四位数字频率计数码管显示实验Proteus仿真及软件实例源码.zip
- 基于C51单片机设计MAX7221数码管动态显示程序Proteus仿真及软件实例源码.zip
- DS18B20温度传感器实战应用与源码解析.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
