html跑车俱乐部网站模板是一款大气清爽的汽车之家模板下载。_html网站模板_网页源码移动端前端_H5模板

共43个文件

jpg：17个

js：9个

html：6个

网站模板

前端源码

9 浏览量 2023-08-04 13:09:17 上传评论收藏 1.51MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

html跑车俱乐部网站模板是一款大气清爽的汽车之家模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar （43个子文件）

html跑车俱乐部网站模板是一款大气清爽的汽车之家模板下载。

moban1062

portfolio.html 10KB

jquery.wmuSlider.js 12KB

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

bootstrap.min.js 31KB

easyResponsiveTabs.js 6KB

modernizr.custom.53451.js 7KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 91KB

typography.html 29KB

css

style.css 43KB

bootstrap.css 118KB

swipebox.css 4KB

index.html 17KB

contact.html 9KB

about.html 14KB

single.html 12KB

images

co.png 2KB

10.jpg 71KB

s1.jpg 19KB

3.png 3KB

s2.jpg 31KB

6.jpg 34KB

n1.jpg 59KB

n4.jpg 40KB

nav.png 3KB

5.jpg 77KB

bg.jpg 578KB

icons.svg 1KB

n3.jpg 37KB

move-top.png 3KB

car-bottom.jpg 119KB

8.jpg 51KB

s3.jpg 21KB

7.jpg 51KB

s4.jpg 28KB

n2.jpg 56KB

9.jpg 52KB

4.jpg 63KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!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="Roadster Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, 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' /> <script src="js/jquery.min.js"> </script>  <link href='#css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='#css?family=Raleway:400,500' 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.min.js"></script> </head> <body>  <div id="home" class="header"> <div class="container"> <div class="header-top"> <div class="logo"> <a href="index.html"><h1><span>R</span>oadster</h1></a> </div> <div class="h-right"> <div class="working-hours"> <div class="working-hours-label"> WORKING HOURS </div> <div class="working-hours-time"> <span> 9AM - 8PM </span> </div> <div class="working-hours-date"> SU, SAT 9AM - 6PM </div> </div> <div class="working-hours phone-number"> <div class="icon-phone-1 phone-ico"><i class ="glyphicon glyphicon-earphone"></i></div> <div class="phone-text"> <div class="phone-number-label"> CALL US </div> <div class="phone-number-number"> 224 5577 800 </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div class="quate"> <a href="#" class="hvr-bounce-to-bottom m1">Get a Quote</a> </div> <span class="menu"></span> <div class="top-menu"> <ul class="cl-effect-16"> <li><a href="index.html" data-hover="HOME">Home</a></li> <li><a href="about.html" data-hover="About">About</a></li> <li><a class="active" href="typography.html" data-hover="SERVICES">SERVICES</a></li> <li><a href="portfolio.html" data-hover="Portfolio">Portfolio</a></li> <li><a href="index.html" data-hover="NEWS">NEWS</a></li> <li><a href="contact.html" data-hover="CONTACT">Contact</a></li> </ul> </div>  <script> $( "span.menu" ).click(function() { $( ".top-menu" ).slideToggle( "slow", function() { // Animation complete. }); }); </script>  <div class="clearfix"> </div> </div>  <div class="banner two"> <h2 class="second">Typography</h2> </div> </div> </div>   <div class="typography"> <div class="container"> <div class="grid_3 grid_4"> <h3 class="typo">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

评论收藏

内容反馈