<!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.htmldivcss.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.htmldivcss.com/"><img src="images/templatemo_image_05.jpg" alt="image" /></a>
71web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （139个子文件） 
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.gif 100B link_out_h.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 17KB
templatemo_body.jpg 233KB 1.jpg 144KB 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 link_out.png 793B pause_h.png 761B pause_h.png 761B共 139 条
- 1
- 2
资源评论
