<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<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="Alor 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>
<!-- //for-mobile-apps -->
<!-- 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 -->
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
</div>
<div class="logo-right">
<span class="menu"><img src="images/menu.png" alt=" "/></span>
<ul class="nav1">
<li class="cap"><a href="index.html" class="act">Home</a></li>
<li><a href="#history" class="scroll">History</a></li>
<li><a href="#about" class="scroll">About Us</a></li>
<li><a href="#activities" class="scroll">Activities</a></li>
<li><a href="#childrens" class="scroll">Childrens</a></li>
<li><a href="#team" class="scroll">Team Member</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div class="container">
<!-- Slider-starts-Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--//End-slider-script -->
<div id="top" class="callbacks_container wow fadeInUp" data-wow-delay="0.5s">
<ul class="rslides" id="slider3">
<li>
<div class="banner-info">
<h1>WELCOME TO ALOR BHUBON</h1>
<a href="#" class="hvr-bounce-to-right read">Read More</a>
</div>
</li>
<li>
<div class="banner-info">
<h1>WELCOME TO CHARITY WELFARE</h1>
<a href="#" class="hvr-bounce-to-right read">Read More</a>
</div>
</li>
<li>
<div class="banner-info">
<h1>WELCOME TO BHUBON WELFARE</h1>
<a href="#" class="hvr-bounce-to-right read">Read More</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<div class="banner-bottom-grids">
<div class="forced">
<p>"Let every children forced to be on street have education."</p>
</div>
<div class="donate">
<div class="Alor">
<p>–Munzurul Hasan, Alor Bhubon</p>
</div>
<div class="us">
<a href="#" class="hvr-bounce-to-right read">Donate Us</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner-bottom -->
<!-- history -->
<div id="history" class="history">
<div class="container">
<h3>HISTORY</h3>
<p class="libero">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
In lobortis, ante interdum vehicula pretium, dui enim porta lectus,
non euismod tortor ante eu libero. Aenean blandit luctus tortor vitae interdum.
Etiam egestas purus lorem, eget tempus odio placerat id. Integer eu gravida nibh.</p>
<div class="history-grids">
<div class="col-md-6 history-grid">
<img class="one" src="images/1.png" alt=" " />
</div>
<div class="col-md-6 history-grid">
<div class="history-grid1">
<div class="history-grid-left">
<span> </span>
</div>
<div class="history-grid-right">
<h4>Dhaka Branch</h4>
<p>We Open in Jamalpur Branch in 2010</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="history-grid1">
<div class="history-grid-left1">
<span> </span>
</div>
<div class="history-grid-right">
<h4>Manikgonj Branch</h4>
<p>We Open in Jamalpur Branch in 2010</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="history-grid1">
<div class="history-grid-left2">
<span> </span>
</div>
<div class="history-grid-right">
<h4>Jamalpur Branch</h4>
<p>We Open in Jamalpur Branch in 2010</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="history-grid1">
<div class="history-grid-left3">
<span> </span>
</div>
<div class="history-grid-right">
<h4>Natore Branch</h4>
<p>We Open in Jamalpur Branch in 2010</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //history -->
<!-- lorum -->
<div class="lorum">
<div class="container">
<div class="lorum-info">
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<span>In lobortis, ante interdum vehicula</span></h3>
</div>
</div>
</div>
<!-- //lorum -->
<!-- about -->
<div id="about" class="about">
<div class="container">
<h3>ABOUT US</h3>
<div class="about-top-text">
<p>"We believe in a world where no child ever has to live on the streets"</p>
</div>
<p class="unique">Over the past 45 years,we worked in over 4 District to provide youth with practical,
hands-on-skills that they can apply to entrepreneurial endeavors and entry-level jobs.
We do not believe in providing hand-outs. Our goal is to provide sustainable skills
through education, which can be used over a long period of time. Through a unique
Train-the-Trainer model, Street Kids provides educational workshops on relevant
business skills to Master Trainers and Youth Workers based in developing countries.</p>
<div class="about-grids">
<div class="col-md-6 about-grid">
<h2>Child Friendly Stations</h2>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow
116_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （57个子文件） 
116 js 
jquery.wmuSlider.js 12KB jquery.magnific-popup.js 45KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB easyResponsiveTabs.js 6KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB css style.css 61KB popuo-box.css 7KB bootstrap.css 138KB swipebox.css 4KB
index.html 36KB images 
line1.png 3KB
2.jpg 89KB 10.jpg 10KB 10.png 4KB 9.png 4KB 3.png 6KB 13.jpg 6KB arrow.png 3KB menu.png 4KB 14.jpg 7KB 6.jpg 65KB banner.jpg 72KB 15.jpg 35KB logo.png 12KB 12.png 23KB 16.jpg 13KB 1.jpg 37KB 17.jpg 13KB img-sp.png 25KB line.png 3KB pencil.png 3KB sp.png 5KB 1.png 351KB 12.jpg 10KB eye.png 4KB 11.png 20KB 5.jpg 62KB 13.png 6KB 6.png 5KB
icons.svg 1KB footer-logo.png 12KB 8.jpg 54KB 5.png 5KB 4.png 5KB 11.jpg 7KB 8.png 5KB 7.png 5KB 3.jpg 52KB 7.jpg 72KB 2.png 5KB 14.png 23KB 9.jpg 45KB 4.jpg 66KB资源评论
