<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</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="" />
<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/style.css" rel="stylesheet" type="text/css" media="all">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<!-- //css files -->
<!-- online-fonts -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext,vietnamese" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900iSource+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<!--light-box-files -->
<script>
$(function() {
$('.gallery-grid a').Chocolat();
});
</script>
<!-- //js -->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager:false,
nav: true,
speed: 1000,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</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 -->
</head>
<body>
<div class="header" id="home">
<div class="logo">
<a href="#"><h1>Education Hub</h1></a>
</div>
<!-- navigation -->
<div class="ban-top-con">
<div class="top_nav_left">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- 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" aria-expanded="false">
<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 menu--shylock" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav menu__list">
<li class="active menu__item menu__item--current"><a class="menu__link" href="index.html">Home <span class="sr-only">(current)</span></a></li>
<li class=" menu__item"><a class="menu__link scroll" href="#about">About us</a></li>
<li class=" menu__item"><a class="menu__link scroll" href="#management">Management</a></li>
<li class=" menu__item"><a class="menu__link scroll" href="#activities">Activities</a></li>
<li class=" menu__item"><a class="menu__link scroll" href="#faculties">Faculties</a></li>
<li class=" menu__item"><a class="menu__link scroll" href="#contact">contact</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="clearfix"></div>
</div>
<!-- //navigation -->
<!-- Slider -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="slider-img">
<img src="images/bg2.jpg" class="img-responsive" alt="education">
</div>
<div class="slider-info">
<h3>Education</h3>
<p>Education is the most powerful weapon which you can use to change the world.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bg3.jpg" class="img-responsive" alt="education">
</div>
<div class="slider-info">
<h3>Education</h3>
<p>The purpose of education is to replace an empty mind with an open one.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bg1.jpg" class="img-responsive" alt="education">
</div>
<div class="slider-info">
<h3>Education</h3>
<p>Education is the most powerful weapon which you can use to change the world.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bg4.jpg" class="img-responsive" alt="education">
</div>
<div class="slider-info">
<h3>Education</h3>
<p>The purpose of education is to replace an empty mind with an open one.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bg5.jpg" class="img-responsive" alt="education">
</div>
<div class="slider-info">
<h3>Education</h3>
<p>The goal of education is the advancement of knowledge and the dissemination of truth.</p>
</div>
</li
</ul>
</div>
<div class="clearfix"></div>
</div>
<!-- //Slider -->
</div>
<!--main-content-->
<div class="agile-main" id="about">
<div class="container">
<!--about-->
<div class="about">
<h2>about us</h2>
<h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 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.</h4>
<img src="images/su.jpg" alt="sucess">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat".</p>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat". </p>
</div>
<div class="clearfix"></div>
<!--//about-->
</div>
</div>
<!--meet our management-->
<div class="team" id="management">
<div class="container">
<h3>meet our management</h3>
<p>Lorem Ipsum is simply dummy text of the printing and industry.</p>
<div class="w3grids">
<div class="w3grid col-md-3">
<img src="images/t1.jpg" alt="team1" class="img1-w3l">
<h5>Jenny Doe</h5>
<p>Mauris lobortis mi at erat interdum faucibus malesuada.</p>
<div class="socialw3-icons">
<i class=" so1 fa fa-facebook" aria-hidden="true"></i>
<i class=" so2 fa fa-twitter" aria-hidden="true"></i>
<i class=" so3 fa fa-google" aria-hidden="true"></i>
</div>
</div>
<div class="w3grid col-md-3">
<img src="images/t2.jpg" alt="team1" class="img2-w3l">
<h5>Jade Doe</h5>
<p>Etiam id sollicitudin ligula. Curabitur eget eros ulmcorper.</p>
<div class="socialw3-icons">
<i class=" so1 fa fa-facebook" aria-hidden="true"></i>
<i class=" so2 fa fa-twitter" aria-hidden="true"></i>
<i class=" so3 fa fa-google" aria-hidden="true"></i>
</div>
</div>
<div
出国留学教育机构网页模板是一款适合跟教育有关的机构学校html5网站模板。_html网站模板_网页源码移动端前端_H5.rar
119 浏览量
2023-08-05
13:46:30
上传
评论
收藏 2.68MB RAR 举报
出国留学教育机构网页模板是一款适合跟教育有关的机构学校html5网站模板。_html网站模板_网页源码移动端前端_H5.rar （54个子文件） 
出国留学教育机构网页模板是一款适合跟教育有关的机构学校html5网站模板。 moban1551 js 
responsiveslides.min.js 3KB bootstrap-3.1.1.min.js 28KB jquery.chocolat.js 10KB easing.js 5KB move-top.js 1KB simplyCountdown.js 9KB jquery-2.1.4.min.js 82KB css style.css 48KB bootstrap.min.css 118KB font-awesome.min.css 28KB chocolat.css 2KB
index.html 21KB images 
g3.jpg 27KB g2.jpg 28KB cou.jpg 197KB bg5.jpg 167KB f4.jpg 14KB
arrow.png 639B g8.jpg 88KB f1.jpg 15KB cl.jpg 173KB man2.jpg 65KB t3.jpg 6KB f6.jpg 23KB bg1.jpg 258KB b3.jpg 93KB f3.jpg 16KB g7.jpg 27KB left.png 328B g6.jpg 54KB t1.jpg 10KB bg4.jpg 240KB t4.jpg 8KB g5.jpg 41KB close.png 3KB su.jpg 49KB bg3.jpg 150KB t2.jpg 11KB right.png 321B g4.jpg 21KB bg2.jpg 126KB g1.jpg 59KB g9.jpg 73KB fonts FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB 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资源评论
