<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<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="" />
<!-- css links -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/facultystyle.css" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!-- /css links -->
<link href='#css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<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=Raleway:400,300,500,600,700,800' rel='stylesheet' type='text/css'>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<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>
<a class="navbar-brand" href="index.html">Career Builder</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#myPage">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#gallery">GALLERY</a></li>
<li><a href="#faculty">FACULTY</a></li>
<li><a href="#events">EVENTS</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- /Fixed navbar -->
<!-- Banner -->
<div class="slider">
<div id="top" class="callbacks_container-wrap">
<ul class="rslides" id="slider3">
<li>
<div class="slider1"></div>
</li>
<li>
<div class="slider1 slider2"></div>
</li>
<li>
<div class="slider1 slider3"></div>
</li>
</div>
</div>
<!-- /Banner -->
<!-- About -->
<section id="about">
<div class="about">
<div class="container">
<div class="abouttop">
<h3>ABOUT</h3>
<label class="line"></label>
<h6>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. </h6>
<div class="col-md-3 col-sm-3 aboutleft">
<h4>A WORD ABOUT US</h4>
</div>
<div class="col-md-6 col-sm-6 aboutmiddle">
<div class="aboutleftbottom">
<p>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget ullamcorper ipsum. Suspendisse diam amet.</p>
<a href="#" data-toggle="modal" data-target="#myModal">EXPLORE</a>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
</div>
</div>
</div>
</div>
</div>
<img src="images/bb3.jpg">
</div>
<div class="col-md-3 col-sm-3 aboutright">
<div class="aboutrighttop">
<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='70000' data-delay='.5' data-increment="100">70000</div>
<label class="aline"></label>
<p class="stats-info">Students</p>
</div>
<div class="aboutrightbottom">
<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='600' data-delay='.5' data-increment="5">600</div>
<label class="aline"></label>
<p class="stats-info">Faculty</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="aboutbottom">
<div class="col-md-3 col-sm-3 aboutimg arrow">
<img src="images/b1.jpg">
</div>
<div class="col-md-3 col-sm-3 abouttext">
<h4>Library</h4>
<h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h5>
<p> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
<a href="#" data-toggle="modal" data-target="#myModal1">EXPLORE</a>
<!-- Modal -->
<div class="modal fade" id="myModal1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Library</h4>
<img src="images/b1m.jpg">
<h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 aboutimg arrow">
<img src="images/b2.jpg">
</div>
<div class="col-md-3 col-sm-3 abouttext">
<h4>Computer Lab</h4>
<h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h5>
<p> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
<a href="#" data-toggle="modal" data-target="#myModal2">EXPLORE</a>
<!-- Modal -->
<div class="modal fade" id="myModal2" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="but
国外教育教科书网站模板是一款适合教育培训类HTML5模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
77 浏览量
2023-08-05
14:13:11
上传
评论
收藏 2.34MB RAR 举报
国外教育教科书网站模板是一款适合教育培训类HTML5模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （53个子文件） 
国外教育教科书网站模板是一款适合教育培训类HTML5模板下载。 moban1331 js 
jquery.scrollTo.min.js 2KB responsiveslides.min.js 3KB bootstrap.min.js 36KB SmoothScroll.min.js 6KB numscroller-1.0.js 4KB common.js 15KB jquery.magnific-popup.min.js 21KB modernizr.custom.js 5KB jquery.localScroll.min.js 1KB jquery.min.js 94KB css style.css 55KB bootstrap.min.css 118KB facultystyle.css 4KB slider.css 5KB
index.html 32KB images 
background.jpg 18KB b1.jpg 40KB 2.jpg 16KB big2.jpg 139KB
img-sprite3.png 9KB footer.jpg 47KB 10.jpg 72KB bb3.jpg 48KB bl2.jpg 10KB b2.jpg 22KB 13.jpg 117KB big5.jpg 167KB big19.jpg 126KB big3.jpg 82KB banner.jpg 172KB t3.jpg 43KB banner3.jpg 255KB b2m.jpg 68KB b3.jpg 25KB t1.jpg 85KB 5.jpg 29KB bg.jpg 35KB b4.jpg 34KB t4.jpg 30KB clientbg.jpg 39KB big4.jpg 99KB t2.jpg 47KB bl4.jpg 22KB 19.jpg 19KB b3m.jpg 20KB 3.jpg 14KB 7.jpg 15KB big7.jpg 76KB banner2.jpg 81KB bl1.jpg 17KB b1m.jpg 118KB bl3.jpg 18KB 4.jpg 18KB资源评论
