<!DOCTYPE HTML>
<html>
<head>
<title> Home </title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Second innings Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"
/>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!--start-smoth-scrolling-->
<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>
<!--start-smoth-scrolling-->
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,300italic,400italic,700italic|Niconne' rel='stylesheet' type='text/css'>
<!--webfonts-->
</head>
<body>
<!--header-->
<div class="strip"> </div>
<div class="header-top" id="home">
<div class="container">
<div class="head-section">
<div class="logo-content">
<!--top-logo-->
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
<h6>Life after retirement</h6>
</div>
<div class="top-log">
<ul>
<li><a href="login.html">Login</a></li>
<li><a href="login.html">Register</a></li>
<li><a href="404.html">My Account</a></li>
<li><a href="404.html">Enquiry</a></li>
</ul>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="social-content">
<div class="top-icons">
<ul>
<li><a class="fb" href="#"><span> </span></a></li>
<li><a class="gp" href="#"><span> </span></a></li>
<li><a class="tw" href="#"><span> </span></a></li>
<li><a class="you" href="#"><span> </span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="sub-header">
<!--start-top-nav-->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html"> About </a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html"> Blogs </a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
<a href="#" id="pull"><h6>MENU</h6><img src="images/menu-icon.png" title="menu" /></a>
</nav>
<!--start-top-nav-script-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--//End-top-nav-script-->
<!-- script-for-menu -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(200);
});
});
</script>
<div class="clearfix"> </div>
</div>
<!--/header-->
</div>
</div>
<div class="banner-section">
<div class="container">
<div class="banner-head">
<h1>Second INnings </h1>
<p>when an unknown printer took a galley of type and
scrambled it to make a type specimen book.
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.
when an unknown printer took a galley of type and
scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
<div class="welcome-section">
<div class="container">
<div class="welcom-grids">
<div class="col-md-6 welcom-grid-img">
<img src="images/v1.jpg" title="img" />
</div>
<div class="col-md-6 welcom-grid-text">
<h2>Our Volunteer Works hard</h2>
<p>ndustry. Lorem Ipsum has been the industry's standard dummy text ever s
ince the 1500s, when an unknown printer took a galley of type and scram
bled it to make a type specimen book. It has survived not only five cent
uries, but also the leap into electronic typesetting, It has survived not only five cent
uries, but also the leap into electronic typesetting, remaining essentially
unchanged.</p>
<p>ndustry. Lorem Ipsum has been the industry's standard dummy text ever s
ince the 1500s, when an unknown printer took a galley of type and scram
bled it to make a type specimen book. It has survived not only five cent
uries, but also the leap into electronic typesetting, It has survived not only five cent
uries, but also the leap into electronic typesetting, remaining essentially
unchanged.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--start-letest-->
<div class="letest-section">
<div class="container">
<h3>Latest News</h3>
<div class="letest-main">
<div class="letest-text-grid">
<div class=" col-md-6 letgesst-section1">
<div class="letest-gride1">
<div class="col-md-2"><div class="data-index">
<span>26</span>
<span class="month">Dec,2014</span>
</div></div>
<div class="col-md-10 latest-text dimand ">
<h4>Latest Lorem News today</h4>
<p>an unknown printer took a galley of type
and scram</p>
<a class="read-btn" href="#">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="letest-gride1">
<div class="col-md-2"><div class="data-index">
<span>25</span>
<span class="month">Dec,2014</span>
</div></div>
<div class="col-md-10 latest-text dimand ">
<h4>Latest Lorem News today</h4>
<p>an unknown printer took a galley of type
and scram</p>
<a class="read-btn" href="#">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class=" col-md-6 latest-section1">
<div class="letest-gride1">
<div class="col-md-2 "><div class="data-index">
<span>24</span>
<span class="month">Dec,2014</span>
</div></div>
<div class="col-md-10 latest-text dimand ">
<h4>Latest Lorem News today</h4>
<p>an unknown printer took a galley of type
and scram</p>
<a class="read-btn" href="#">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="letest-gride1">
<div class="col-md-2 "><div class="data-index">
<span>23</span>
172国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （68个子文件） 
172 
register.html 9KB js 
jquery.wmuSlider.js 12KB jquery-1.8.3.min.js 91KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB nivo-lightbox.min.js 7KB cbpViewModeSwitch.js 1004B menu.js 1KB classie.js 2KB move-top.js 1KB owl.carousel.js 37KB css style.css 45KB owl.carousel.css 9KB component.css 6KB magnific-popup.css 10KB bootstrap.css 118KB login.html 9KB 404.html 7KB services.html 12KB index.html 23KB contact.html 10KB about.html 20KB single.html 11KB images 
plus.png 621B tic1.png 3KB
grandfa.jpg 17KB error.png 74KB c1.jpg 17KB b2.jpg 466KB strip.jpg 18KB prev.png 3KB v1.jpg 15KB i2.jpg 37KB c2.jpg 19KB about.jpg 17KB banner.jpg 148KB c6.jpg 75KB logo.png 4KB i3.jpg 66KB t3.png 148KB footer.png 5KB blog3.jpg 30KB move-up.png 3KB next.png 3KB i4pop.jpg 103KB i2pop.jpg 99KB c1pop.jpg 83KB work-nav.png 241B grandma.jpg 87KB spirit.png 919B menu-icon.png 790B c3pop.jpg 17KB blog2.jpg 11KB windows.png 251B c3.jpg 10KB img-sprite.png 8KB close.png 3KB ar.png 3KB hover-img.png 4KB icons.png 20KB c4.jpg 14KB c5.jpg 48KB single.jpg 118KB blog1.jpg 15KB i3pop.jpg 113KB i1.jpg 9KB blog.html 10KB gallery.html 13KB资源评论
