<!DOCTYPE HTML>
<html>
<head>
<title>Projects</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.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>
</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---->
<!----- webfonts ------>
<link href='#css?family=Carrois+Gothic:400,100,600,300,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
<!----- webfonts ------>
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<!-- logo -->
<div class="logo">
<a href="index.html"><img src="./images/logo.png" title="carwash" /></a>
</div>
<!-- /logo -->
<!-- top-nav -->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li class="active"><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact us</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(1000);
});
});
</script>
<!-- script-for-nav -->
<!-- /top-nav -->
<div class="clearfix"> </div>
</div>
<!-- /header -->
</div>
<!----- //End-banner---->
<!----- /start-about---->
<div id="projects" class="Project">
<div class="project-section">
<div class="about-head">
<h3>Projects</h3>
<p><a href="index.html">Home</a> / Projects</p>
</div>
<div class="project-info">
<div class="container">
<div class="row">
<div class="col-md-8 Project-works">
<div class="projects">
<div class="project_grid">
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="project_grid grid1">
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<a href="#" class="project_btn">Read More</a>
</div>
<div class="col-md-4 project_grid1">
<h3 class="m_2">Special Info</h3>
<img src="./images/project.jpg" class="img-responsive" alt=""/>
<h5>Lorem ipsum dolor sit amet</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor,Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor,nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum</p>
<a href="#" class="project_btn">Read More</a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----- /start-services---->
<script src="./js/jquery.openCarousel.js" type="text/javascript"></script>
<script>
$( function() {
$( '#cbp-fwslider' ).cbpFWSlider();
} );
</script>
<div class="our-projects">
<div class="projects-content">
<div id="extensions" div class="ocarousel_slider">
<div class="ocarousel example_photos" data-ocarousel-perscroll="3">
<div class="ocarousel_window">
<a href="#" title="Hp"> <img src="./images/slide1.jpg" class="img-responsive" alt="" /></a>
<a href="#" title="Hp"> <img src="./images/slide3.png" class="img-responsive" alt="" /></a>
<a href="#" title="El pso"><img src="./images/slide2.png" class="img-responsive" alt="" /></a>
<a href="#" title="H
滨海城市旅游景区网站模板是一款html模板，适合旅游网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （42个子文件） 
滨海城市旅游景区网站模板是一款html模板，适合旅游网站模板下载。 moban839 js 
jquery.openCarousel.js 13KB menu.js 1KB easing.js 5KB move-top.js 1KB jquery.min.js 91KB css style.css 33KB bootstrap.css 118KB
projects.html 11KB index.html 8KB contact.html 7KB about.html 9KB images 
slide4.png 116KB slide2.png 97KB slide3.png 69KB arroiesw.png 6KB prev.png 613B slide5.png 113KB img-4.png 12KB img-3.png 10KB
banner.jpg 618KB project.jpg 104KB img-5.png 9KB logo.png 2KB social-icons.png 5KB slide1.jpg 34KB move-up.png 639B next.png 619B sub.png 454B img-6.png 8KB menu-icon.png 514B buton.png 370B img-7.png 12KB p2.jpg 36KB service-icons.png 15KB img-2.png 9KB img-1.png 8KB img-10.png 8KB img-8.png 9KB img-9.png 12KB comment.png 965B p1.jpg 38KB nav-icon.png 553B资源评论
