<!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="Attention Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android 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 -->
<!--script-->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files-->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.gallery-grid a').Chocolat();
});
</script>
<!--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 -->
<link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Questrial' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- header -->
<div class="header-top">
<div class="container">
<div class="header-top-left">
<p>But who has any right to find fault with a man.</p>
</div>
<div class="header-top-right">
<form>
<i class="glyphicon glyphicon-search" aria-hidden="true"></i><input type="text" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here...';}" required="">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="header">
<div class="container">
<div class="header-left">
<a href="index.html"><i class="glyphicon glyphicon-book" aria-hidden="true"></i>Attention <span>Best Liabrary Center</span></a>
</div>
<div class="header-left1">
<ul>
<li><i class="glyphicon glyphicon-earphone" aria-hidden="true"></i>Contact Us</li>
<li>+2000 890 560</li>
</ul>
</div>
<div class="header-right">
<ul>
<li><a href="#" class="facebook"></a></li>
<li><a href="#" class="twitter"></a></li>
<li><a href="#" class="be"></a></li>
<li><a href="#" class="p"></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div class="container">
<div class="banner-info">
<h1>Change is the end result<span> of all true learning.</span></h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor.</p>
<ul class="social-icons">
<li><a href="#" class="facebook"></a></li>
<li><a href="#" class="twitter"></a></li>
<li><a href="#" class="be"></a></li>
<li><a href="#" class="p"></a></li>
</ul>
</div>
</div>
</div>
<!-- //banner -->
<!-- header-nav -->
<div class="header-nav">
<div class="container">
<div class="header-nav-bottom">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#news" class="scroll">News & Events</a></li>
<li><a href="#gallery" class="scroll">Photo Gallery</a></li>
<li><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
<!-- //header-nav -->
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<div class="banner-bottom-grids">
<div class="col-md-6 banner-bottom-grid-left">
<h3>vel illum qui dolorem eum fugiat quo voluptas nulla pariatur magna aliqua</h3>
<div class="banner-bottom-grid-left-grids">
<div class="col-md-6 banner-bottom-grid-left-grdl">
<div class="banner-bottom-grid-fig">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</div>
<p>To take a trivial example, which of us ever undertakes
laborious physical exercise.</p>
</div>
<div class="col-md-6 banner-bottom-grid-left-grdl">
<div class="banner-bottom-grid-fig">
<span class="glyphicon glyphicon-education" aria-hidden="true"></span>
</div>
<p>To take a trivial example, which of us ever undertakes
laborious physical exercise.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="more">
<a href="#" class="hvr-shadow-radial">For More Info...</a>
</div>
</div>
<div class="col-md-6 banner-bottom-grid-right">
<div class="banner-bottom-grid-right1">
<div class="col-xs-4 banner-bottom-grid-right1-left">
<span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span>
</div>
<div class="col-xs-8 banner-bottom-grid-right1-right">
<h4>which of us ever undertakes
laborious physical exercise</h4>
</div>
<div class="clearfix"></div>
<p>But I must explain to you how all this mistaken idea of denouncing
pleasure and praising pain was born.</p>
</div>
<div class="banner-bottom-grid-right2">
<div class="col-md-6 banner-bottom-grid-right2-grid1">
<span class="glyphicon glyphicon-send" aria-hidden="true"></span>
<p>But I must explain to you how all this mistaken idea.</p>
</div>
<div class="col-md-6 banner-bottom-grid-right2-grid2">
<span class="glyphicon glyphicon-book" aria-hidden="true"></span>
<p>But I must explain to you how all this mistaken idea.</p>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //banner-bottom -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="about-grids">
<div class="col-md-6 about-grid-left">
<img src="images/1.jpg" alt=" " class="img-responsive" />
</div>
<div class="col-md-6 about-grid-right">
<h3>To take a trivial example, which of us ever
physical exercise, except exercitationem</h3>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur nihil molestiae consequatur,
vel illum.</p>
<div class="more">
<a href="#" class="hvr-shadow-radial">Learn More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- testimonials -->
没有合适的资源?快使用搜索试试~ 我知道了~
关于儿童教育的网站模板下载是一款单页大气风格的HTML5网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar
共45个文件
jpg:20个
png:8个
js:8个
0 下载量 62 浏览量
2023-08-05
15:34:29
上传
评论
收藏 1.28MB RAR 举报
温馨提示
关于儿童教育的网站模板下载是一款单页大气风格的HTML5网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar
资源推荐
资源详情
资源评论
收起资源包目录
关于儿童教育的网站模板下载是一款单页大气风格的HTML5网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar (45个子文件)
关于儿童教育的网站模板下载是一款单页大气风格的HTML5网站模板下载。
moban1151
js
bootstrap.js 66KB
modernizr.custom.97074.js 8KB
jquery.chocolat.js 10KB
jquery.hoverdir.js 5KB
easing.js 5KB
move-top.js 1KB
jquery-1.11.1.min.js 94KB
jquery.flexisel.js 8KB
css
style.css 35KB
bootstrap.css 138KB
chocolat.css 2KB
index.html 23KB
images
4-.jpg 14KB
2.jpg 7KB
10.jpg 37KB
3.png 136KB
13.jpg 19KB
arrow.png 3KB
14.jpg 13KB
6.jpg 24KB
banner.jpg 235KB
15.jpg 7KB
16.jpg 13KB
1.jpg 39KB
3-.jpg 21KB
img-sp.png 6KB
1.png 126KB
left.png 3KB
12.jpg 71KB
5.jpg 35KB
2-.jpg 12KB
close.png 295B
8.jpg 46KB
11.jpg 71KB
right.png 3KB
3.jpg 12KB
7.jpg 60KB
2.png 140KB
9.jpg 14KB
4.jpg 8KB
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
共 45 条
- 1
资源评论
woisking2
- 粉丝: 11
- 资源: 6723
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 5uonly.apk
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
- 基于MIC+NE555光敏电阻的声光控电路Multisim仿真原理图
- 基于JSP毕业设计-基于WEB操作系统课程教学网站的设计与实现(源代码+论文).zip
- 基于LM324和LM386的音响放大器Multisim仿真+PCB电路原理图
- Python机器学习与数据挖掘环境配置与库验证
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功