<!DOCTYPE HTML>
<html>
<head>
<title>Services</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
<!------ light-box-script ----->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript" charset="utf-8">
$(function() {
$('.about-grid a').Chocolat({linkImages:false});
});
</script>
<!------ light-box-script ----->
</head>
<body>
<div class="header_about"> </div>
<div class="header-home">
<div class="fixed-header">
<div class="logo">
<a href="index.html">
<span class="secondary">Careers,skills</span>
<span class="main">Ability</span>
</a>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- script-nav -->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
<!-- //script-nav -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--script-->
<script>
$(document).ready(function(){
$(".top-nav li a").click(function(){
$(this).parent().addClass("active");
$(this).parent().siblings().removeClass("active");
});
});
</script>
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".header-home").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header-home").addClass("fixed");
}else{
$(".header-home").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
<!--//header-->
<div class="grid_4">
<div class="container">
<div class="about-grids service_box">
<div class="col-sm-3 about-grid">
<a href="images/s5.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic12.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-sm-3 about-grid">
<a href="images/s6.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic13.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-sm-3 about-grid">
<a href="images/s8.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic15.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-sm-3 about-grid">
<a href="images/s1.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic8.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="about-grids service_box">
<div class="col-sm-3 about-grid">
<a href="images/s7.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic14.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-sm-3 about-grid">
<a href="images/s9.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic16.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-sm-3 about-grid">
<a href="images/s10.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic17.jpg" class="img-responsive" alt=""/>
<div class="mask">
<div class="info"><img src="images/magnify-alt.png" alt=""></div>
</div>
</div>
</a>
<h3><a href="#">Duis autem</a></h3>
<p class="service_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-sm-3 about-grid">
<a href="images/s11.jpg" title="name" rel="title2">
<div class="view view-first">
<img src="images/pic18.jpg" c
html5pc静态模板 绿色宽屏校园教育css3动画网站模板 （含响应式）.zip
版权申诉
86 浏览量
2023-03-11
14:14:13
上传
评论
收藏 2.94MB ZIP 举报
html5pc静态模板 绿色宽屏校园教育css3动画网站模板 （含响应式）.zip （60个子文件） 
绿色宽屏校园教育css3动画网站模板 页面 js 
jquery.chocolat.js 10KB jquery-1.11.1.min.js 94KB wow.min.js 5KB css style.css 26KB animate.css 67KB bootstrap.css 118KB chocolat.css 2KB
services.html 13KB index.html 10KB contact.html 6KB about.html 11KB single.html 7KB images 
pic12.jpg 8KB pic5.jpg 8KB pic6.jpg 2KB pic15.jpg 8KB
close.gif 70B b1.jpg 16KB s5.jpg 13KB
more.png 3KB pic10.jpg 8KB b2.jpg 23KB s1.jpg 21KB s2.jpg 56KB s6.jpg 19KB pic8.jpg 8KB about.jpg 24KB menu.png 360B banner.jpg 183KB s12.jpg 13KB pic9.jpg 13KB s10.jpg 18KB pic16.jpg 5KB pic19.jpg 7KB pic18.jpg 7KB s7.jpg 13KB pic4.jpg 3KB b3.jpg 11KB pic2.jpg 9KB pic3.jpg 14KB s11.jpg 15KB b5.jpg 65KB pic1.jpg 9KB b4.jpg 18KB s9.jpg 9KB banner1.jpg 12KB magnify-alt.png 3KB pic11.jpg 7KB pic17.jpg 7KB s3.jpg 16KB pic7.jpg 2KB pic13.jpg 7KB pic14.jpg 6KB s4.jpg 41KB s8.jpg 63KB blog.html 8KB fonts css font-awesome.min.css 17KB fonts FontAwesome.otf 61KB fontawesome-webfont.ttf 79KB Home.png 2.02MB资源评论
