<!DOCTYPE html>
<html lang="en">
<head>
<title>About</title>
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/elastislide.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/modernizr.custom.63321.js"></script>
<script src="js/jquerypp.custom.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
<script src="js/jquery.elastislide.js"></script>
<script src="js/jquery.catslider.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script>
$(window).load ( function(){
$( '#mi-slider' ).catslider();
$( '#carousel' ).elastislide( {
orientation : 'vertical'
} );
});
$(window).load (
function(){$('#carousel1').carouFredSel({auto: false, prev: '.prev1',next: '.next1', width: 220, items: {
visible : {min: 1,
max: 1
},
height: 'auto',
width: 220,
}, responsive: true,
scroll: 1,
mousewheel: false,
swipe: {onMouse: false, onTouch: false}});
} );
$(document).ready(function(){
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body class="page1">
<!--==============================header=================================-->
<header>
<div class="container_12">
<div class="grid_12">
<h1><a href="index.html"><img src="images/logo.png" alt="Boo House"></a> </h1>
<div class="menu_block">
<nav class="" >
<ul class="sf-menu">
<li class="current"><a href="index.html">About</a></li>
<li><a href="index-1.html">Products</a></li>
<li><a href="index-2.html">Blog</a></li>
<li><a href="index-3.html">Recipes</a></li>
<li><a href="index-4.html">Contacts</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</header>
<!--==============================Content=================================-->
<div class="content"><div class="ic">More Website Templates @ TemplateMonster.com - September 21, 2013!</div>
<div class="container_12">
<div class="grid_8 prefix_2">
<div id="mi-slider" class="mi-slider">
<ul>
<li class=""><a href="#"><img src="images/fruit1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/fruit2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/fruit3.jpg" alt=""></a></li>
</ul>
<ul>
<li class=""><a href="#"><img src="images/veg1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/veg2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/veg3.jpg" alt=""></a></li>
</ul>
<ul>
<li class=""><a href="#"><img src="images/meat1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/meat2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/meat3.jpg" alt=""></a></li>
</ul>
<ul>
<li class=""><a href="#"><img src="images/dier1.jpg" alt=""></a></li>
<li><a href="#"><img src="images/dier2.jpg" alt=""></a></li>
<li><a href="#"><img src="images/dier3.jpg" alt=""></a></li>
</ul>
<nav>
<a href="#">fruits</a>
<a href="#">vegetables</a>
<a href="#">meat</a>
<a href="#">dairy</a>
</nav>
</div>
</div>
<div class="clear"></div>
<div class="grid_8">
<h3>Welcome to Organic Company</h3>
<img src="images/page1_img1.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p>Want to learn more about this freebie designed by TemplateMonster.com? Follow the <a href="http//blog.templatemonster.com/free-website-templates/">link</a></p>
<p><a href="http//www.templatemonster.com/category/agriculture-website-templates/" rel="nofollow">Find more themes of this kind at the category of premium Agriculture Website Templates.</a></p>
</div>
<div class="clear"></div>
Aliquam nibh ante, egestas id dictum a, commodo luctus libero. Praesent faucibus malesuada faucibus. Donecyl laoreet metus id laoreet malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetu orci sed nulla facilisis consequat. Curabitur vel lorem sit amet nulla ullamcorper fermentum.
<div class="grid_4 alpha">
<div class="banner maxheight">
<h3><a href="#">100% Eco & <br> Organic</a></h3>
</div>
<h3>Our Mission</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis erat mattis neque facilisis, sit amet ultriciesyt erat rutrum. Cras facilisis, nulla vel viverra auctor, leo ame magna sodales felis, quis malesuada.</p>
<ul class="list">
<li><a href="#">Duis massa elit, auctor non pellentesque vel.</a></li>
<li><a href="#">Nullam eget dignissim nisi, aliquam feugiat nibh. </a></li>
<li><a href="#">Ut nisi nibh, sagittis ut semper elementum.</a></li>
<li><a href="#">Pellentesque a odiohasellus vitae libero vel.</a></li>
<li><a href="#">Justo pretium dignissimteger semper in estgue.</a></li>
<li><a href="#"> In laoreet lacus eros, vel pulvinar urna ultut.</a></li>
</ul>
</div>
<div class="grid_4 omega">
<div class="banner b1 maxheight">
<h3><a href="#">Control of <br> the Quality </a></h3>
</div>
<h3>What We Offer</h3>
<p>Retrolom ipsum dolor sit met, consectetur ipiscing elit. In mollis erat mattis neque facilisis, sit amet ultriciesert erat rutrum. Bras facilisis, nulla vel viverra aucto ame magna sodales felis, quis nibh odio. </p>
<ul class="list">
<li><a href="#">Setrolis assa elit, auctor non reto lo. </a></li>
<li><a href="#">Master lam eget dignissim nliam feugiat nibherty. </a></li>
<li><a href="#">Do nisi nibh ut semper ntumertolillente derto.</a></li>
<li><a href="#">Sertloque a odiohasellus vitae libero velertlo fer.</a></li>
<li><a href="#">Monrilo sto pretium dignissimerwtoli moloer. </a></li>
<li><a href="#">Ontnteger semper in estgue destro.</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="grid_3 prefix_1">
<!-- Elastislide Carousel -->
<ul id="carousel" class="elastislide-list">
<li><a href="#"><img src="images/page1_img2.jpg" alt=""></a></li>
<li><a href="#"><img src="imag
水果网_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
46 浏览量
2023-08-03
10:36:52
上传
评论
收藏 3.67MB ZIP 举报
水果网_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （100个子文件） 
font-awesome.css 27KB style.css 8KB slider.css 7KB camera.css 6KB grid.css 5KB elastislide.css 3KB touchTouch.css 2KB form.css 2KB superfish.css 2KB reset.css 771B ie.css 442B fontawesome-webfont.eot 37KB
loading.gif 9KB preloader.gif 9KB PIE.htc 40KB
index.html 10KB index-2.html 8KB index-1.html 7KB index-4.html 6KB index-3.html 6KB favicon.ico 97KB
big5.jpg 503KB big9.jpg 477KB big3.jpg 450KB big2.jpg 440KB big1.jpg 293KB big4.jpg 165KB big7.jpg 156KB big8.jpg 137KB big10.jpg 100KB big6.jpg 72KB page2_img4.jpg 38KB page2_img7.jpg 37KB page2_img9.jpg 35KB page2_img3.jpg 32KB page3_img3.jpg 32KB page4_img3.jpg 31KB page2_img2.jpg 31KB page2_img5.jpg 29KB page3_img2.jpg 29KB page4_img2.jpg 28KB page2_img8.jpg 27KB page3_img4.jpg 27KB page1_img4.jpg 26KB page4_img1.jpg 25KB page2_img10.jpg 22KB fruit1.jpg 22KB veg1.jpg 21KB meat1.jpg 20KB page1_img3.jpg 19KB meat3.jpg 18KB page1_img2.jpg 18KB page2_img1.jpg 17KB meat2.jpg 16KB veg3.jpg 16KB dier1.jpg 16KB veg2.jpg 16KB dier2.jpg 15KB page2_img6.jpg 15KB fruit3.jpg 15KB page3_img1.jpg 14KB fruit2.jpg 13KB dier3.jpg 13KB page3_img6.jpg 10KB page3_img5.jpg 4KB page1_img1.jpg 4KB page3_img7.jpg 2KB jquery.js 90KB camera.js 68KB jquery.carouFredSel-6.1.0-packed.js 36KB jquery.elastislide.js 19KB jquery.mobile.customized.min.js 17KB modernizr.custom.63321.js 8KB jquerypp.custom.js 8KB jquery.easing.1.3.js 8KB jquery-migrate-1.1.1.js 7KB touchTouch.jquery.js 6KB forms.js 6KB jquery.touchSwipe.min.js 4KB jquery.catslider.js 4KB superfish.js 4KB html5shiv.js 2KB jquery.ui.totop.js 2KB jquery.equalheights.js 1KB FontAwesome.otf 60KB
header_bg.png 21KB logo.png 6KB banner_icon1.png 6KB totop.png 5KB banner_icon2.png 4KB magnify.png 3KB prevnext.png 2KB arrowws.png 2KB prevnext1.png 2KB link_marker.png 1KB marker.png 1KB amrker_2.png 1KB
fontawesome-webfont.svg 193KB fontawesome-webfont.ttf 77KB fontawesome-webfont.woff 43KB共 100 条
- 1
资源评论
