<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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" />
<!--slider-->
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</head>
<body>
<div class="wrap-box"> </div>
<div class="header">
<div class="wrap">
<div class="header-top">
<div class="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="about.html"><span>About us</span></a></li>
<li class="has-sub"><a href="services.html"><span>Services</span></a></li>
<li><a href="gallery.html"><span>Gallery</span></a></li>
<li class="last"><a href="contact.html"><span>Contact</span></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="logo">
<h1><a href="index.html">Smarty</a></h1>
</div>
<div class="clear"></div>
</div>
</div>
<!------ Slider ------------>
<div class="slider">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="images/banner5.jpg" alt="" />
<img src="images/banner2.jpg" alt="" />
<img src="images/banner3.jpg" alt="" />
<img src="images/banner4.jpg" alt="" />
<img src="images/banner1.jpg" alt="" />
</div>
</div>
</div>
</div>
<!------End Slider ------------>
<div class="main">
<div class="wrap">
<div class="content-top">
<div class="section group">
<div class="col_1_of_3 span_1_of_3">
<div class="thumb-pad2">
<div class="thumbnail">
<h4>Lorem ipsum dolor sit</h4>
<figure><img src="images/pic.jpg" alt=""></figure>
<div class="caption">
<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</p>
<a href="#" class="btn-default btn1">Read more</a>
</div>
</div>
</div>
</div>
<div class="col_1_of_3 span_1_of_3">
<div class="thumb-pad2">
<div class="thumbnail">
<h4>Lorem ipsum dolor sit</h4>
<figure><img src="images/pic1.jpg" alt=""></figure>
<div class="caption">
<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</p>
<a href="#" class="btn-default btn1">Read more</a>
</div>
</div>
</div>
</div>
<div class="col_1_of_3 span_1_of_3">
<div class="thumb-pad2">
<div class="thumbnail">
<h4>Lorem ipsum dolor sit</h4>
<figure><img src="images/pic2.jpg" alt=""></figure>
<div class="caption">
<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</p>
<a href="#" class="btn-default btn1">Read more</a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" title="网站模板">网站模板</a></div>
<div class="content-middle">
<div class="section group example">
<div class="col_1_of_2 span_1_of_2">
<img src="images/pic4.jpg" alt=""/>
<h4>Lorem Ipsum is simply dummy text </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore magna aliqua velit .</p>
<a href="#" class="btn-default btn1">Read more</a>
</div>
<div class="col_1_of_2 span_1_of_2">
<div class="listview_1_of_2 images_1_of_2">
<div class="listimg listimg_2_of_1">
<img src="images/pic5.jpg">
</div>
<div class="text list_2_of_1">
<h3><span>Consectetur</span> adipisicing elit</h3>
<h4>Sed ut perspiciatis undeaccusantium .</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.</p>
</div>
<div class="clear"></div>
</div>
<div class="listview_1_of_2 images_1_of_2">
<div class="listimg listimg_2_of_1">
<img src="images/pic6.jpg">
</div>
<div class="text list_2_of_1">
<h3><span>Consectetur</span> adipisicing elit</h3>
<h4>Sed ut perspiciatis undeaccusantium .</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.</p>
</div>
<div class="clear"></div>
</div>
<div class="listview_1_of_2 images_1_of_2">
<div class="listimg listimg_2_of_1">
<img src="images/pic7.jpg">
</div>
<div class="text list_2_of_1">
<h3><span>Consectetur</span> adipisicing elit</h3>
<h4>Sed ut perspiciatis undeaccusantium .</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.</p>
</div>
<div class="clear"></div>
</div>
<div class="listview_1_of_last images_1_of_2">
<div class="listimg listimg_2_of_1">
<img src="images/pic3.jpg">
</div>
<div class="text list_2_of_1">
<h3><span>Consectetur</span> adipisicing elit</h3>
<h4>Sed ut perspiciatis undeaccusantium .</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="wrap">
<div class="footer-top">
<div class="col_1_of_4 span_1_of_4">
<h3>INFORMATION</h3>
<ul class="first">
<li><a href="#">Contact</a></li>
<li><a href="#">Terms and conditions</a></li>
<li><a href="#">Legal Notice</a></li>
</ul>
</div>
<div class="col_1_of_4 span_1_of_4">
<h3>CATEGORIES</h3>
<ul class="first">
<li><a href="#">New products</a></li>
<li><a href="#">top sellers</a></li>
<li><a href="#">Specials</a></li>
</ul>
</div>
<div class="col_1_of_4 span_1_of_4">
<h3>My ACCOUNT</h3>
<ul class="first">
<li><a href="#">Your Account</a></li>
<li><a href="#">Personal info</a></li>
<li><a href="#">Prices</a></li>
</ul>
</div>
<div class="col_1_of_4 span_1_of_4 footer-lastg
1094js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （67个子文件） 
1094 js 
ios-orientationchange-fix.js 2KB jquery.swipebox.min.js 7KB jquery-1.9.0.min.js 91KB jquery.nivo.slider.js 28KB
1.jpg 112KB css style.css 33KB slider.css 3KB swipebox.css 4KB
services.html 8KB index.html 9KB contact.html 5KB about.html 8KB images pic12.jpg 34KB pic5.jpg 7KB pic20.jpg 26KB pic6.jpg 8KB pic15.jpg 34KB pic.jpg 13KB
tw.png 4KB pic10.jpg 35KB prev.png 299B g+.png 4KB
pattern.gif 19KB pic8.jpg 18KB banner4.jpg 110KB loading.gif 302B t-pic17.jpg 60KB pic9.jpg 17KB pic22.jpg 27KB t-pic19.jpg 78KB pic16.jpg 17KB zoom.png 3KB pic19.jpg 23KB pic18.jpg 22KB list-arrow.gif 305B banner3.jpg 122KB pic4.jpg 27KB pic2.jpg 26KB pic23.jpg 20KB pic21.jpg 29KB t-pic22.jpg 81KB pic3.jpg 7KB fb.png 3KB t-pic16.jpg 51KB pic1.jpg 15KB t-pic18.jpg 59KB t-pic20.jpg 76KB banner1.jpg 75KB banner5.jpg 147KB list.png 3KB t-pic23.jpg 46KB t-pic21.jpg 110KB pic11.jpg 26KB rss.png 4KB marker.png 3KB marker2.png 3KB l-r-arrows.png 305B pic17.jpg 22KB icons.png 300B pic7.jpg 7KB pic13.jpg 28KB pic14.jpg 35KB banner2.jpg 126KB loader.gif 301B comment.png 4KB fonts BebasNeue-webfont.ttf 48KB gallery.html 7KB资源评论
