DJ音乐俱乐部网站模板是一款灯光照射下的舞台音乐狂欢网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共52个文件

jpg：21个

png：9个

html：6个

网站模板

前端源码

62 浏览量 2023-08-04 11:21:25 上传评论收藏 1.43MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

DJ音乐俱乐部网站模板是一款灯光照射下的舞台音乐狂欢网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （52个子文件）

DJ音乐俱乐部网站模板是一款灯光照射下的舞台音乐狂欢网站模板下载。

moban645

typo.html 16KB

modernizr.custom.97074.js 8KB

jquery.chocolat.js 10KB

jquery.flexslider.js 40KB

jquery.hoverdir.js 5KB

jquery.min.js 94KB

css

style.css 23KB

flexslider.css 4KB

bootstrap.css 138KB

chocolat.css 2KB

mail.html 5KB

index.html 11KB

single.html 9KB

images

co.png 5KB

a2.jpg 35KB

a6.jpg 34KB

b1.jpg 137KB

2.jpg 24KB

a8.jpg 20KB

te2.jpg 9KB

b2.jpg 98KB

ic.png 1KB

a9.jpg 32KB

menu.png 286B

back.jpg 284KB

a1.jpg 57KB

1.jpg 37KB

a3.jpg 18KB

left.png 3KB

te1.jpg 13KB

close.png 295B

right.png 3KB

a4.jpg 33KB

a7.jpg 25KB

back1.jpg 227KB

ic2.png 988B

ic3.png 1KB

te3.jpg 12KB

3.jpg 36KB

a5.jpg 37KB

ic1.png 960B

te.jpg 14KB

4.jpg 31KB

blog.html 8KB

album.html 6KB

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

Imprima-Regular.ttf 24KB

Audiowide-Regular.ttf 69KB

<!DOCTYPE html> <html> <head> <title>Typo</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <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="Music Club 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 rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />  </head> <body>  <div class="header header-main"> <div class="container"> <div class="header-top"> <div class="logo"> <h1><a href="index.html">Music Club</a></h1> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""> </span> <ul> <li ><a href="index.html" class="hvr-sweep-to-bottom color"><i class="glyphicon glyphicon-home"></i>Home </a> </li> <li ><a href="album.html" class="hvr-sweep-to-bottom color1"><i class="glyphicon glyphicon-picture"></i>Albums </a> </li> <li><a href="blog.html" class="hvr-sweep-to-bottom color2"><i class="glyphicon glyphicon-tags"></i>Blog</a></li> <li><a href="typo.html" class="hvr-sweep-to-bottom color3"><i class="glyphicon glyphicon-calendar"></i>Events </a></li> <li><a href="mail.html" class="hvr-sweep-to-bottom color4"><i class="glyphicon glyphicon-envelope"></i>Mail </a></li> <div class="clearfix"> </div> </ul>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="container"> <div class="page"> <h3 class="typo1">Typography</h3>  <div class="grid_3 grid_4"> <div class="page-header"> <h3>Headings</h3> </div> <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 id="h6-bootstrap-heading">h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div>  <div class="page-header"> <h3>Buttons</h3> </div> <p class="grid1"> <button type="button" class="btn btn-lg btn-default">Default</button> <button type="button" class="btn btn-lg btn-primary">Primary</button> <button type="button" class="btn btn-lg btn-success">Success</button> <button type="button" class="btn btn-lg btn-info">Info</button> <button type="button" class="btn btn-lg btn-warning">Warning</button> <button type="button" class="btn btn-lg btn-danger">Danger</button> <button type="button" class="btn btn-lg btn-link">Link</button> </p> <p class="grid1 "> <button type="button" class="btn btn-1 btn-default">Default</button> <button type="button" class="btn btn-1 btn-primary">Primary</button> <button type="button" class="btn btn-1 btn-success">Success</button> <button type="button" class="btn btn-1 btn-info">Info</button> <button type="button" class="btn btn-1 btn-warning">Warning</button> <button type="button" class="btn btn-1 btn-danger">Danger</button> <button type="button" class="btn btn-1 btn-link">Link</button> </p> <p class="grid1"> <button type="button" class="btn btn-sm btn-default">Default</button> <button type="button" class="btn btn-sm btn-primary">Primary</button> <button type="button" class="btn btn-sm btn-success">Success</button> <button type="button" class="btn btn-sm btn-info">Info</button> <button type="button" class="btn btn-sm btn-warning">Warning</button> <button type="button" class="btn btn-sm btn-danger">Danger</button> <button type="button" class="btn btn-sm btn-link">Link</button> </p> <p class="grid1"> <button type="button" class="btn btn-xs btn-default">Default</button> <button type="button" class="btn btn-xs btn-primary">Primary</button> <button type="button" class="btn btn-xs btn-success">Success</button> <button type="button" class="btn btn-xs btn-info">Info</button> <button type="button" class="btn btn-xs btn-warning">Warning</button> <button type="button" class="btn btn-xs btn-danger">Danger</button> <button type="button" class="btn btn-xs btn-link">Link</button> </p>   <div class="page-header"> <h3>Badges</h3> </div> <p> <a href="#">Inbox <span class="badge">42</span></a> </p> <ul class="nav nav-pills" role="tablist"> <li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li> </ul>   <div class="page-header"> <h1>Alerts</h1> </div> <div class="alert alert-success" role="alert"> <strong>Well done!</strong> You successfully read this important alert message. </div> <div class="alert alert-info" role="alert"> <strong>Heads up!</strong> This alert needs your attention, but it's not super important. </div> <div class="alert alert-warning" role="alert"> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div> <div class="alert alert-danger" role="alert"> <strong>Oh snap!</strong> Change a few things up and try submitting again. </div>   <div class="page-header"> <h3>Navs</h3> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"

评论收藏

内容反馈