<!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
共142个文件
png:80个
jpg:36个
gif:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 143 浏览量
2021-11-06
12:58:00
上传
评论
收藏 1.22MB RAR 举报
温馨提示
绿色小清新食品行业模板_绿色 背景 小清新 健康 食品 导航 漂亮 html
资源推荐
资源详情
资源评论
收起资源包目录
绿色小清新食品行业模板_绿色 背景 小清新 健康 食品 导航 漂亮 html.rar (142个子文件)
templatemo_style.css 6KB
style.css 5KB
style.css 5KB
style.css 5KB
css_page.css 1KB
Thumbs.db 45KB
Thumbs.db 40KB
Thumbs.db 38KB
Thumbs.db 15KB
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.gif 100B
link_out_h.gif 100B
bg_load.gif 76B
bg_load.gif 76B
bg_load.gif 76B
index.html 16KB
templatemo_body.jpg 233KB
image_02_l.jpg 101KB
image_01_l.jpg 94KB
image_04_l.jpg 93KB
image_07_l.jpg 92KB
image_05_l.jpg 92KB
image_03_l.jpg 85KB
image_08_l.jpg 80KB
image_06_l.jpg 79KB
map_big.jpg 36KB
shad_bg.jpg 18KB
templatemo_image_01.jpg 16KB
templatemo_main_top.jpg 15KB
map_thumb.jpg 15KB
templatemo_image_02.jpg 11KB
image_02_s.jpg 7KB
templatemo_image_07.jpg 7KB
templatemo_image_06.jpg 7KB
image_04_s.jpg 7KB
image_03_s.jpg 7KB
templatemo_image_05.jpg 7KB
image_07_s.jpg 6KB
image_06_s.jpg 6KB
templatemo_header.jpg 6KB
image_01_s.jpg 6KB
image_08_s.jpg 6KB
image_05_s.jpg 6KB
templatemo_content_bottom.jpg 2KB
templatemo_menu_hover.jpg 1KB
bg_tms.jpg 1KB
templatemo_gototop.jpg 1KB
twitter.jpg 972B
facebook.jpg 801B
templatemo_footer.jpg 573B
templatemo_list.jpg 470B
templatemo_menu_divider.jpg 318B
jquery.min.js 56KB
piroBox.1_2.js 16KB
piroBox.1_2_min.js 10KB
prevoutside_h.png 2KB
prevoutside.png 2KB
prevoutside_h.png 2KB
nextoutside_h.png 2KB
nextoutside_h.png 2KB
nextoutside.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
共 142 条
- 1
- 2
资源评论
半抹灯芯
- 粉丝: 74
- 资源: 1075
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功