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