html5pc静态模板灯光下的舞台网站模板（含响应式）.zip资源-CSDN文库

共49个文件

jpg：22个

js：8个

png：6个

版权申诉

网页

5星 · 超过95%的资源 30 浏览量 2023-03-11 14:09:02 上传评论收藏 3.14MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

html5pc静态模板灯光下的舞台网站模板（含响应式）.zip （49个子文件）

灯光下的舞台网站模板

页面

bootstrap.js 66KB

modernizr.custom.97074.js 8KB

responsiveslides.min.js 3KB

jquery.chocolat.js 10KB

jquery.hoverdir.js 5KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 94KB

typography.html 24KB

css

style.css 40KB

bootstrap.css 138KB

chocolat.css 2KB

index.html 12KB

contact.html 7KB

about.html 8KB

images

message.png 3KB

a2.jpg 34KB

a6.jpg 31KB

a8.jpg 41KB

a9.jpg 46KB

banner.jpg 160KB

a1.jpg 33KB

a3.jpg 54KB

3333.jpg 18KB

1111.jpg 19KB

left.png 3KB

333.jpg 31KB

team-3.jpg 31KB

222.jpg 27KB

close.png 295B

arr.png 3KB

right.png 3KB

a4.jpg 56KB

a7.jpg 51KB

team-1.jpg 41KB

ab.jpg 47KB

team-2.jpg 25KB

banner2.jpg 59KB

2222.jpg 15KB

a5.jpg 44KB

team-4.jpg 27KB

111.jpg 36KB

album.html 8KB

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

Home.png 2.21MB

<!DOCTYPE html> <html> <head> <title>Typography</title>  <link href='http://fonts.useso.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>  <link href="css/bootstrap.css" rel="stylesheet"> <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="Music World 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>   <script type="text/javascript" src="js/jquery.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},1000); }); }); </script>  </head> <body>  <div class="header"> <div class="container"> <div class="header-left"> <a href="index.html">Music World</a> </div> <div class="navigation"> <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"><a href="album.html">ALBUM</a></li> <li class="hvr-bounce-to-bottom active"><a href="typography.html">ARTISTS</a></li> <li class="hvr-bounce-to-bottom"><a href="contact.html">CONTACT</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div> <div class="clearfix"></div> </div> </div>   <div class="banner page-head"> </div>   <div class="typrography"> <div class="container"> <h3 class="tittle">TYPOGRAPHY</h3> <div class="grid_3 grid_4"> <h3>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>Buttons</h3> <h1 class="t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2 class="t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3 class="t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4 class="typ1 t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5 class="typ1 t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6 class="typ1 t-button"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="grid_3 grid_5"> <h3 class="bars">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> </d

评论收藏

内容反馈

版权申诉