<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>free website template - templatemo.com</title>
<meta name="keywords" content="fruit mix, products, free css templates, web design, templatemo" />
<meta name="description" content="Fruit Mix (Product Page) - Free CSS Template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES \\\\\\\-->
<link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
<!--////// END \\\\\\\-->
<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER \\\\\\\-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/piroBox.1_2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().piroBox({
my_speed: 600, //animation speed
bg_alpha: 0.7, //background opacity
radius: 4, //caption rounded corner
scrollImage : false, // true == image follows the page, false == image remains in the same open position
pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
});
});
</script>
<!--////// END \\\\\\\-->
</head>
<body>
<div id="templatemo_wrapper">
<span class="fruit"></span>
<div id="templatemo_header">
<div id="site_title">
<h1><a href="index.html">
<img src="images/templatmeo_logo.png" alt="fruit mix" />
<span>your tagline goes here</span>
</a></h1>
</div>
<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="first">Home</a></li>
<li><a href="products.html" class="current">Products</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">Company</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div class="cleaner"></div>
</div> <!-- end of templatmeo_header -->
<div id="templatemo_main">
<div id="templatemo_sidebar">
<div class="cleaner_h30"></div>
<h3>Categories</h3>
<ul class="categories_list">
<li><a href="http://www.moobnn.com/">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus eget lorem</a></li>
<li><a href="#">Sed sit amet sem</a></li>
<li><a href="#">Cras eget est vel</a></li>
<li><a href="#">Quisque in ligula</a></li>
<li><a href="#">Donec a massa dui</a></li>
</ul>
</div> <!-- end of templatemo_sidebar -->
<div id="templatemo_content">
<h1>High Quality Products</h1>
<p>Morbi sed nulla ac est cursus suscipit eu ac lectus. Curabitur ullamcorper nibh nisi, sed eleifend dolor. Pellentesque adipiscing sollicitudin sapien nec aliquet. Cras rutrum ullamcorper metus, vitae consectetur dolor vulputate a. Sed nec eros egestas nisl tincidunt aliquet at in est.</p>
<div class="cleaner_h40"></div>
<div class="product_box">
<a href="images/product/01_l.jpg" class="pirobox"><img src="images/product/01.jpg" alt="image" /></a>
<h6>Lorem ipsum dolor sit amet</h6>
<p>Etiam et mi et magna molestie iaculis.</p>
<div class="button"><a href="#">Detail</a></div>
</div>
<div class="product_box">
<a href="images/product/02_l.jpg" class="pirobox"><img src="images/product/02.jpg" alt="image" /></a>
<h6>Curabitur ullamcorper nibh</h6>
<p> Vivamus condimentum ligula sit amet lacus.</p>
<div class="button"><a href="#">Detail</a></div>
</div>
<div class="product_box">
<a href="images/product/03_l.jpg" class="pirobox"><img src="images/product/03.jpg" alt="image" /></a>
<h6>Senean condimentum ipsum</h6>
<p>Class aptent taciti sociosqu ad litora torquent per conubia.</p>
<div class="button"><a href="#">Detail</a></div>
</div>
<div class="product_box">
<a href="images/product/04_l.jpg" class="pirobox"><img src="images/product/04.jpg" alt="image" /></a>
<h6>Nam quis commodo ligula</h6>
<p> Phasellus est quam, congue sed laoreet eu, sodales sit.</p>
<div class="button"><a href="#">Detail</a></div>
</div>
<div class="product_box">
<a href="images/product/05_l.jpg" class="pirobox"><img src="images/product/05.jpg" alt="image" /></a>
<h6>Lorem ipsum dolor sit </h6>
<p> Duis fermentum sem nec ipsum lacinia fermentum.</p>
<div class="button"><a href="#">Detail</a></div>
</div>
<div class="product_box">
<a href="images/product/06_l.jpg" class="pirobox"><img src="images/product/06.jpg" alt="image" /></a>
<h6>Phasellus est quam</h6>
<p> Etiam eu ipsum a arcu sodales consequat sit amet at orci.</p>
<div class="button"><a href="#">Detail</a></div>
</div>
</div> <!-- end of templatemo_content -->
<div class="cleaner"></div>
</div> <!-- end of templatemo_main -->
<div class="cleaner"></div>
</div> <!-- end of wrapper -->
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer"><span class="cup"></span> <span class="footer_friut"></span>
Copyright © 2048 <a href="#">Your Company Name</a><br />
Template from <a href="http://www.moobnn.com" target="_parent" title="网站模板">网站模板</a> |
Validate XHTML &
CSS
</div> <!-- end of templatemo_footer -->
<div class="cleaner"></div>
</div> <!-- end of templatemo_footer_wrapper -->
</body>
</html>
可爱漂亮的水果行业网站模板_红色 黄色 水果 蔬菜 企业 漂亮 整站 精品_html网站模板_网页源码移动端前端_H5.rar
9 浏览量
2023-08-05
16:28:29
上传
评论
收藏 632KB RAR 举报
可爱漂亮的水果行业网站模板_红色 黄色 水果 蔬菜 企业 漂亮 整站 精品_html网站模板_网页源码移动端前端_H5.rar （141个子文件） 
templatemo_style.css 6KB style.css 5KB style.css 5KB style.css 5KB css_page.css 1KB
ajax-loader_b.gif 2KB ajax-loader_b.gif 2KB ajax-loader_w.gif 2KB ajax-loader_b.gif 2KB link_out.gif 100B link_out_h.gif 100B link_out_h.gif 100B link_out.gif 100B link_out_h.gif 100B link_out.gif 100B bg_load.gif 76B bg_load.gif 76B bg_load.gif 76B
products.html 7KB contact.html 6KB news.html 5KB index.html 5KB about.html 5KB
06_l.jpg 46KB 01_l.jpg 30KB 03_l.jpg 29KB 02_l.jpg 24KB 05_l.jpg 20KB shad_bg.jpg 18KB 04_l.jpg 16KB 06.jpg 9KB templatemo_image_02.jpg 9KB templatemo_image_01.jpg 7KB 01.jpg 7KB templatemo_header.jpg 6KB 05.jpg 6KB 03.jpg 6KB 02.jpg 6KB templatemo_image_04.jpg 6KB templatemo_image_03.jpg 6KB 04.jpg 4KB templatemo_footer.jpg 1KB templatemo_sidebar.jpg 1KB bg_tms.jpg 1KB templatemo_content.jpg 551B templatemo_body.jpg 439B templatemo_menu.jpg 361B templatemo_footer_top.jpg 341B jquery.min.js 56KB piroBox.1_2.js 16KB piroBox.1_2_min.js 10KB
templatemo_footer_fruit.png 115KB templatemo_cup.png 75KB fruit.png 28KB service_01.png 13KB templatmeo_logo.png 4KB templatemo_footer.png 3KB prevoutside_h.png 2KB prevoutside.png 2KB prevoutside_h.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB prevoutside.png 2KB prevoutside_h.png 2KB prevoutside.png 2KB nextoutside.png 2KB nextoutside_h.png 2KB nextoutside.png 2KB close_btn3.png 2KB prev.png 2KB next.png 2KB close_btn3.png 2KB close_btn3.png 2KB next_h.png 2KB prev_h.png 2KB next.png 2KB next.png 2KB prev.png 2KB prev.png 2KB next_h.png 1KB next_h.png 1KB prev_h.png 1KB prev_h.png 1KB play_h.png 957B play_h.png 957B play_h.png 957B play.png 904B play.png 904B play.png 904B link_out_h.png 810B link_out_h.png 810B link_out_h.png 810B link_out.png 793B link_out.png 793B link_out.png 793B pause_h.png 761B pause_h.png 761B pause_h.png 761B pause.png 675B共 141 条
- 1
- 2
资源评论
