<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>zBoomMusic Free Html5 Responsive Template</title>
<meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy | zerotheme.com">
<meta name="author" content="www.zerotheme.com">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/zerogrid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/responsiveslides.css" />
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->
<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
maxwidth: 962,
namespace: "centered-btns"
});
});
</script>
</head>
<body>
<!--------------Header--------------->
<header>
<div class="wrap-header zerogrid">
<div id="logo"><a href="#"><img src="./images/logo.png"/></a></div>
<div id="search">
<div class="button-search"></div>
<input type="text" value="Search..." onFocus="if (this.value == 'Search...') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Search...';}">
</div>
</div>
</header>
<nav>
<div class="wrap-nav zerogrid">
<div class="menu">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="single.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="minimenu"><div>MENU</div>
<select onChange="location=this.value">
<option></option>
<option value="index.html">Home</option>
<option value="blog.html">Blog</option>
<option value="gallery.html">Gallery</option>
<option value="single.html">About</option>
<option value="contact.html">Contact</option>
</select>
</div>
</div>
</nav>
<div class="featured">
<div class="wrap-featured zerogrid">
<div class="slider">
<div class="rslides_container">
<ul class="rslides" id="slider">
<li><img src="images/slide1.png"/></li>
<li><img src="images/slide2.png"/></li>
<li><img src="images/slide3.png"/></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http//shop109193845.taobao.com" >Website Template</a></div>
<!--------------Content--------------->
<section id="content">
<div class="wrap-content zerogrid">
<div class="row block01">
<div class="col-1-3">
<div class="wrap-col box">
<h2>The White Night</h2>
<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis.</p>
<div class="more"><a href="#">[...]</a></div>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col box">
<h2>Tons of Fans</h2>
<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis.</p>
<div class="more"><a href="#">[...]</a></div>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col box">
<h2>Best DJ's Ever</h2>
<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis.</p>
<div class="more"><a href="#">[...]</a></div>
</div>
</div>
</div>
<div class="row block02">
<div class="col-2-3">
<div class="wrap-col">
<div class="heading"><h2>Latest Blog</h2></div>
<article class="row">
<div class="col-1-3">
<div class="wrap-col">
<img src="images/img1.png"/>
</div>
</div>
<div class="col-2-3">
<div class="wrap-col">
<h2><a href="#">Dreaming With Us All Night</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor [...]</p>
</div>
</div>
</article>
<article class="row">
<div class="col-1-3">
<div class="wrap-col">
<img src="images/img2.png"/>
</div>
</div>
<div class="col-2-3">
<div class="wrap-col">
<h2><a href="#">Welcome To Our Great Site</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor [...]</p>
</div>
</div>
</article>
<article class="row">
<div class="col-1-3">
<div class="wrap-col">
<img src="images/img3.png"/>
</div>
</div>
<div class="col-2-3">
<div class="wrap-col">
<h2><a href="#">Stereosonic Is Back Just For You</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor [...]</p>
</div>
</div>
</article>
<article class="row">
<div class="col-1-3">
<div class="wrap-col">
<img src="images/img4.png"/>
</div>
</div>
<div class="col-2-3">
<div class="wrap-col">
<h2><a href="#">Club Galaxy White Night Show</a></h2>
<div class="info">By Admin on December 01, 2012 with <a href="#">01 Commnets</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra convallis auctor [...]</p>
</div>
</div>
</article>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="heading"><h2>Latest Albums</h2></div>
<div class="content">
<img src="images/albums.png"/>
</div>
</div>
<div class="box">
<div class="heading"><h2>Upcoming Events</h2></div>
<div class="content">
<div class="list">
<ul>
<li><a href="#">Magic Island Ibiza</a></li>
<li><a href="#">Bamboo Is Just For You</a></li>
<li><a href="#">Every Hot Summer</a></li>
<li><a href="#">Magic Island Ibiza</a></li>
<li><a href="#">Bamboo Is Just For You</a></li>
<li><a href="#">Every Hot Summer</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--------------Footer--------------->
<footer>
<div class="wrap-footer zerogrid">
<div class="row block09">
<div class="col-1-4">
<div class="wrap-col">
<div class="box">
<div class="heading"><h2>About Us</h2></div>
<div class
响应式黑粉红音乐网站模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （28个子文件） 
响应式黑粉红音乐网站模板 js 
html5.js 2KB responsiveslides.js 9KB css3-mediaqueries.js 16KB jquery.min.js 91KB css style.css 9KB responsive.css 3KB zerogrid.css 2KB responsiveslides.css 3KB
index.html 10KB contact.html 7KB single.html 8KB images 
slide2.png 307KB img3.png 63KB slide3.png 367KB logo.png 16KB img4.png 72KB
themes.gif 359B button-search.png 468B img2.png 74KB pattern29.png 200B favicon.ico 1KB zerotheme.png 9KB img1.png 66KB slide1.png 280KB albums.png 176KB map.png 37KB blog.html 7KB gallery.html 8KB资源评论
