<!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-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Google Fonts-->
<link href='#css?family=Hind:400,300' rel='stylesheet' type='text/css'>
<link href='#css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
<!--google fonts-->
<!-- 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>
<!-- //end-smoth-scrolling -->
<!-- animated-css -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- animated-css -->
<script src="js/bootstrap.min.js"></script>
<link href="css/galleryeffect.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!--banner start here-->
<div class="banner" id="home">
<div class="container">
<div class="banner-main wow bounceInDown" data-wow-delay="0.3s">
<h1>Lorem ipsum dolor sit amet</h1>
<span class="bann-line"> </span>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
<a href="#about" class="scroll"><span class="mover"> </span></a>
</div>
</div>
</div>
<!--banner start here-->
<!--header start here-->
<!-- NAVBAR
================================================== -->
<div class="header">
<div class="fixed-header">
<div class="navbar-wrapper">
<div class="container">
<nav class="navbar navbar-inverse navbar-static-top">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo wow slideInLeft" data-wow-delay="0.3s">
<a class="navbar-brand" href="index.html"><img src="images/logo-2.png" /></a>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<nav class="cl-effect-1">
<ul class="nav navbar-nav">
<li><a href="#home" class="active scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".header").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header").addClass("fixed");
}else{
$(".header").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
</div>
<div class="clearfix"> </div>
</nav>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--header end here-->
<!--about start here-->
<div class="about" id="about">
<div class="container">
<div class="about-main">
<div class="about-top wow fadeInDown" data-wow-delay="0.3s">
<h2>About</h2>
<span class="heading-line"> </span>
<p>Nemo enim ipsam voluptatem quia.</p>
</div>
<div class="about-bottom">
<div class="col-md-6 about-left wow fadeInLeft" data-wow-delay="0.3s">
<h4>Our Success</h4>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam.</p>
<div class="about-grid">
<div class="about-icon">
<a href="#" class="#"> <span class="learn"> </span> </a>
</div>
<div class="about-text">
<h5>Nor again is there anyone</h5>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="about-grid">
<div class="about-icon">
<a href="#" class="#"> <span class="degr"> </span> </a>
</div>
<div class="about-text">
<h5>Nor again is there anyone</h5>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="about-grid">
<div class="about-icon">
<a href="#" class="#"> <span class="ab-badge"> </span> </a>
</div>
<div class="about-text">
<h5>Nor again is there anyone</h5>
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-6 about-right wow fadeInRight" data-wow-delay="0.3s">
<img src="images/ab.jpg" class="img-responsive" alt="">
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--about end here-->
<!--team start here-->
<div class="team">
<div class="container">
<div class="team-main">
<div class="team-top wow fadeInDown" data-wow-delay="0.3s">
<h3>Our Team</h3>
<span class="heading-line"> </span>
<p>Nemo enim ipsam voluptatem quia.</p>
</div>
<div class="team-bottom wow fadeInRight" data-wow-delay="0.3s">
<div class="col-md-3 team-grids">
<!-- normal -->
<div class="ih-item circle effect5"><a href="#">
<div class="img"><img src="images/t1.jpg" alt="img" class="img-responsive"></div>
<div class="info">
<div class="info-back">
<h3>Malorum</h3>
</div>
</div></a></div>
<div class="team-bottom">
<p>On the other hand, we denounce with righteous indignation.</p>
<ul>
<li><a href="#" class="fa"> </a></li>
<li><a href="#" class="tw"> </a></li>
<li><a href="#" class="g"> </a></li>
</ul>
</div>
<!-- end normal -->
</div>
<div class="col-md-3 team-grids">
<!-- normal -->
<div class="ih-item circle effect5"><a href="#">
<div class="img"><img src="images/t2.jpg" alt="img" class="img-responsive"></div>
<div class="info">
<div class="info-back">
<h3>Bonorum</h3>
</div>
</div></a></div>
<div class="team-bottom">
<p>On the other hand, we denounce with righteous indignation.</p>
HTML5读书教育网站模板是一款适合教育培训机构单页网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar
69 浏览量
2023-08-04
13:09:46
上传
评论
收藏 1.27MB RAR 举报
HTML5读书教育网站模板是一款适合教育培训机构单页网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （56个子文件） 
HTML5读书教育网站模板是一款适合教育培训机构单页网站模板下载。 moban1312 js 
bootstrap.min.js 36KB easyResponsiveTabs.js 6KB easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB wow.min.js 5KB css style.css 31KB animate.css 67KB bootstrap.css 138KB galleryeffect.css 6KB
index.html 52KB images 
conatc.jpg 33KB
top_mover.png 4KB s2.png 30KB s1.jpg 33KB p9.jpg 22KB s2.jpg 33KB nav-arrow.png 5KB t3.jpg 7KB ftr-icons.png 13KB p8.jpg 33KB p4.jpg 34KB p6.jpg 27KB left.png 4KB a3.png 5KB ftr.png 4KB t1.jpg 12KB eye.png 1KB arrows.png 3KB p13.jpg 20KB p12.jpg 22KB t4.jpg 10KB f1.png 10KB a2.png 5KB a1.png 5KB p11.jpg 20KB p7.jpg 39KB t2.jpg 14KB p2.jpg 30KB t-icn.png 7KB ser-strip.jpg 30KB logo-2.png 5KB bann3.jpg 390KB p3.jpg 26KB s3.jpg 8KB ab.jpg 70KB p5.jpg 29KB p10.jpg 34KB s4.jpg 18KB arrow2.png 3KB p1.jpg 33KB 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资源评论
