<!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>Green Field - One Page Template</title>
<meta name="keywords" content="green field, one page, full site, free css template, CSS, HTML" />
<meta name="description" content="Green Field is a full-site template from www.moobnn.com for free of charge." />
<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.5, //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">
<div id="templatmeo_header">
<div id="templatemo_menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#aboutus">About Us</a></li>
<li><a href="#news">News</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li class="last"><a href="#contactus">Contact Us</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="site_title">
<h1><a href="#">Green Field<span> Free Web Template</span></a></h1>
<div id="social_box">
<a href="http://www.facebook.com/templatemo"><img src="images/facebook.jpg" alt="facebook" /></a>
<a href="http://www.facebook.com/templatemo"><img src="images/twitter.jpg" alt="twitter" /></a>
</div>
</div>
</div> <!-- end of header -->
<div id="templatemo_main">
<div class="content_box"><div id="home"></div>
<div class="content_box_content">
<h2>Introducing New Green Field</h2>
<div class="col_w340 float_l"> <a href="#" target="_parent"><img class="image_wrapper" src="images/templatemo_image_01.jpg" alt="Image" /></a>
<p><em>Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue, et tempor justo orci in elit.</em></p>
<p>Feel free to download, edit and use this template for your websites. <a href="#/preview/templatemo_288_green_field" title="Green Field" target="_parent">Green Field</a> is a mini-site with 5 sections within the same long page. Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue.</p>
</div>
<div class="col_w340 float_r">
<h3>Web Design</h3>
<p>Validate <a href="#" rel="nofollow">XHTML</a> & <a href="#" rel="nofollow">CSS</a>. Fusce sit amet tristique magna. Praesent rutrum augue vel felis vehicula vel luctus sapien commodo. Aenean convallis, sem in tempus dictum, lorem urna luctus augue, et tempor justo orci in elit.</p>
<div class="cleaner h30"></div>
<h3>New Template</h3>
<p>Phasellus nec hendrerit enim. Aliquam placerat eleifend adipiscing. Nunc fermentum pretium aliquam. Nam dictum leo nec mauris sagittis posuere. Pellentesque ut purus et justo laoreet bibendum eget sed sem. </p>
<p>Cras laoreet, magna a fermentum facilisis, justo neque sollicitudin risus, quis iaculis purus leo id massa. Donec lobortis ipsum nec nisl viverra a gravida dolor euismod.</p>
<p><a href="#portfolio">Explore All Templates</a></p>
</div>
<div class="cleaner h30"></div>
<a class="gototop" href="#top"></a>
<div class="cleaner"></div>
</div> <!-- end of content box content -->
</div> <!-- end of a content box -->
<div id="aboutus"></div>
<div class="content_box">
<div class="content_box_content">
<h2>About Us</h2>
<div class="col_w340 float_l">
<img class="image_wrapper" src="images/templatemo_image_02.jpg" alt="image" />
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur volutpat enim nec dolor.</em></p>
<p> Maecenas sodales pede eu massa. Fusce lacinia orci at nisi. Suspendisse at nisi nec diam pretium tincidunt. Ut vitae felis eu lectus ultrices varius. Aliquam lacus turpis, dapibus eget, tincidunt eu, lobortis et, magna.</p>
<p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
</div>
<div class="col_w340 float_r">
<h3>Design Services</h3>
<p><em>Vestibulum pharetra convallis libero ac luctus. Etiam in quam a urna aliquet imperdiet porta vitae.</em></p>
<p>Morbi velit dui, interdum non placerat id, rhoncus ac orci. Sed id diam dui. In ut nunc urna. Duis iaculis orci eu arcu vestibulum eu vestibulum orci ultrices. You may browse <a href="#" target="_parent">Flash Templates</a> for your websites.</p>
<ul class="tmo_list">
<li>Nulla facilisi. Maecenas ac odio ipsum donec</li>
<li>Fusce risus tortor, interdum in malesuada</li>
<li>Proin facilisis ullamcorper turpis, in placerat</li>
<li>Sed vel justo quis ligula blandit commodo</li>
<li>Ut tristique sagittis arcu, vel laoreet turpis</li>
<li>Proin facilisis ullamcorper turpis, in placerat</li>
</ul>
</div>
<div class="cleaner h30"></div>
<a class="gototop" href="#top"></a>
<div class="cleaner"></div>
</div> <!-- end of content box content -->
</div> <!-- end of a content box -->
<div class="content_box"><div id="news"></div>
<div class="content_box_content">
<h2> Blog Posts</h2>
<p>Nullam a tortor est, congue fermentum nisi. Maecenas nulla nulla, lobortis eu volutpat euismod, scelerisque ut dui. Integer luctus tellus ac mi malesuada dignissim. Sed id diam dui. In ut nunc urna.</p>
<div class="cleaner h30"></div>
<div class="post_box"> <a href="http://www.moobnn.com/"><img src="images/templatemo_image_05.jpg" alt="image" /></a>
绿色小清新食品行业模板_绿色背景小清新健康食品导航漂亮html.rar
需积分: 0 82 浏览量
2023-09-09
13:51:59
上传
评论
收藏 1.19MB RAR 举报
绿色小清新食品行业模板_绿色背景小清新健康食品导航漂亮html.rar （78个子文件） 
nextoutside_h.png 2KB
style.css 5KB
image_07_l.jpg 92KB image_03_l.jpg 85KB pause_h.png 761B templatemo_menu_hover.jpg 1KB image_06_s.jpg 6KB prevoutside.png 2KB
ajax-loader_b.gif 2KB templatemo_image_05.jpg 7KB b_l.png 271B twitter.jpg 972B templatemo_image_02.jpg 11KB templatemo_header.jpg 6KB bg_tms.jpg 1KB Thumbs.db 45KB piroBox.1_2.js 16KB image_04_l.jpg 93KB image_07_s.jpg 6KB prev.png 2KB b_r.png 281B credits_bg.png 117B c_r.png 131B c.png 140B prevoutside_h.png 2KB ajax-loader_w.gif 2KB link_out.gif 100B image_05_l.jpg 92KB shad_bg.jpg 18KB t_c.png 136B next_h.png 2KB templatemo_gototop.jpg 1KB image_02_s.jpg 7KB piroBox.1_2_min.js 10KB link_out_h.gif 100B next.png 2KB play_h.png 957B t_l.png 259B image_02_l.jpg 101KB templatemo_content_bottom.jpg 2KB bg_load_w.png 278B map_thumb.jpg 15KB templatemo_list.jpg 470B link_out.png 793B prev_h.png 2KB nextoutside.png 2KB close_btn3.png 2KB bg_load.png 278B b_c.png 140B link_out_h.png 810B templatemo_main_top.jpg 15KB play.png 904B t_r.png 280B templatemo_body.jpg 233KB image_06_l.jpg 79KB facebook.jpg 801B image_04_s.jpg 7KB
index.html 16KB css_page.css 1KB map_big.jpg 36KB image_01_l.jpg 94KB pirobox_down.png 118B img_bg.png 118B image_03_s.jpg 7KB pause.png 675B image_01_s.jpg 6KB c_l.png 132B image_08_l.jpg 80KB templatemo_image_07.jpg 7KB image_05_s.jpg 6KB jquery.min.js 56KB templatemo_style.css 6KB templatemo_menu_divider.jpg 318B templatemo_image_01.jpg 16KB bg_load.gif 76B templatemo_image_06.jpg 7KB image_08_s.jpg 6KB templatemo_footer.jpg 573B资源评论
