粉色简洁线条运动健身会所网站模板_粉色简洁导航线条运动健身会所瑜珈spa整站企业响应式boot.rar资源-CSDN文库

共55个文件

jpg：25个

png：8个

js：7个

网站模板

150 浏览量 2023-08-05 15:26:36 上传评论收藏 1.35MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

粉色简洁线条运动健身会所网站模板_粉色简洁导航线条运动健身会所瑜珈 spa 整站企业响应式 boot.rar （55个子文件）

粉色简洁线条运动健身会所网站模板_粉色简洁导航线条运动健身会所瑜珈 spa 整站企业响应式 bootstrap 手机

cpts_429_rz

bootstrap.js 66KB

jquery.magnific-popup.js 45KB

responsiveslides.min.js 3KB

lightbox.js 15KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 94KB

typography.html 26KB

css

style.css 58KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 17KB

contact.html 7KB

about.html 9KB

single.html 13KB

images

g3.jpg 43KB

abt.jpg 13KB

g2.jpg 52KB

b1.jpg 39KB

b2.jpg 32KB

prev.png 1KB

g8.jpg 43KB

banner.jpg 158KB

social-icons.png 4KB

t3.jpg 17KB

b3.jpg 30KB

next.png 1KB

g7.jpg 45KB

g6.jpg 49KB

t1.jpg 13KB

g11.jpg 48KB

b4.jpg 40KB

g12.jpg 52KB

t4.jpg 21KB

g10.jpg 47KB

g5.jpg 35KB

calender.png 3KB

get.jpg 77KB

close.png 280B

t2.jpg 17KB

icon3.png 3KB

g4.jpg 51KB

3.jpg 70KB

brid.jpg 48KB

icon.png 6KB

g1.jpg 43KB

g9.jpg 43KB

to-top1.png 3KB

blog.html 9KB

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

gallery.html 7KB

<!DOCTYPE html> <html> <head> <title>Typography</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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="Fitness Zone 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="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <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>  <script src="js/bootstrap.js"></script>  </head> <body>  <div class="header-top"> <div class="logo text-center"> <h1><a href="index.html">Fitness Zone</a></h1> </div>  <div class="navigation"> <div class="container"> <nav class="navbar navbar-default">  <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>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-bounce-to-bottom"><a href="index.html">Home <span class="sr-only">(current)</span></a></li> <li class="hvr-bounce-to-bottom"><a href="about.html">ABOUT</a></li> <li class="hvr-bounce-to-bottom active"><a href="typography.html">Services</a></li> <li class="hvr-bounce-to-bottom"><a href="gallery.html">GALLERY</a></li> <li class="hvr-bounce-to-bottom"><a href="blog.html">Blog</a></li> <li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li> </ul> <div class="clearfix"></div> </div> </nav> </div> </div>  <div class="clearfix"></div> </div> <div class="inner-banner"> </div>   <div class="typrography"> <div class="container"> <h2 class="heading text-center">Typography</h2> <div class="grid_3 grid_4"> <h3 class="first">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-inverse" style="width: 40%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div> <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div> <div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div> </div> </div> </div> </div> <div class="grid_3 grid_5"> <h3>Pagination</h3> <div class="col-md-6"> <nav> <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li> </ul> </nav> <nav> <ul class="pagination"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li> </ul> </nav> <nav> <ul class="pagination pagination-sm"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></l

评论收藏

内容反馈