<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Champion Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- for-gallery-rotation -->
<script src="js/modernizr.custom.97074.js"></script>
<!-- //for-gallery-rotation -->
<!-- FlexSlider -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- //FlexSlider -->
<!-- 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>
<!-- start-smoth-scrolling -->
<link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Comfortaa:400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="header-nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<a class="navbar-brand" href="index.html">Champion <span>Make You Be The Fighter</span></a>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="hvr-sweep-to-bottom active"><a href="index.html">Home</a></li>
<li class="hvr-sweep-to-bottom"><a href="#services" class="scroll">Services</a></li>
<li class="hvr-sweep-to-bottom"><a href="#about" class="scroll">About</a></li>
<li class="hvr-sweep-to-bottom"><a href="#gallery" class="scroll">Photo Gallery</a></li>
<li class="hvr-sweep-to-bottom"><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div class="container">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner-info">
<div class="banner-info-left">
<h1>sunt in culpa qui officia deserunt mollit</h1>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia.</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-info-left">
<h1>sunt in culpa qui officia deserunt mollit</h1>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia.</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-info-left">
<h1>sunt in culpa qui officia deserunt mollit</h1>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia.</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<div class="banner-pos">
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-cloud" aria-hidden="true"></i>sint et non recusandae</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-globe" aria-hidden="true"></i>sint et non recusandae</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-phone" aria-hidden="true"></i>sint et non recusandae</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-star" aria-hidden="true"></i>sint et non recusandae</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
<div class="container">
<h3>Welcome !</h3>
<p class="ever">To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
<div class="welcome-grids">
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span>
</div>
<h4>autem vel eum</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
</div>
<h4>autem vel eum</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
</div>
<h4>autem vel eum</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="col-md-3 welcome-grid">
<div class="welco
没有合适的资源?快使用搜索试试~ 我知道了~
马拉松比赛网站模板是一款适合运动健身类html5网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
共42个文件
png:11个
jpg:11个
js:9个
0 下载量 192 浏览量
2023-08-05
15:41:13
上传
评论
收藏 1.24MB RAR 举报
温馨提示
马拉松比赛网站模板是一款适合运动健身类html5网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
资源推荐
资源详情
资源评论
收起资源包目录
马拉松比赛网站模板是一款适合运动健身类html5网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar (42个子文件)
马拉松比赛网站模板是一款适合运动健身类html5网站模板下载。
moban829
js
bootstrap.js 66KB
modernizr.custom.97074.js 8KB
jquery.wmuSlider.js 12KB
jquery.swipebox.min.js 7KB
jquery.flexslider.js 40KB
jquery.hoverdir.js 5KB
easing.js 5KB
move-top.js 1KB
jquery-1.11.1.min.js 94KB
css
style.css 33KB
flexslider.css 4KB
bootstrap.css 138KB
swipebox.css 5KB
index.html 26KB
images
iconsprite.png 5KB
2.jpg 75KB
10.jpg 140KB
9.png 3KB
3.png 3KB
arrow.png 3KB
6.jpg 25KB
banner.jpg 42KB
1.jpg 87KB
1.png 4KB
5.jpg 29KB
6.png 32KB
icons.svg 1KB
8.jpg 51KB
5.png 38KB
4.png 9KB
8.png 36KB
7.png 38KB
3.jpg 170KB
7.jpg 20KB
2.png 205KB
9.jpg 38KB
4.jpg 35KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 42 条
- 1
资源评论
wsnbb_2023
- 粉丝: 15
- 资源: 6004
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功