<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans+Condensed:300,700,300italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Styling 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>
<!-- //for-mobile-apps -->
<script src="js/jquery.min.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},900);
});
});
</script>
<!---- start-smoth-scrolling---->
</head>
<body>
<!-- header -->
<div id="home" class="banner">
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="search">
<form>
<input type="search" value="search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'search';}" required="">
<input type="submit" value=" ">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //header -->
<!-- navigation -->
<div class="navigation">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
<span class="icon-bar"> </span>
</button>
</div>
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home <span class="sr-only">(current)</span></a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="404.html">Blog</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<div class="social-icons">
<ul>
<li><a href="#" class="twi"> </a></li>
<li><a href="#" class="fb"> </a></li>
<li><a href="#" class="chec"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
<div class="banner-text">
<div class="container">
<h1>Awesome stylish designer girl</h1>
</div>
</div>
<div class="banner-bottom">
<div class="container">
<div class="col-md-4 banner-grid">
<div class="icon-right">
<img src="images/icon1.png" alt=""/>
</div>
<div class="text-left">
<ul>
<li><a href="#">Aliquam dapibus tincidunt</a></li>
<li><a href="#">Donec sollicitudin molestie</a></li>
<li><a href="#">Fusce feugiat malesuada odio</a></li>
<li><a href="#">Cum sociis natoque penatibus</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 banner-grid2">
<div class="icon-right2">
<img src="images/icon2.png" alt=""/>
</div>
<div class="text-left">
<ul>
<li><a href="#">Aliquam dapibus tincidunt</a></li>
<li><a href="#">Donec sollicitudin molestie</a></li>
<li><a href="#">Fusce feugiat malesuada odio</a></li>
<li><a href="#">Cum sociis natoque penatibus</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 banner-grid3">
<div class="icon-right3">
<img src="images/icon3.png" alt=""/>
</div>
<div class="text-left">
<ul>
<li><a href="#">Aliquam dapibus tincidunt</a></li>
<li><a href="#">Donec sollicitudin molestie</a></li>
<li><a href="#">Fusce feugiat malesuada odio</a></li>
<li><a href="#">Cum sociis natoque penatibus</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //navigation -->
<!--/header-->
<!--about-->
<div class="about">
<div class="container">
<div class="top-text">
<h3>Welcome</h3>
<h4>making it over 2000 years old. Richard McClintock, a Latin profe
ssor at Hampden-Sydney College in Virginia, looked</h4>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text.
It has roots in a piece of classical Latin literature from 45 BC,
making it over 2000 years old. Richard McClintock, a Latin profe
ssor at Hampden-Sydney College in Virginia, looked</p>
</div>
</div>
</div>
<!--works start here-->
<div class="work">
<div class="container">
<div class="work-main">
<div class="col-md-4 work-wrapper">
<a href="images/a3.jpg" class="b-link-stripe b-animate-go swipebox" title="Stylish Girl">
<img src="images/a3.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"> <span class="glyphicon glyphicon-search" aria-hidden="true"> </span> </h2>
</div></a>
<div class="work-details">
<h3>Sed perspiciatis</h3>
<p>plane is unbelivable</p>
</div>
</div>
<div class="col-md-4 work-wrapper">
<a href="images/a2.jpg" class="b-link-stripe b-animate-go swipebox" title="Stylish Girl">
<img src="images/a2.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"><span class="glyphicon glyphicon-search" aria-hidden="true"> </span></h2>
</div></a>
<div class="work-details">
<h3>Sed perspiciatis</h3>
<p>plane is unbelivable</p>
</div>
</div>
<div class="col-md-4 work-wrapper">
<a href="images/a1.jpg" class="b-link-stripe b-animate-go swipebox" title="Stylish Girl">
<img src="images/a1.jpg" alt="" class="img-responsive"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03"><span class="glyphicon glyphicon-search" aria-hidden="true"> </span></h2>
</div></a>
<div class="work-details">
<h3>Sed perspiciatis</h3>
<p>plane is unbelivable</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!--works end here-->
</div>
</div>
<!--/about-->
<!----------->
<div class="content-news">
<div class="container">
<h3 class="m_1"><span>SERVICES</span></h3>
<div class="news-left">
<div class="col-md-6 col-news-right">
<div class="col-bottom">
<h6>Claritas est etiam </h6>
<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
027_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （65个子文件） 
027 js 
bootstrap.js 66KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB nivo-lightbox.min.js 7KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 41KB magnific-popup.css 10KB bootstrap.css 138KB swipebox.css 4KB
404.html 7KB services.html 10KB index.html 15KB contact.html 9KB about.html 15KB images 
banner6.jpg 161KB
scercle.png 3KB pi2.jpg 8KB a2.jpg 16KB icon-sprite.png 5KB background2.png 3KB tick1.png 3KB img6.jpg 25KB prev.png 3KB icon1.png 6KB pi1.jpg 9KB mail.png 3KB logo.png 4KB img2.jpg 15KB a1.jpg 16KB img5.jpg 16KB a3.jpg 25KB pc2.jpg 28KB next.png 3KB search.png 3KB pi4.jpg 13KB img4.jpg 12KB pi7.jpg 14KB se.png 1KB img1.jpg 17KB pi3.jpg 13KB
icons.svg 1KB cir.png 3KB search1.png 3KB img-sprite.png 15KB img3.jpg 31KB tick.png 3KB close.png 3KB comts.png 3KB icon3.png 6KB pc1.jpg 19KB info-bg.jpg 99KB ab.jpg 11KB pi.jpg 14KB top-arrow.png 3KB pc.jpg 16KB pi6.jpg 7KB icon2.png 5KB fonts glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB gallery.html 10KB资源评论
