<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- 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="Help 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 -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- header -->
<div class="header">
<div class="logo">
<a href="index.html"><i class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></i>Help<span>Helping Hands</span></a>
</div>
<div class="top-nav">
<span class="menu">Menu</span>
<ul class="nav">
<li class="active"><a class="index.html">Home</a></li>
<li><a class="scroll" href="#team" data-hover="Team">Team</a></li>
<li><a class="scroll" href="#services" data-hover="Services">Services</a></li>
<li><a class="scroll" href="#news" data-hover="News & Events">News & Events</a></li>
<li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li>
</ul>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
</div>
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="lang_list">
<select class="arrival">
<option>Dollor</option>
<option>Rupees</option>
<option>Euros</option>
</select>
</div>
<div class="clearfix"> </div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div class="container">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner-info">
<h1>eligendi optio cumque nihil impedit quo minus id </h1>
<p>Itaque earum rerum hic tenetur a sapiente delectus,
ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
</div>
</li>
<li>
<div class="banner-info">
<h1>consequatur optio cumque nihil impedit quo minus id </h1>
<p>Repellat earum rerum hic tenetur a sapiente delectus,
ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
</div>
</li>
<li>
<div class="banner-info">
<h1>Asperiores optio cumque nihil impedit quo minus id </h1>
<p>Delectus earum rerum hic tenetur a sapiente delectus,
ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
</div>
</li>
</ul>
</div>
</section>
<!--FlexSlider-->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</div>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
<div class="container">
<h3>Welcome !</h3>
<div class="line">
</div>
<p class="et">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="welcome-grids">
<div class="col-md-6 welcome-grid">
<div class="welcome-grid-left">
<h4>magnam aliquam quaerat voluptatem</h4>
<p>Adipisci velit, sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat voluptatem</p>
</div>
<div class="welcome-grid-right">
<img src="images/1.png" alt=" " class="img-responsive" />
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 welcome-grid">
<div class="welcome-grid-right aliquam">
<img src="images/2.png" alt=" " class="img-responsive" />
</div>
<div class="welcome-grid-left non">
<h4>magnam aliquam quaerat voluptatem</h4>
<p>Adipisci velit, sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat voluptatem</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="welcome-grids">
<div class="col-md-6 welcome-grid">
<div class="welcome-grid-left">
<h4>magnam aliquam quaerat voluptatem</h4>
<p>Adipisci velit, sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat voluptatem</p>
</div>
<div class="welcome-grid-right">
<img src="images/3.png" alt=" " class="img-responsive" />
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 welcome-grid">
<div class="welcome-grid-right aliquam">
<img src="images/4.png" alt=" " class="img-responsive" />
</div>
<div class="welcome-grid-left non">
<h4>magnam aliquam quaerat voluptatem</h4>
<p>Adipisci velit, sed quia non numquam eius modi tempora incidunt
ut labore et dolore magnam aliquam quaerat voluptatem</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //welcome -->
<!-- about -->
<div class="about">
<div class="container">
<div class="col-md-6 people-left">
<h3>Why People Choose Us</h3>
<div class="line glob">
</div>
<ul>
<li>
<div class="numer">1
</div>
<div class="numer-right">
<h4><a href="#">Donec et justo tincidunt</a>
<span>posuere elementum ante</span></h4>
<p> Etiam interdum nisi ligula, ultrices molestie augue molestie nec.
Phasellus at est vitae sapien vestibulum convallis ut vel lorem.
Ut mollis elementum dolor eu consequat.</p>
</div>
<div class="clearfix"> </div>
</li>
<li>
<div class="numer">2
</div>
<div class="numer-right">
<h4><a href="#">Donec et justo tincidunt</a>
<span>posuere elementum ante</span></h4>
<p> Etiam interdum nisi ligula, ultrices molestie augue molestie nec.
Phasellus at est vitae sapien vestibulum convallis ut vel lo
没有合适的资源?快使用搜索试试~ 我知道了~
简洁儿童特长培训班响应式bootstrap模板 bootstrap板_自适应响应式源码.rar
共29个文件
png:12个
js:4个
jpg:4个
0 下载量 58 浏览量
2023-08-05
14:13:17
上传
评论
收藏 2.34MB RAR 举报
温馨提示
简洁儿童特长培训班响应式bootstrap模板 bootstrap板_自适应响应式源码.rar
资源推荐
资源详情
资源评论
收起资源包目录
简洁儿童特长培训班响应式bootstrap模板_简洁 儿童 特长 培训 培训班 响应式 手机 单页 bootstrap板_自适应响应式源码.rar (29个子文件)
简洁儿童特长培训班响应式bootstrap模板_简洁 儿童 特长 培训 培训班 响应式 手机 单页 bootstrap w3 学校 教育 黄色 css3
ctps_393_pt
js
jquery.flexslider.js 40KB
uisearch.js 6KB
classie.js 2KB
jquery-1.11.1.min.js 94KB
css
style.css 25KB
flexslider.css 4KB
bootstrap.css 138KB
index.html 20KB
images
3.png 119KB
banner.jpg 652KB
1.jpg 68KB
img-sp.png 5KB
1.png 107KB
search.png 3KB
6.png 114KB
banner1.jpg 287KB
footer-icons.png 3KB
5.png 126KB
4.png 102KB
8.png 3KB
7.png 117KB
banner2.jpg 399KB
2.png 130KB
img-sp1.png 5KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 29 条
- 1
资源评论
2201_75761617
- 粉丝: 18
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功