<!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>