<!DOCTYPE HTML>
<html>
<head>
<title>Home </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- jquery plguin -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--start manu -->
<link href="css/flexy-menu.css" rel="stylesheet">
<script type="text/javascript" src="js/flexy-menu.js"></script>
<script type="text/javascript">$(document).ready(function(){$(".flexy-menu").flexymenu({speed: 400,type: "horizontal",align: "right"});});</script>
<!--start slider -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
maxwidth: 1600,
speed: 600
});
});
</script>
</head>
<body>
<!-- start sb-search -->
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="text" value="" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"></span>
</form>
</div>
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- start header -->
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.jpg" alt="" /></a>
</div>
<div class="h_right">
<h4>customer support 24/7: <span>+44 123 456 7891</span></h4>
<!-- start nav-->
<ul class="flexy-menu thick orange">
<li class="active">
<a href="index.html">
<span class="color">Home</span>
<i class="icon3"></i>
</a>
</li>
<li>
<a href="pages.html">
<span>Pages</span>
<i class="icon2"></i>
</a>
<ul>
<li><a href="index.html">Lorem Ipsum</a></li>
<li><a href="service.html">services</a>
<ul>
<li><a href="portfolio.html">Lorem Ipsum</a></li>
<li><a href="blog.html">news</a>
<ul>
<li><a href="blog.html">Lorem Ipsum</a></li>
<li><a href="blog.html">Lorem Ipsum</a></li>
<li><a href="blog.html">Lorem Ipsum</a></li>
</ul>
</li>
<li><a href="portfolio.html">portfolio</a></li>
</ul>
</li>
<li><a href="blog.html">news</a></li>
<li><a href="portfolio.html">portfolio</a></li>
</ul>
</li>
<li>
<a href="portfolio.html">
<span>Portfolio</span>
<i class="icon2"></i>
</a>
<ul>
<li><a href="portfolio.html">Portfolio 01</a></li>
<li><a href="portfolio.html">Portfolio 02</a></li>
<li><a href="portfolio.html">Portfolio 03</a>
<ul>
<li><a href="portfolio.html">Portfolio</a>
<ul>
<li><a href="portfolio.html">Portfolio 01</a></li>
<li><a href="portfolio.html">Portfolio 02</a></li>
<li><a href="portfolio.html">Portfolio 03</a></li>
<li><a href="portfolio.html">Portfolio 04</a></li>
</ul>
</li>
<li><a href="portfolio.html">portfolio</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio 04</a></li>
</ul>
</li>
<li>
<a href="blog.html">
<span>Blog</span>
<i class="icon3"></i>
</a>
</li>
<li class="last">
<a href="contact.html">
<span>Contact</span>
<i class="icon3"></i>
</a>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- start slider -->
<div class="slider">
<div class="image-slider">
<!-- Slideshow 1 -->
<ul class="rslides" id="slider1">
<li><img src="images/slider1.jpg" alt=""></li>
<li><img src="images/slider2.jpg" alt=""></li>
<li><img src="images/slider3.jpg" alt=""></li>
</ul>
<!-- Slideshow 2 -->
</div>
</div>
<!-- start main -->
<div class="main_bg">
<div class="wrap">
<div class="main">
<!-- start main_content -->
<div class="content">
<div class="content_left">
<div class="grids">
<ul class="list">
<li>
<div class="grid_img">
<a href="details.html">
<span class="next"> </span>
</a>
<img src="images/pic1.jpg" alt="" />
</div>
</li>
<li class="top">
<div class="grid_info">
<a href="details.html"><h3>salads can be light & healthy</h3></a>
<h4>looking for quality salad receipes?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. when an unknown printer took a galley of type and scrambled it to make specimen book. </p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="content_right">
<div class="grids">
<ul class="list1">
<li class="right">
<div class="grid_info">
<a href="details.html"><h3>here you can find beauty deserts!</h3></a>
<h4>looking for quality salad receipes?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p>
</div>
</li>
<li>
<div class="grid_img">
<a href="details.html">
<span class="next"> </span>
</a>
<img src="images/pic2.jpg" alt="" />
</div>
</li>
<div class="clear"></div>
</ul>
<ul class="list1">
<li>
<div class="grid_img">
<a href="details.html">
<span class="next"> </span>
</a>
<img src="images/pic3.jpg" alt="" />
</div>
</li>
<li class="left">
<div class="grid_info">
<a href="details.html"><h3>strawberry deserts design</h3></a>
<h4>looking for quality salad receipes?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p>
</div>
</li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<!-- start sidebar -->
<div class="sidebar top">
<!---start-da-slider----->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>Clean & Flat Design</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="da-link" href="details.html">meet our works </a>
</div>
<div class="da-slide">
<h2>recent projects</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="da-link" href="details.html">meet our works </a>
</div>
<div class="da-slide">
<h2>Clean & Flat Design</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="da-link" href="details.html">meet our works </a>
</div>
<div class="da-slide">
<h2>recent projects</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="da-link
266_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （66个子文件） 
266 
details.html 12KB portfolio.html 10KB pages.html 10KB js 
jquery.cslider.js 7KB flexy-menu.js 4KB responsiveslides.min.js 3KB uisearch.js 6KB modernizr.custom.28468.js 7KB classie.js 2KB tsc_accordion_toggle.js 3KB jquery.min.js 91KB service.html 10KB css style.css 36KB tsc_accordion_toggle.css 12KB flexy-menu.css 6KB da_slider.css 16KB index.html 17KB contact.html 9KB single.html 13KB images 
pic5.jpg 28KB pic6.jpg 32KB
lgoogle.png 601B blog-icon3.png 424B lin.png 407B down_arrow.png 286B f_pic6.jpg 5KB slider3.jpg 114KB down_arrow_h.png 293B art.png 687B arrow.png 271B f_pic4.jpg 4KB pic8.jpg 31KB cog.png 539B f_pic3.jpg 3KB f_pic1.jpg 3KB blog-icon5.png 481B pic4.jpg 23KB pic2.jpg 19KB next.png 627B left.png 3KB search.png 557B ltwitt.png 513B pic3.jpg 25KB f_pic2.jpg 3KB pic1.jpg 30KB lface.png 343B arrow_h.png 282B avatar.png 2KB slide-pagenat.png 782B soc_icons.png 13KB slider2.jpg 82KB top.png 3KB blog-icon4.png 306B str.png 704B blog-img2.jpg 30KB logo.jpg 27KB user_p.png 728B right.png 3KB lpin.png 659B blog-icon2.png 441B slider1.jpg 77KB pic7.jpg 24KB blog-icon1.png 527B blog-img1.jpg 78KB f_pic5.jpg 4KB blog.html 11KB资源评论
