<!--Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html lang="zxx">
<head>
<title>Handout a Society Category Bootstrap Responsive Web Template | Home :: w3layouts</title>
<!-- Meta tag Keywords -->
<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="Handout Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->
<!-- css files -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <!-- Bootstrap-Core-CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<link href="css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" /> <!-- Banner-Slider-CSS -->
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all" /> <!-- Nav-CSS -->
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all"/> <!-- Owl-Carousel-CSS -->
<link href="css/lsb.css" rel="stylesheet" type="text/css"> <!-- gallery-css -->
<!-- //css files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800&subset=latin-ext" rel="stylesheet">
<!-- //online-fonts -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<!-- /js files -->
</head>
<body>
<!-- banner section -->
<section class="banner-w3ls">
<div class="banner-w3l-mk">
<div class="logo-w3ls">
<a href="index.html"><h1><i class="fa fa-gratipay" aria-hidden="true"></i>Handout</h1></a>
</div>
<div class="w3_agileits_header_text">
<h3>Call Us: 012 345 6789<i class="fa fa-mobile" aria-hidden="true"></i></h3>
</div>
<div class="clearfix"></div>
</div>
<div class="navigation-w3ls">
<button id="trigger-overlay" type="button"><i class="fa fa-bars" aria-hidden="true"></i></button>
<div class="overlay overlay-door">
<button type="button" class="overlay-close"><i class="fa fa-times" aria-hidden="true"></i></button>
<nav>
<ul>
<li><a href="index.html" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About Us</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#features" class="scroll">Features</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#team" class="scroll">Volunteers</a></li>
<li><a href="#mail" class="scroll">Mail Us</a></li>
</ul>
</nav>
</div>
</div>
<div class="pogoSlider" id="js-main-slider">
<div class="pogoSlider-slide" data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/banner1.jpg);">
<div class="pogoSlider-slide-element">
<div class="container">
<h3>They are Humans as Well</h3>
<p>Lorem ipsum dolor sit amet, adipiscing elit.</p>
<ul class="banner-agileits">
<li><a href="#readmore" class="link-w3l1" data-toggle="modal">Read More</a></li>
<li><a href="#mail" class="link-w3l2 scroll">Contact Us</a></li>
</ul>
<a href="#about" class="btn btn-circle scroll">
<i class="fa fa-hand-o-down" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/banner2.jpg);">
<div class="pogoSlider-slide-element">
<div class="container">
<h3>Together We Can Stop poverty!</h3>
<p>Lorem ipsum dolor sit amet, adipiscing elit.</p>
<ul class="banner-agileits">
<li><a href="#readmore" class="link-w3l1" data-toggle="modal">Read More</a></li>
<li><a href="#mail" class="link-w3l2 scroll">Contact Us</a></li>
</ul>
<a href="#about" class="btn btn-circle scroll">
<i class="fa fa-hand-o-down" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/banner3.jpg);">
<div class="pogoSlider-slide-element">
<div class="container">
<h3>We Can Make Smile!</h3>
<p>Lorem ipsum dolor sit amet, adipiscing elit.</p>
<ul class="banner-agileits">
<li><a href="#readmore" class="link-w3l1" data-toggle="modal">Read More</a></li>
<li><a href="#mail" class="link-w3l2 scroll">Contact Us</a></li>
</ul>
<a href="#about" class="btn btn-circle scroll">
<i class="fa fa-hand-o-down" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="pogoSlider-slide " data-transition="verticalSlide" data-duration="2000" style="background-image:url(images/banner4.jpg);">
<div class="pogoSlider-slide-element">
<div class="container">
<h3>Education For Every Kid!</h3>
<p>Lorem ipsum dolor sit amet, adipiscing elit.</p>
<ul class="banner-agileits">
<li><a href="#readmore" class="link-w3l1" data-toggle="modal">Read More</a></li>
<li><a href="#mail" class="link-w3l2 scroll">Contact Us</a></li>
</ul>
<a href="#about" class="btn btn-circle scroll">
<i class="fa fa-hand-o-down" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div><!-- //pogoSlider -->
<div class="modal fade" id="readmore" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Handout</h4>
</div>
<div class="modal-body">
<div class="col-lg-6 col-md-6 col-sm-12">
<img class="img-responsive team-agile" src="images/model.jpg" alt="">
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum interdum aliquet. Nam eleifend ac augue in aliquet. Maecenas ac molestie mi. Nam tincidunt pretium dolor, eu placerat elit. Duis nec luctus dolor. Ut a diam metus. Aenean fringilla purus enim, non pharetra eros blandit in. Suspendisse tellus quam, vestibulum vel urna vitae, sagittis consectetur dui. </p>
</div>
<div class="clearfix"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- //modal-content -->
</div><!-- //modal-dialog -->
</div><!-- //modal -->
</section>
<!-- //banner section -->
<!-- About -->
<div class="stats" id="about">
<div class="container">
<h3 class="w3l-title"><span>A</span>bout <span>U</span>s</h3>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do consectetur adipiscing elit, eiusmod tempor incididunt ut labore et dolore magna aliqua".</P>
<div class="stats-info">
<div class="col-md-3 col-sm-3 col-xs-6 stats-grid slideanim">
<i class="fa fa-facebook" aria-hidden="true"></i><div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='1200' data-delay='.5' data-increment="1">1200</div>
<h4 class="stats-info">Likes</h4>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 stats-grid slideanim">
<i class="fa fa-twitter" aria
[web前端]&[课程设计]&[网站源码]-儿童福利救助响应式网页模板.7z （63个子文件） 
[web前端]&[课程设计]&[网站源码]-儿童福利救助响应式网页模板 html js 
bootstrap.js 68KB jquery.pogo-slider.min.js 27KB SmoothScroll.min.js 13KB numscroller-1.0.js 4KB main.js 907B modernizr.js 15KB lsb.min.js 6KB easing.js 5KB classie.js 2KB move-top.js 1KB owl.carousel.js 37KB jquery-2.1.4.min.js 82KB demo1.js 1KB css style.css 46KB owl.carousel.css 8KB lsb.css 12KB font-awesome.css 37KB pogo-slider.min.css 34KB bootstrap.css 138KB nav.css 3KB
index.html 32KB images 
2.jpg 88KB 10.jpg 46KB f4.jpg 52KB f2.jpg 61KB f1.jpg 70KB 6.jpg 27KB banner4.jpg 111KB f5.jpg 88KB t3.jpg 16KB f6.jpg 68KB banner3.jpg 213KB fo6.jpg 3KB f3.jpg 46KB t1.jpg 23KB fo2.jpg 3KB 5.jpg 50KB bg.jpg 73KB fo5.jpg 2KB t4.jpg 10KB fo3.jpg 4KB banner1.jpg 119KB ab2.jpg 16KB 8.jpg 69KB fo1.jpg 4KB t2.jpg 17KB f7.jpg 83KB ab.jpg 104KB 3.jpg 67KB 7.jpg 62KB banner2.jpg 213KB fo4.jpg 3KB model.jpg 53KB 9.jpg 52KB 4.jpg 40KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- 3b116应急物资供应管理系统_springboot+vue.zip
- 3b119灾情救援系统_springboot+vue0.zip
- 3b117应急知识学习系统_springboot+vue.zip
- 产品展示交易平台源代码.zip
- Win64OpenSSL 工具
- 3b118员工日志管理信息系统_springboot+vue.zip
- 车票网上预订系统源代码.zip
- 宠物系统源代码.zip
- 大创管理系统源代码.zip
- 3b120在线仓库_springboot+vue0.zip
- 3b121在线考试系统_springboot+vue.zip
- 大学生就业招聘系统源代码.zip
- 电影评论网站系统源代码.zip
- 房产销售系统源代码.zip
- 蓝桥杯赛场资源包里的LCD驱动和芯片资源包V1.2、V1.3、V1.4 其余资料自行下载，全部资料太大了上传不了
- 3b122智能排课系统_springboot+vue.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
