console
<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.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>
</head>
<body>
<div class="banner">
<div class="container">
<div class="header">
<div class="head-bann">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-part">
<ul>
<li><a href="#">Calendar |</a></li>
<li><a href="#">Blog |</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li>
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li><a href="about.html">about</a></li>
<li class="active"><a href="index.html">Media</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="contact.html">Give</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
});
});
</script>
</div>
</div>
<div class="wmuSlider example1 section" id="section-1">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<h1>Welcome to SevenOaks website<span> which is run by the friends of SevenOaks.</span></h1>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<h1>Welcome to SevenOaks website<span> which is run by the friends of SevenOaks.</span></h1>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<h1>Welcome to SevenOaks website<span> which is run by the friends of SevenOaks.</span></h1>
</div>
</article>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
<div class="content">
<div class="container">
<div class="row grids">
<div class="col-md-4 grid1">
<a href="#">
<img src="images/img1.jpg" class="img-responsive" alt=""/>
<h3>stories</h3>
<div class="look">
<ul>
<li><h4>Read stories of Seven Oaks</h4></li>
<li><i class="arrow"></i></li>
</ul>
</div></a>
</div>
<div class="col-md-4 grid2">
<a href="#">
<img src="images/img2.jpg" class="img-responsive" alt=""/>
<h3>give on line</h3>
<div class="look1">
<ul>
<li><h4>Quick & easy online giving</h4></li>
<li><i class="arrow"></i></li>
</ul>
</div></a>
</div>
<div class="col-md-4 grid3">
<a href="#">
<img src="images/img3.jpg" class="img-responsive" alt=""/>
<h3>prayer</h3>
<div class="look2">
<ul>
<li><h4>Submit your prayer request</h4></li>
<li><i class="arrow"></i></li>
</ul>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="events">
<div class="container">
<div class="col-md-6 upcoming">
<h3>UPCOMING EVENTS</h3>
<div class="family">
<div class="twenty">
<h4>20</h4>
<p>JULY</p>
</div>
<div class="sunday">
<h5>FAMILY SUNDAY</h5>
<p>Sunday | 9:30am</p>
</div>
<div class="mor">
<a class="more" href="#">MORE</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="family">
<div class="twenty">
<h4>20</h4>
<p>JULY</p>
</div>
<div class="sunday">
<h5>FAMILY SUNDAY</h5>
<p>Sunday | 9:30am</p>
</div>
<div class="mor">
<a class="more" href="#">MORE</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="family">
<div class="twenty">
<h4>20</h4>
<p>JULY</p>
</div>
<div class="sunday">
<h5>FAMILY SUNDAY</h5>
<p>Sunday | 9:30am</p>
</div>
<div class="mor">
<a class="more" href="#">MORE</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-6 oaks">
<h3>SEVENOAKS</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<a class="read" href="#">READ MORE >></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="footer-top">
<div class="col-md-4 news">
<h4>SIGNUP TO OUR NEWSLETTER</h4>
<form>
<input type="submit" value="EMAIL SIGNUP">
</form>
</div>
<div class="col-md-4 service">
<h5>SERVICE TIMES</h5>
<h6>Sundays at 9:30 & 11:30 AM</h6>
<p>Lorem ipsum dolor sit amet.</p>
</div>
<div class="col-md-4 connect">
<h5>CONNECT WITH US</h5>
<ul>
<li><a href="#"><i class="fb"></i></a></li>
<li><a href="#"><i class="twt"></i></a></li>
<li><a href="#"><i class="yout"></i></a></li>
<li><a href="#"><i class="payp"></i></a></li>
<li><a href="#"><i class="email"></i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="bottom">
<p>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://www.pssucai.com/">PS素材网</a></p>
</div>
</div>
</div>
</body>
</html>