<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Fitness Line Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='#css?family=Arimo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Signika:400,300,600,700' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script
<!-- //end-smoth-scrolling -->
</head>
<body>
<!--header start here-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: false,
nav:true,
});
});
</script>
<div class="banner" id="home">
<div class="header">
<div class="container">
<div class="header-main">
<div class="logo">
<h1><a href="index.html"><span class="logo-clr">F</span>itness <span class="logo-clr">L</span>ine</a></h1>
</div>
<div class="header-right">
<div class="top-nav">
<span class="menu"> <img src="images/icon.png" alt=""/></span>
<ul class="res">
<li><a class="active scroll" href="#home">Home</a></li>
<li><a class="scroll" href="#about">About Us</a></li>
<li><a class="scroll" href="#service">Services</a></li>
<li><a class="scroll" href="#blog">Blog</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="drop-down">
<select class="in-drop">
<option>EN</option>
<option>DE</option>
<option>ES</option>
</select>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="banner-bottom">
<div class="container">
<div class="banner-bot-main">
<ul class="rslides" id="slider">
<li>
<h3>Sed ut perspiciatis unde omnis iste</h3>
<p>But must explain to you how all this mistaken denouncing pleasure will give system</p>
</li>
<li>
<h3>Lorem Ipsum simply dummy pleasure</h3>
<p> velit esse cillum dolore eu fugiat nulla pariatur this denouncing pleasure praising</p>
</li>
<li>
<h3>Duis irure dolor voluptate nulla</h3>
<p>dolore eu fugiat nulla pariatur But this denouncing pleasure praising denouncing</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--header end here-->
<!--banner info start here-->
<div class="banner-info" id="about">
<div class="container">
<div class="banner-info-main">
<h3>About</h3>
<div class="col-md-4 bann-info-grid">
<h4>Sed ut perspiciatis<span class="ban-info-clr"> totam rem </span></h4>
<p>actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because</p>
</div>
<div class="col-md-4 bann-info-grid">
<h4>Lorem ipsumdolor<span class="ban-info-clr"> voluptatum </span></h4>
<p>actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because</p>
</div>
<div class="col-md-4 bann-info-grid">
<h4>Namlibero tempor<span class="ban-info-clr"> totam rem </span></h4>
<p>actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--banner info end here-->
<!--our creative start here-->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"> </script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<div class="creative">
<div class="container">
<div class="creative-main">
<h3>Our Creative Work</h3>
<div class="port-folio-bottom">
<div id="portfoliolist">
<div class="col-md-3 portfolio-wrapper">
<a href="images/b-w1.jpg" class="b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/w1.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"><img src="images/Dumbbell.png" alt=""></h2>
</div></a>
</div>
<div class="col-md-3 portfolio-wrapper">
<a href="images/b-w2.jpg" class="b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/w2.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"><img src="images/Dumbbell.png" alt=""></h2>
</div></a>
</div>
<div class="col-md-3 portfolio-wrapper">
<a href="images/b-w3.jpg" class="b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/w3.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"><img src="images/Dumbbell.png" alt=""></h2>
</div></a>
</div>
<div class="col-md-3 portfolio-wrapper">
<a href="images/b-w4.jpg" class="b-link-stripe b-animate-go swipebox" title="Image Title">
<img src="images/w4.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"><img src="images/Dumbbell.png" alt=""></h2>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
</div>
<!--our creative end here-->
<!--services start here-->
<div class="services" id="service">
<div class="container">
<div class="services-main">
<div class="services-top">
<h3>Services</h3>
</div>
<div class="services-bottom">
<div class="col-md-6 services-gridleft">
<h4>Club Services</h4>
<h5>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</h5>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great.</p>
</div>
<div class="col-md-6 services-gridright">
<h4>Up Coming Events</h4>
<ul>
哑铃运动健身网站模板是一款html5模板,适合运动健身企业网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar
157 浏览量
2023-08-05
15:34:18
上传
评论
收藏 1.31MB RAR 举报
woisking2
- 粉丝: 12
- 资源: 6722
最新资源
- SNMP Client 是SNMP测试工具
- AD9220高速数据芯片硬件参考设计原理图+STM32F103单片机驱动程序代码+芯片技术手册资料.zip
- 常用爆破用户名字典top500
- meta-llama-3-8b-instruct 的 model-00003-of-00004.safetensors 的2/3
- bootstrap-select.js bootstrap-select.css
- EasyPoi Excel和 Word简易工具类
- 华为实验一 MPI 矩阵运算
- 网卡MAC地址修改工具 HardDiskSNC HWID changer 等电脑信息修改工具小软件合集(8个).zip
- 华为实验一 MPI 矩阵运算
- mysql语句大全及用法简介及基础教程及特点阐述.txt
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈