<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Charity Hub 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>
<!--fonts-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
</head>
<body>
<!--header-->
<div class="header">
<div class="header-top">
<div class="container">
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""> </span>
<ul>
<li class="active"><a href="index.html" >Home</a><span>/</span></li>
<li><a href="about.html" >About</a><span>/</span></li>
<li><a href="services.html" >Services</a><span>/</span></li>
<li><a href="404.html">Portfolio</a><span>/</span></li>
<li><a href="blog.html" >Blog</a><span>/</span></li>
<li><a href="contact.html" >Contact</a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="logo">
<h1><a href="index.html">Charity Hub</a></h1>
<p>Social Services</p>
</div>
</div>
</div>
</div>
<!---->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" alt="">
</li>
<li>
<img src="images/banner1.jpg" alt="">
</li>
<li>
<img src="images/banner.jpg" alt="">
</li>
</ul>
</div>
</div>
<!---->
<div class="content">
<div class="container">
<div class="content-top">
<div class="content-top1">
<div class=" col-md-4 grid-top">
<div class="thumbnail">
<div class="grid-at">
<i class="glyphicon glyphicon-user"></i>
<h3 class="grid">Contrary to popular</h3>
<div class="clearfix"> </div>
</div>
<p> Lorem Ipsum is not simply random text. It has roots in a piece of classical </p>
</div>
</div>
<div class=" col-md-4 grid-top">
<div class="thumbnail">
<div class="grid-at">
<i class="glyphicon glyphicon-tree-deciduous"></i>
<h3 class="grid">Contrary to popular</h3>
<div class="clearfix"> </div>
</div>
<p> Lorem Ipsum is not simply random text. It has roots in a piece of classical </p>
</div>
</div>
<div class=" col-md-4 grid-top">
<div class="thumbnail">
<div class="grid-at">
<i class="glyphicon glyphicon-copy"></i>
<h3 class="grid">Contrary to popular</h3>
<div class="clearfix"> </div>
</div>
<p> Lorem Ipsum is not simply random text. It has roots in a piece of classical </p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="container">
<div class="content-bottom">
<div class="col-md-6 red">
<a href="single.html"><img class="img-responsive" src="images/pi.jpg" alt=""></a>
</div>
<div class="col-md-6 come">
<div class=" welcome">
<h3>Donate For Save Lives</h3>
<p class="for">Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has been .</p>
<p >Masagni dolores eoquie voluptaquisquam estqui dolorem ipsumquia dolor sitamnetase adipiscquam eiuse. Basmodi temporant, ut laboreas dolore magnam aliquam kuytase uaeraquis autem vel eum iure reprehend.</p>
<a class="hvr-rectangle-out" href="#">Read More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-use">
<div class=" content-use-bottom">
<h3>Our Works</h3>
<div class="our">
<div class="col-md-4 our-at">
<a href="single.html"><img class="img-responsive" src="images/pi1.jpg" alt=""></a>
<h4><a href="single.html">Vaesales aserasaset kuys leruytas nuyasa lerras miertase dertasuas</a></h4>
<p>Nertyase riti masertas lertyarty tsaera delases kuhasasety kertya aset aplicbo neras faeskes kertys muyts ersvitae miertase dertasuas.</p>
<a class="hvr-rectangle-out" href="single.html">Read More</a>
</div>
<div class="col-md-4 our-at">
<a href="single.html"><img class="img-responsive" src="images/pi2.jpg" alt=""></a>
<h4><a href="single.html">Vaesales aserasaset kuys leruytas nuyasa lerras miertase dertasuas</a></h4>
<p>Nertyase riti masertas lertyarty tsaera delases kuhasasety kertya aset aplicbo neras faeskes kertys muyts ersvitae miertase dertasuas.</p>
<a class="hvr-rectangle-out" href="single.html">Read More</a>
</div>
<div class="col-md-4 our-at">
<a href="single.html"><img class="img-responsive" src="images/pi3.jpg" alt=""></a>
<h4><a href="single.html">Vaesales aserasaset kuys leruytas nuyasa lerras miertase dertasuas</a></h4>
<p>Nertyase riti masertas lertyarty tsaera delases kuhasasety kertya aset aplicbo neras faeskes kertys muyts ersvitae miertase dertasuas.</p>
<a class="hvr-rectangle-out" href="single.html">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="col-mn">
<div class="container">
<div class="col-mn2">
<h3>the best features</h3>
<p>Contrary to popular belief
, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
<a class="hvr-rectangle-out more-in" href="#">Read More</a>
</div>
</div>
</div>
<!---->
<div class="container">
<div class="content-mid">
<h3> Events</h3>
<div class="news">
<div class="col-md-6 new-more">
<div class="six">
<h4>26<span>June</span></h4>
<h6><a href="#">Sed ut perspiciatis unde omnis </a></h6>
<div class="clearfix"> </div>
</div>
<p>Kasertas lertyasea deeraeser miasera lertasa ritise doloert ferdas caplicabo nerafaes asety u lasec vaserat. nikertyade asetkertyptaiades goertayse.nikertyade asetkertyptaiades goertayse</p>
<a class="hvr-rectangle-out" href="#">Read More</a>
</div>
<div class="col-md-6 new-more">
<div class="six">
<h4>26<span>April</span></h4>
<h6><a href="#">Voluptatem accusantium doloremque </a></h6>
<div class="clearfix"> </div>
</div>
<p>Kasertas lertyasea deeraeser miasera lertasa ritise doloert ferdas caplicabo nerafaes asety u la