<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rock Music an entertainment Category Bootstrap responsive Website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Rock Music 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>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- gallery -->
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!-- //gallery -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- font -->
<link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.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>
<!-- animation -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- //animation -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- banner -->
<div class="banner jarallax">
<div class="agileinfo-dot">
<div class="header">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<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 class="agileits-logo">
<h1><a href="index.html"><img src="images/logo1.png" alt="" /> Rock Music</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#events" class="scroll">Events</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="#mail" class="scroll">Mail Us</a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
<div class="w3layouts-banner-info">
<div class="container">
<div class="w3ls-text">
<h2>Week end DJ</h2>
</div>
<div class="w3-arrow bounce animated">
<a href="#indro" class="scroll"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- introduction -->
<div class="introduction" id="indro">
<div class="container">
<div class="w3l-heading">
<h3>Introduction</h3>
<div class="w3ls-border"> </div>
</div>
<div class="introduction-info">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus iaculis lacus in pharetra. Morbi tincidunt nisi et bibendum varius. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin vulputate arcu consequat enim vulputate posuere. Aenean malesuada quam vitae mi ullamcorper, vel lobortis risus rutrum.</p>
</div>
</div>
</div>
<!-- //introduction -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="w3l-heading about-heading">
<h3>About Us</h3>
<div class="w3ls-border about-border"> </div>
</div>
<div class="agileits-about-grids">
<div class="about-grids">
<div class="col-md-6 about-grid">
<div class="col-xs-3 about-grid-left">
<span class="glyphicon glyphicon-asterisk effect-1" aria-hidden="true"></span>
</div>
<div class="col-xs-9 about-grid-right">
<h4>Cum soluta nobis est</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores alias consequatur aut</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 about-grid">
<div class="col-xs-3 about-grid-left">
<span class="glyphicon glyphicon-road effect-1" aria-hidden="true"></span>
</div>
<div class="col-xs-9 about-grid-right">
<h4>Soluta nobis est cum</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores alias consequatur aut</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="about-grids1">
<div class="col-md-6 about-grid">
<div class="col-xs-3 about-grid-left">
<span class="glyphicon glyphicon-plane effect-1" aria-hidden="true"></span>
</div>
<div class="col-xs-9 about-grid-right">
<h4>Eligendi cum soluta nobis</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores alias consequatur aut</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 about-grid">
<div class="col-xs-3 about-grid-left">
<span class="glyphicon glyphicon-bed effect-1" aria-hidden="true"></span>
</div>
<div class="col-xs-9 about-grid-right">
<h4>Nobis cum soluta est</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores alias consequatur aut</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- //about -->
<!-- gallery -->
<div class="gallery" id="events">
<div class="container">
<div class="w3l-heading">
<h3>Our Events</h3>
<div class="w3ls-border"> </div>
</div>
<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
<ul id="myTab" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home-main" id="home-tab" role="tab" data-toggle="tab" aria-controls="home-main" aria-expanded="true">All</a></li>
<li role="presentation"><a href="#learning" role="tab" id="learning-tab" data-toggle="tab" aria-controls="learning">Category 1</a></li>
<li role="presentation"><a href="#playing" role="tab" id="playing-tab" data-toggle="tab" aria-controls="playing">Category 2</a></li>
<li role="presentation"><a href="#painting" role="tab" id="painting-tab" data-toggle="tab" aria-controls="painting">Category 3</a></li>
<li rol
游戏音乐娱乐类网站源码-摇滚乐队演出展示响应式网页模板-支持移动端.zip （48个子文件） 
游戏音乐娱乐类网站源码-摇滚乐队演出展示响应式网页模板-支持移动端 html js 
bootstrap.js 66KB jquery.tools.min.js 17KB responsiveslides.min.js 3KB jquery.mobile.custom.min.js 9KB SmoothScroll.min.js 13KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jquery.cm-overlay.js 11KB wow.min.js 5KB jarallax.js 14KB css style.css 23KB cm-overlay.css 3KB font-awesome.css 34KB animate.css 69KB bootstrap.css 138KB
index.html 28KB images 
g3.jpg 38KB g2.jpg 31KB
logo1.png 4KB new.png 4KB logo1.psd 41KB prev.png 1KB arrow.png 4KB logo.png 4KB 1.jpg 221KB t3.jpg 85KB dott.png 3KB logo.psd 44KB next.png 1KB g7.jpg 62KB g6.jpg 49KB t1.jpg 103KB bg.jpg 357KB t4.jpg 78KB g5.jpg 31KB close.png 280B t2.jpg 93KB g4.jpg 27KB g1.jpg 77KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- ssoPlusFrontdsfdsfdsfsadawsdad
- Hierarchical Consensus Hashing for Cross-Modal Retrieval
- 基于 C++ OpenCV视觉库实现的计算机视觉分析，得到手掌上五根手指的长度与宽度、手掌虎口的角度、手掌的宽度以及手腕的宽度 完成对手掌各个参数的精确测量课程设计（源码+报告）
- 联想7400打印机更换定影组件.jpg
- 基于servlet+jsp+mysql实现的影视管理系统课程设计
- 正点原子RK3568卡片电脑ATOMPI-CA1的ubuntu-22.04.5最小安装包，特别适合运行板级ROS2环境iron
- GUIdemo.zip
- Ajax应用程序安全(SecuringAjaxApplicationsEnsuringtheSafetyoftheDynamicWeb)p最新版本
- 基于python sqlite和tk库实现的图形化展示的民航管理系统【数据库课程设计】
- 正点原子RK3568卡片电脑ATOMPI-CA1的ubuntu-24.04.1最小安装包，特别适合运行板级ROS2环境jazzy
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
