<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--fonts-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//css?family=Righteous' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrztrdrnzbnl//css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/chocolat.css" rel="stylesheet">
<!-- 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="Arts School 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 -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<script src="js/modernizr.custom.97074.js"></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">
<div class="header-left">
<a href="index.html"><img src="images/logo.png" alt=""/><span>ARTS</span> SCHOOL</a>
</div>
<div class="header-right">
<span class="menu"><img src="images/menu.png" alt=""/></span>
<nav class="cl-effect-11" id="cl-effect-11">
<ul class="nav1">
<li><a class="scroll" href="#home" data-hover="HOME">HOME</a></li>
<li><a class="scroll" href="#about" data-hover="ABOUT">ABOUT</a></li>
<li><a class="scroll" href="#services" data-hover="SERVICES">SERVICES</a></li>
<li><a class="scroll" href="#team" data-hover="TEAM">TEAM</a></li>
<li><a class="scroll" href="#gallery" data-hover="GALLERY">GALLERY</a></li>
<li><a class="scroll" href="#contact" data-hover="CONTACT">CONTACT</a></li>
</ul>
</nav>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
<div class="clearfix"></div>
</div>
<!-- banner-slider -->
<div id="home" class="banner-slider">
<!-- responsiveslides -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: false,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- responsiveslides -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner one">
<div class="container">
<div class="banner-info">
<h3>KNOWLEDGE <span>|</span> HARD WORK <span>|</span> INTELLIGENCE</h3>
<h4><span>ARTS</span> SCHOOL</h4>
<p>Make Your Life Beautiful</p>
</div>
</div>
</div>
</li>
<li>
<div class="banner two">
<div class="container">
<div class="banner-info">
<h3>KNOWLEDGE <span>|</span> HARD WORK <span>|</span> INTELLIGENCE</h3>
<h4><span>ARTS</span> SCHOOL</h4>
<p>Make Your Life Beautiful</p>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="clearfix"></div>
<!-- //banner-slider -->
<!-- welcome -->
<div class="welcome">
<div class="container">
<div class="welcome-head">
<h3>WELCOME</h3>
<p>Nam libero tempore, cum soluta nobis est eligendi optio
cumque nihil impedit quo minus id quod maxime placeat facere
possimus, omnis voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam et aut officiis debitis aut rerum
necessitatibus saepe eveniet ut et voluptates repudiandae sint
et molestiae non recusandae.</p>
</div>
</div>
</div>
<!-- //welcome -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<h3>ABOUT </h3>
<div class="about-grids">
<div class="col-md-6 about-grid-right">
<img src="images/1.jpg" alt=" " class="img-responsive" />
</div>
<div class="col-md-6 about-grid-left">
<h4>eum fugiat quo voluptas nulla pariatur</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis
voluptatibus maiores alias consequatur aut perferendis doloribus
asperiores repellat.<span>Temporibus autem quibusdam et aut officiis debitis
aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et
molestiae non recusandae.</span></p>
<div class="about-grid-left-grids">
<div class="about-grid-left-grid">
<img src="images/2.jpg" alt=" " class="img-responsive" />
</div>
<div class="about-grid-left-grid">
<img src="images/3.jpg" alt=" " class="img-responsive" />
</div>
<div class="about-grid-left-grid">
<img src="images/12.jpg" alt=" " class="img-responsive" />
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- services -->
<div id="services" class="services1">
<div class="container">
<h3>SERVICES</h3>
<div class="servc-grids">
<div class="col-md-6 servc-grid">
<div class="servc-grid-left">
<span class="glyphicon glyphicon-education" aria-hidden="true"></span>
</div>
<div class="servc-grid-right">
<h4>cum soluta nobis est eligendi optio cumque nihil cons</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut
reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 servc-grid">
<div class="servc-grid-left">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</div>
<div class="servc-grid-right">
<h4>cum soluta nobis est eligendi optio cumque nihil cons</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut
reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 servc-grid">
<div class="servc-grid-left">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
</div>
<div class="servc-grid-right">
<h4>cum soluta nobis est eligendi optio cumque nihil cons</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut
reiciendis voluptatibus maiores alias consequatur aut perferendis
doloribus asperiores repellat.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 servc-grid">
<div class="servc-grid-left">
<sp
网页模板.rar （38个子文件） 
网页模板 css 
bootstrap.css 138KB chocolat.css 2KB style.css 26KB images 
g5.jpg 28KB 15.jpg 84KB 2.jpg 13KB t2.jpg 31KB 1.jpg 55KB banner3.jpg 174KB 3.jpg 10KB g1.jpg 26KB
right.png 3KB close.png 295B t3.jpg 4KB g4.jpg 21KB t1.jpg 27KB menu.png 531B g6.jpg 33KB logo.png 3KB 12.jpg 9KB g3.jpg 20KB left.png 3KB banner1.jpg 176KB arr.png 3KB t4.jpg 28KB g2.jpg 17KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 106KB
index.html 16KB js jquery.min.js 94KB move-top.js 1KB easing.js 5KB jquery.chocolat.js 10KB modernizr.custom.97074.js 8KB responsiveslides.min.js 3KB资源评论
程序画家
- 粉丝: 134
- 资源: 7
最新资源
- 19 工资发放明细表-可视化图表.xlsx
- 27 员工工资表（图表分析）.xlsx
- 23 财务报告工资数据图表模板.xlsx
- 22 财务报告工资数据图表模板.xlsx
- 24 工资表-年度薪资可视化图表.xlsx
- 26 财务分析部门工资支出图表.xlsx
- Python爬虫技术详解：从基础到实战.zip
- 25 工资费用支出表-可视化图表.xlsx
- 30公司各部门工资支出数据图表1.xlsx
- 29 员工月度工资支出数据图表.xlsx
- 28 工资表(自动计算，图表显示).xlsx
- 31 财务分析工资年度开支图表.xlsx
- 33 年度工资预算表（可视化看板）.xlsx
- 32 公司年度工资成本数据图表.xlsx
- 34 年度工资汇总-数据可视化看板.xlsx
- 36 财务报表新年度部门工资预算表.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
