<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Kaisersosa Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod 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>
<link href='#css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="header-left">
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-1">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="404.html">Downloads</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"></div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="search2">
<form>
<input type="text" value="Search here.." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search here..';}">
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!-- header -->
<!-- banner -->
<div class="banner">
<div class="wmuSlider example1 section" id="section-1">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<h1>This is a welcometext and some cool words about yourhi-tech company’svalues or assets.</h1>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<h1>Yourhi-tech about company’svalues or assets. This is a welcometext and some cool words .</h1>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<h1>About yourhi-tech company’svalues or assets. This is a welcometext and some cool words.</h1>
</div>
</article>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<!-- script -->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
<!-- script -->
</div>
<!-- banner -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></div>
<!-- feature -->
<div class="feature">
<div class="col-md-8 feature-left">
<h3>Featured Products</h3>
<h2>Eodem modo typi, qui nunc nobis videntur</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p>
</div>
<div class="col-md-4 our-right">
<h4>Our Services</h4>
<img src="images/img2.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. </p>
<img src="images/img1.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. </p>
<div class="lear">
<a href="single.html" class="link">Learn More</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- feature -->
<!-- popular -->
<div class="popular">
<div class="col-md-8 popular-left">
<div class="twe-top">
<div class="twe">
<h3>Popular posts from Our Blog</h3>
</div>
<div class="twe-le">
<ul>
<li><h6><a href="#">Subscribe</a></h6></li>
<li><a href="#"><i class="rs"></i></a></li>
<li><h6><a href="#">More Posts</a></h6></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="popular-top">
<div class="pop-im">
<img src="images/img3.jpg" class="img-responsive" alt="" />
</div>
<div class="pop-dat">
<h4>Claritas est etiam processus dynamicus,qui sequitur mutationem</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</p>
<ul class="links">
<li><i class="date"> </i><span class="icon_text">July 10, 2015</span></li>
<li><a href="#"><i class="comt"> </i><span class="icon_text">8 comments</span></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="popular-top">
<div class="pop-im">
<img src="images/img4.jpg" class="img-responsive" alt="" />
</div>
<div class="pop-dat">
<h4>Claritas est etiam processus dynamicus,qui sequitur mutationem</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</p>
<ul class="links">
<li><i class="date"> </i><span class="icon_text">July 10, 2015</span></li>
<li><a href="#"><i class="comt"> </i><span class="icon_text">8 comments</span></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4 twets">
<div class="twe-top">
<div class="twe">
<h3>Our Tweets</h3>
</div>
<div class="twe-le">
<h6>Follow <a href="#">@kaiserinteract</a></h6>
</div>
<div class="clearfix"> </div>
</div>
<div class="twets-top">
<p>Upgrade to Creative Cloud today and save with this special offer:Sept 21</p>
<p>We’re pleased to announce our latest App of the Week - The for iPhone! Sept 21</p>
<p>Your approach to consistency & collaboration: Sept 21 </p>
<p>Upgrade to Creative Cloud today and save with this special offer:Sept 21</p>
<p>We’re pleased to announce our latest App of the Week - The for iPhone! Sept 21</p>
<p>Your approach to consistency & collaboration: Sept 21 </p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- downlod -->
<div class="downlod">
<div class="dow-top">
<div class="dow">
<h3>Download Center</h3>
</div>
<div class="dow-le">
<h6>Categories: <a href="#"> All </a>, <a href="#"> Marketing </a>, <a href="#"> Finances </a>, <a href="#"> Sales </a> </h6>
</div>
<div class="clearfix"> </div>
</div>
<ul id="flexiselDemo3">
<li>
<div class="t
珊瑚绿外贸贸易公司bootstrap模板_绿色 外贸 贸易 企业 整站 bootstrap 手机 公司 响应式 科技 .rar （55个子文件） 
珊瑚绿外贸贸易公司bootstrap模板_绿色 外贸 贸易 企业 整站 bootstrap 手机 公司 响应式 科技 渐变 ui cpts_60_gk js 
jquery.wmuSlider.js 12KB jquery.mixitup.min.js 14KB jquery.flexisel.js 8KB jquery.min.js 92KB css style.css 37KB bootstrap.css 118KB
404.html 4KB services.html 6KB index.html 13KB contact.html 6KB about.html 6KB single.html 8KB images 
co.png 2KB
2.jpg 101KB banner.png 362KB mark.png 3KB img6.jpg 18KB menu.png 3KB 6.jpg 129KB index-1_img-2.jpg 53KB logo.png 9KB back.jpg 101KB img2.jpg 35KB 1.jpg 162KB img5.jpg 18KB line.png 3KB foot.jpg 23KB img4.jpg 25KB index-1_img-3.jpg 44KB arrows.png 5KB 5.jpg 111KB rs.png 3KB img1.jpg 39KB index-1_img-1.jpg 44KB
icons.svg 1KB img7.jpg 188KB img-sprite.png 11KB img3.jpg 27KB sprit-1.png 3KB index-1_img-5.jpg 40KB 8.jpg 337KB ffb.png 7KB index-1_img-4.jpg 54KB arw.png 3KB dat.png 3KB p2.jpg 24KB p3.jpg 16KB twti.png 8KB dow-arow.png 6KB lik.png 3KB 3.jpg 88KB p1.jpg 16KB 4.jpg 105KB products.html 10KB blog.html 8KB资源评论
