<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,600,300,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<!-- header -->
<div class="banner1">
<div class="container">
<div class="header">
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-1">
<li><a href="index.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="technologies.html">technologies</a></li>
<li class="active"><a href="products.html">products</a></li>
<li><a href="404.html">news</a></li>
<li><a href="contact.html">contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="social">
<ul>
<li><a href="#"><i class="fb"></i></a></li>
<li><a href="#"><i class="twt"></i></a></li>
<li><a href="#"><i class="goog"></i></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="logo1">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
</div>
</div>
<!-- header -->
<!-- service -->
<div class="container">
<div class="products-section">
<!-- portfolio-section -->
<div class="portfolio" id="portfolio">
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/pic1.jpg" class="swipebox" title="Image Title"> <img src="images/pic1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/pic2.jpg" class="swipebox" title="Image Title"> <img src="images/pic2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/pic3.jpg" class="swipebox" title="Image Title"> <img src="images/pic3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/ser_pic1.jpg" class="swipebox" title="Image Title"> <img src="images/ser_pic1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/ser_pic2.jpg" class="swipebox" title="Image Title"> <img src="images/ser_pic2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/ser_pic3.jpg" class="swipebox" title="Image Title"> <img src="images/ser_pic3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/pic2.jpg" class="swipebox" title="Image Title"> <img src="images/pic2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/pic1.jpg" class="swipebox" title="Image Title"> <img src="images/pic1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="more2" href="#">Read More</a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/pic3.jpg" class="swipebox" title="Image Title"> <img src="images/pic3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
<h3>product Tittle</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<a class="
268_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （34个子文件） 
268 js 
jquery.swipebox.min.js 7KB jquery.flexslider.js 39KB modernizr.custom.js 9KB jquery.min.js 92KB css style.css 24KB flexslider.css 4KB bootstrap.css 118KB swipebox.css 4KB
404.html 3KB index.html 9KB contact.html 5KB about.html 5KB images 
plus1.png 4KB
2.jpg 180KB twt.png 3KB menu.png 3KB logo.png 9KB img2.jpg 13KB 1.jpg 208KB zoom.png 3KB banner3.jpg 763KB pic2.jpg 17KB ser_pic2.jpg 23KB pic3.jpg 19KB ser_pic1.jpg 19KB pic1.jpg 25KB
icons.svg 1KB ser_pic3.jpg 25KB img-sprite.png 6KB about_pic.jpg 50KB 3.jpg 188KB 4.jpg 30KB technologies.html 6KB products.html 10KB资源评论
