<!DOCTYPE html>
<html lang="en">
<head>
<title>Rock4Life</title>
<!-- META TAGS -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<!-- CSS FILES -->
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<link href="css/normalize.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="css/grid.css" rel="stylesheet" type="text/css"/>
<link href="css/media.css" rel="stylesheet" type="text/css"/>
<link href="css/mediaelementplayer.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="home">
<script type="text/javascript">
var cpro_id = "u837382";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/f.js" type="text/javascript"></script>
<div id="loading"></div>
<div id="curtain"></div>
<!-- RIGHT-LEFT ARROWS -->
<div id="arrows">
<a id="next"></a>
<a id="prev"></a>
</div>
<!-- TOP MENU ITEMS -->
<a id="gallery" href="gallery.html" class="menuitem"><span class="info">Gallery</span></a>
<a id="music" class="menuitem" data-reveal-id="media"><span class="info">Launch Player</span></a>
<a id="blog" href="blog.html" class="menuitem"><span class="info">Blog</span></a>
<a id="menu" class="menuitem" data-reveal-id="menubox"><span class="info">Menu</span></a>
<a id="close" class="menuitem"><span class="info">Close</span></a>
<!-- HEADER -->
<header>
<h1>Rock 4 Life</h1>
</header>
<!-- SECTIONS -->
<section class="main">
<div id="mobile-header-image">
<img src="images/photos/l-1.jpg" alt=""/>
</div>
<!-- ABOUT -->
<article class="column about">
<div class="desc">
<div class="content">
<h1 class="page-title">About</h1>
<div class="grids">
<div class="grid-12">
<h3>Lorem Ipsum</h3>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Morbi leo risus, porta ac consectetur ac, vestibulum at
</p>
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at
</p>
<h4>Praesent commodo</h4>
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna.
</p>
<p>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at
</p>
</div>
</div>
</div>
</div>
</article>
<!-- ALBUMS -->
<article class="column albums">
<div class="desc">
<div class="content">
<h1 class="page-title">Albums</h1>
<div class="grids">
<div class="grid-4">
<img class="cover" src="images/photos/post7.jpg" alt=""/>
</div>
<div class="grid-8">
<h3>Rock4Life - Praesent<span class="date">March 9, 2013</span></h3>
<hr/>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Praesent commodo cursus magna.
</p>
<p>
<strong>Music :</strong> Rock4Life <br/><strong>Lyrics :</strong> Rock4Life <br/><strong>Guitars :</strong> John Doe <br/><strong>Bass :</strong> Michael Doe <br/><strong>Drums :</strong> J. Smith <br/><strong>Vocals :</strong> John Doe
</p>
</div>
<hr/>
<div class="grid-4">
<img class="cover" src="images/photos/post8.jpg" alt=""/>
</div>
<div class="grid-8">
<h3>Rock4Life - Vitae<span class="date">April 23, 2012</span></h3>
<hr/>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Praesent commodo cursus magna.
</p>
<p>
<strong>Music :</strong> Rock4Life <br/><strong>Lyrics :</strong> Rock4Life <br/><strong>Guitars :</strong> John Doe <br/><strong>Bass :</strong> Michael Doe <br/><strong>Drums :</strong> J. Smith <br/><strong>Vocals :</strong> John Doe
</p>
</div>
<hr/>
<div class="grid-4">
<img class="cover" src="images/photos/post9.jpg" alt=""/>
</div>
<div class="grid-8">
<h3>Rock4Life - Sodales<span class="date">June 3, 2011</span></h3>
<hr/>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Praesent commodo cursus magna.
</p>
<p>
<strong>Music :</strong> Rock4Life <br/><strong>Lyrics :</strong> Rock4Life <br/><strong>Guitars :</strong> John Doe <br/><strong>Bass :</strong> Michael Doe <br/><strong>Drums :</strong> J. Smith <br/><strong>Vocals :</strong> John Doe
</p>
</div>
</div>
</div>
</div>
</article>
<!-- NEWS -->
<article class="column news">
<div class="desc">
<div class="content">
<h1 class="page-title">News</h1>
<div class="grids">
<div class="grid-4">
<a class="post-img" href="single-post.html"><img src="images/photos/post.jpg" alt=""/></a>
</div>
<div class="grid-8">
<h3>News Title <span class="date">April 7, 2013</span></h3>
<hr/>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod...<br/><br/><a href="single-post.html">Read more...</a>
</p>
</div>
<hr/>
<div class="grid-4">
<a class="post-img" href="single-post.html"><img src="images/photos/post2.jpg" alt=""/></a>
</div>
<div class="grid-8">
<h3>News Title <span class="date">April 1, 2013</span></h3>
<hr/>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod...<br/><br/><a href="single-post.html">Read more...</a>
</p>
</div>
<hr/>
<div class="grid-4">
<a class="post-img" href="single-post.html"><img src="images/photos/post3.jpg" alt=""/></a>
</div>
<div class="grid-8">
<h3>News Title <span class="date">March 13, 2013</span></h3>
<hr/>
<p>
A Lorem ipsum dolor sit amet, consectet adipiscing elit. Ut vitae velit at velit pretium sodales. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod...<br/><br/><a href="single-post.html">Read more...</a>
</p>
</div>
<div class="grid-12">
<a href="blog.html" class="all-button">View All</a>
</div>
</div>
</div>
全屏仿flash交互音乐演唱会官网模板_黑色展示 html5_html网站模板_网页前端_H5模板_自适应响应式源码.rar
180 浏览量
2023-08-05
11:24:47
上传
评论
收藏 3.41MB RAR 举报
全屏仿flash交互音乐演唱会官网模板_黑色展示 html5_html网站模板_网页前端_H5模板_自适应响应式源码.rar （134个子文件） 
animate.css 60KB style.css 26KB mediaelementplayer.css 20KB normalize.css 9KB colorbox.css 3KB media.css 3KB grid.css 1KB ubuntu-italic-webfont.eot 26KB dosis-bold-webfont.eot 23KB dosis-regular-webfont.eot 23KB ubuntu-regular-webfont.eot 23KB ubuntu-italic-webfont.eot@ 26KB dosis-bold-webfont.eot@ 23KB dosis-regular-webfont.eot@ 23KB ubuntu-regular-webfont.eot@ 23KB ubuntu-bold-webfont.eot@ 22KB
loader.gif 20KB loading.gif 6KB
index-2.html 21KB index.html 21KB single-post.html 10KB blog.html 9KB layout.html 9KB gallery.html 9KB
concert.jpg 567KB 6.jpg 142KB post7.jpg 114KB 5.jpg 95KB post8.jpg 94KB 4.jpg 93KB post5.jpg 92KB 3.jpg 90KB 2.jpg 87KB 7.jpg 85KB post.jpg 83KB 1.jpg 82KB post4.jpg 78KB post3.jpg 75KB post9.jpg 73KB post6.jpg 72KB l-1.jpg 68KB post2.jpg 67KB post7-thumb.jpg 52KB 5-thumb.jpg 49KB 7-thumb.jpg 48KB 4-thumb.jpg 47KB 2-thumb.jpg 47KB 3-thumb.jpg 46KB 1-thumb.jpg 44KB post5-thumb.jpg 42KB post-thumb.jpg 41KB post3-thumb.jpg 38KB post6-thumb.jpg 37KB post4-thumb.jpg 37KB post9-thumb.jpg 34KB post2-thumb.jpg 33KB l-1-thumb.jpg 31KB s.jpg 23KB s-4.jpg 23KB s-2.jpg 21KB s-1.jpg 20KB s-3.jpg 18KB jquery.js 109KB mediaelement-and-player.min.js 66KB jquery.colorbox-min.js 12KB jquery.tweet.js 10KB custom.js 9KB jquery.wookmark.js 5KB jquery.backstretch.min.js 5KB custom2.js 4KB jquery.reveal.js 3KB jquery.placeholder.min.js 3KB jquery.imagesloaded.js 539B
music-bg.png 157KB pt.png 50KB bg.png 32KB social_you_tube.png 7KB social_facebook.png 7KB social_vimeo.png 7KB social_flickr.png 7KB social_myspace.png 6KB social_amazon.png 6KB social_twitter.png 6KB bigplay.png 3KB controls.png 2KB link.png 870B music2.png 683B reply.png 667B music.png 638B search.png 638B close.png 615B close2.png 570B right.png 544B left.png 535B video.png 477B left2-s.png 433B left2.png 431B homepage.png 429B left-s.png 428B right2.png 421B共 134 条
- 1
- 2
资源评论
supeerzdj
- 粉丝: 11
- 资源: 6184
