<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--bootstarp-css-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--/bootstarp-css -->
<!--css-->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--/css-->
<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="SITENAME 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>
<!--fonts-->
<link href='#css?family=Philosopher:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,100italic,300italic' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--js-->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.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---->
<!--/js-->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-in">
<div class="header-info">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""/></a>
</div>
<div class="header-right">
<div class="menu">
<span class="menu"> </span>
<ul class="navigatoin">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
<!--script-nav -->
<script>
$("span.menu").click(function(){
$("ul.navigatoin").slideToggle("slow" , function(){
});
});
</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>
<div class="clearfix"> </div>
<!-- /script-nav -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="header-info-down">
<div class="header-info-coe">
<a href="#"><img src="images/logo-1.png" class="img-responsive" alt=""/></a>
<h2>LOREM IPS UMD OLOR</h2>
<h1>DONEC-ACCUM</h1>
<p>Quisque nec nisi vehicula risus aliquam sed Ut pharetra luctus </p>
<a class="laorrent" href="#">LAORRET</a>
</div>
</div>
</div>
</div>
<!--/header-->
<div class="content">
<div class="container">
<div class="about">
<div class="about-info">
<div class="col-md-6 info">
<h3>Vehicula risus aliquam sed </h3>
<a href="#"><img src="images/girl.png" class="img-responsive" alt=""/></a>
<p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin consequat adipiscing non, pretium ut eros. Etiam ornare erat at Ligula ullamcorper, eu lobortis felis gravida. Etiam id interdum turpis.</p>
<a class="g-second-info-bottom" href="#">More</a>
</div>
<div class="col-md-6 intro">
<h3>Quisque convallis volutpat sem</h3>
<p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin</p>
<div class="lorem"><span>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. </span></div>
<div class="banner-bottom-in">
<div class="col-md-6 banner-bottom-left">
<ul>
<li><span><img src="images/r-arrow.png"></span>Lorem ipsum dolor sit amet</li>
<li><span><img src="images/r-arrow.png"></span>Donec in mauris iaculis, vive</li>
<li><span><img src="images/r-arrow.png"></span>Nunc quis sapien pretium, aliquet </li>
<li><span><img src="images/r-arrow.png"></span>Nulla faucibus libero id neque biben</li>
</ul>
</div>
<div class="col-md-6 banner-bottom-right">
<a href="#"><img src="images/girl-1.png" class="img-responsive" alt=""/></a>
</div>
<div class="clearfix"> </div>
</div>
<a class="g-second-info-top" href="#">More</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="sevices">
<div class="service-info">
<div class="col-md-8 sed">
<div class="sed-intro">
<h4>Vehicula risus aliquam sed </h4>
<p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin consequat adipiscing non, pretium ut eros. Etiam ornare erat at Ligula ullamcorper, eu lobortis felis gravida. Etiam id interdum turpis.</p>
<a class="sed-info-top" href="#">More</a>
</div>
<div class="sed-info">
<h4>Nam ultricies tincidunt urnaac</h4>
<p>Donec accumsan elit sed commodo faucibus. Phasellus neque nibh, lacinia ac rutrum ac, elementum id purus. Nullam nisl eros, sollicitudin consequat adipiscing non, pretium ut eros. Etiam ornare erat at Ligula ullamcorper, eu lobortis felis gravida. Etiam id interdum turpis.</p>
<a class="sed-info-bottom" href="#">More</a>
</div>
</div>
<div class="col-md-4 nibh">
<h4>Risus aliquamsed </h4>
<ul class="g-navgation">
<li class="g-navgation-left">
<img src="images/g-1.png" alt=""/>
</li>
<li class="g-navgation-right">
<p> accumsan elit sed commodo faucibus.</p>
<a href="#">+Read More</a>
</li>
<li class="g-navgation-left">
<img src="images/g-2.png" alt="" />
</li>
<li class="g-navgation-right">
<p> accumsan elit sed commodo faucibus.</p>
<a href="#">+Read More</a>
</li>
<li class="g-navgation-left">
<img src="images/g-3.png" alt="" />
</li>
<li class="g-navgation-right">
<p> accumsan elit sed commodo faucibus.</p>
<a href="#">+Read More</a>
</li>
<li class="g-navgation-left">
<img src="images/g-4.png" alt="" />
</li>
<li class="g-navgation-right">
<p> accumsan elit sed commodo faucibus.</p>
<a href="#">+Read More</a>
</li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="copy-rights">
<p>Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">åæ´ç½ç»æ·å®åº</a><a target="_blank" href="http://www.moobnn.com">ç½é¡µæ¨¡æ