白色简约风格响应式健身会所企业网站模板.zip资源-CSDN文库

共39个文件

jpg：16个

js：6个

png：5个

版权申诉

H5源码

HTML模版

H5模版

157 浏览量 2024-12-27 11:18:22 上传评论收藏 876KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简约风格响应式健身会所企业网站模板.zip （39个子文件）

26988

jquery.swipebox.min.js 7KB

jquery.flexslider.js 41KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 9KB

jquery-1.11.1.min.js 94KB

_menu.json 176B

css

style.css 43KB

flexslider.css 4KB

bootstrap.css 118KB

swipebox.css 4KB

index.html 22KB

single.html 11KB

images

g3.jpg 16KB

co.png 2KB

g2.jpg 52KB

b1.jpg 34KB

b2.jpg 56KB

s1.jpg 16KB

s2.jpg 20KB

banner.jpg 80KB

b3.jpg 33KB

g6.jpg 15KB

nav.png 3KB

girl.png 104KB

icons.svg 1KB

move-top.png 3KB

g5.jpg 155KB

read.png 3KB

g4.jpg 31KB

s3.jpg 17KB

banner2.jpg 13KB

s4.jpg 16KB

g1.jpg 25KB

single.jpg 61KB

_tree.json 44KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <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="Fit Cross Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.1.min.js"></script>  <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Poiret+One%7COpen+Sans:300italic,400italic,700,300,400' rel='stylesheet' type='text/css'>  <script src="js/modernizr.custom.js"></script> <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},900); }); }); </script> <link rel="stylesheet" href="css/swipebox.css"> <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script> </head> <body>  <ul class="side_nav"> <li><a class="active scroll" href="#home"></a></li> <li><a class="scroll" href="#about"></a></li> <li><a class="scroll" href="#trainer"></a></li> <li><a class="scroll" href="#service"></a></li> <li><a class="scroll" href="#class"></a></li> <li><a class="scroll" href="#blog"></a></li> <li><a class="scroll" href="#gallery"></a></li> <li><a class="scroll" href="#concat"></a></li> </ul> <div class="banner" id="home"> <div class="header-top"> <div class="wrap">  <div class="logo"> <a href="index.html"><h1>Fit Cross</h1></a> </div> <span class="menu"> </span> <div class="top-menu"> <nav> <ul class="cl-effect-16"> <li><a class="active scroll" href="#home" data-hover="Home">Home</a></li> <li><a class="scroll" href="#about" data-hover="About">About</a></li> <li><a class="scroll" href="#trainer" data-hover="Trainers">Trainers</a></li> <li><a class="scroll" href="#service" data-hover="Services">Services</a></li> <li><a class="scroll" href="#class" data-hover="Classes">Classes</a></li> <li><a class="scroll" href="#blog" data-hover="Blog">Blog</a></li> <li><a class="scroll" href="#gallery" data-hover="Gallery">Gallery</a></li> <li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li> <div class="clearfix"></div> </ul> </nav> </div>  <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>  <div class="clearfix"></div>  <div class="banner-info"> <h2>Skinny isn't sexy, healthy is.</h2> <p>Pain is temporary, quittin' lasts forever.</p> </div> </div> </div>  </div> <section class="se-container"> <div class="se-slope" id="about"> <article class="se-content">  <div class="wel-section" id="welcome"> <div class="wrap"> <div class="wel-top"> <div class="col-md-6 wel-text"> <h3 class="tittle wat">Welcome to Our Fit Cross...</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since,Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p> <p>Dolor amet At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia anim</p> </div> <div class="col-md-6 wel-pic"> <img src="images/girl.png"/> </div> <div class="clearfix"> </div> </div> </div> </div> </div>  <div class="se-slope" id="trainer"> <article class="se-content"> <div class="wrap"> <h3 class="tittle two">Trainers</h3> <div class="slider"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <div class="bottom"> <div class=" bottom-in bottom-grid"> <img class="img-responsive " src="images/s1.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid1"> <img class="img-responsive" src="images/s2.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid2"> <img class="img-responsive " src="images/s3.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid3"> <img class="img-responsive " src="images/s4.jpg" alt="" /> </div> <div class="clearfix"> </div> </div> </li> <li> <div class="bottom"> <div class=" bottom-in bottom-grid"> <img class="img-responsive " src="images/s3.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid1"> <img class="img-responsive" src="images/s4.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid2"> <img class="img-responsive " src="images/s1.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid3"> <img class="img-responsive " src="images/s2.jpg" alt="" /> </div> <div class="clearfix"> </div> </div> </li> <li> <div class="bottom"> <div class=" bottom-in bottom-grid"> <img class="img-responsive " src="images/s2.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid1"> <img class="img-responsive" src="images/s1.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid2"> <img class="img-responsive " src="images/s4.jpg" alt="" /> </div> <div class=" bottom-in bottom-grid3"> <img class="img-responsive " src="images/s3.jpg" alt="" /> </div> <div class="clearfix"> </div> </div> </li> </ul> </div> </section> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <script defer src="js/jquery.flexslider.js"></script> <script type="text/javascript"> $(function(){ SyntaxHighlighter.all(); }); $(window).load(function(){ $('.flexslider').flexslider({ ani

评论收藏

内容反馈

版权申诉