瑜珈会所spa企业整站响应式模板_瑜珈女性源码.rar资源-CSDN文库

共49个文件

jpg：16个

js：11个

css：6个

网站模板

107 浏览量 2023-08-05 16:16:09 上传评论收藏 704KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

瑜珈会所spa企业整站响应式模板_瑜珈会所 spa 休闲会所企业整站响应式 bootstrap 手机女性源码.rar （49个子文件）

瑜珈会所spa企业整站响应式模板_瑜珈会所 spa 休闲会所企业整站响应式 bootstrap 手机女性健康运动精品标准展示 css3

cpts_470_uf

faq.html 10KB

bootstrap.js 66KB

toucheffects.js 2KB

modernizr.custom.63321.js 9KB

jquery.chocolat.js 10KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 8KB

jquery-1.11.1.min.js 94KB

owl.carousel.js 37KB

jquery.flexisel.js 8KB

jquery.stackslider.js 13KB

typography.html 27KB

css

style.css 36KB

owl.carousel.css 9KB

default.css 3KB

component.css 10KB

bootstrap.css 138KB

chocolat.css 2KB

index.html 13KB

contact.html 7KB

about.html 11KB

images

t5.jpg 9KB

t6.jpg 11KB

icon6.png 3KB

sp4.jpg 12KB

sp1.jpg 10KB

img2.jpg 10KB

t3.jpg 13KB

t1.jpg 17KB

nav.png 3KB

sr1.jpg 30KB

img1.jpg 48KB

t4.jpg 9KB

banner1.jpg 155KB

t7.jpg 16KB

img3.jpg 22KB

close.png 3KB

sp2.jpg 16KB

t2.jpg 19KB

sp3.jpg 22KB

to-top1.png 3KB

fonts

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

Tangerine_Regular.ttf 59KB

PoiretOne-Regular.ttf 47KB

gallery.html 8KB

<!DOCTYPE HTML> <html> <head> <title>Typography</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="Meditation 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="css/bootstrap.css" rel='stylesheet' type='text/css' />   <link href="css/style.css" rel='stylesheet' type='text/css' />   <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/jquery-1.11.1.min.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> </head> <body> <div class="header header5">  <div class="top-nav"> <div class="top-header"> <a href="index.html"><h3>Meditation</h3></a> </div> <nav class="nav1"> <a id="menu-toggle" class="anchor-link" href="#"><img src="images/nav.png" alt="" /></a> <ul class="simple-toggle" id="menu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li>  <li class="logo"><a href="index.html"><h1>Meditation</h1></a></li>  <li><a href="faq.html">Faqs</a></li> <li class="active"><a href="typography.html">Short Codes</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <div class="clearfix"> </div> <script type="text/javascript"> $(document).ready(function() { $('#menu-toggle').click(function () { $('#menu').toggleClass('open'); e.preventDefault(); }); }); </script> </div>  </div>  <div class="typrography"> <div class="container"> <h2>Short Codes</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></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> </div> <div class="col-md-6"> <ul class="pagination pagination-lg"> <li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li> <li class="active"><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>

评论收藏

内容反馈