<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sunflower - Free HTML Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Template 2039 Sunflower
http://www.tooplate.com/view/2039-sunflower
-->
<link href="css/tooplate_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random',
slices:15,
animSpeed:500,
pauseTime:3000,
startSlide:0, //Set starting Slide (0 index)
directionNav:false,
directionNavHide:false, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
</head>
<body>
<div id="tooplate_wrapper">
<div id="tooplate_header">
<div id="site_title"><h1><a href="#">Sunflower</a></h1></div>
<div id="social_box">
<a href="#"><img src="images/facebook.png" alt="facebook" /></a>
<a href="#"><img src="images/myspace.png" alt="myspace" /></a>
<a href="#"><img src="images/twitter.png" alt="twitter" /></a>
</div>
<div class="cleaner"></div>
</div>
<div id="tooplate_menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="news.html">News</a></li>
<li><a href="blog.html">Blog</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" id="searchbutton" title="Search" />
</form>
</div>
<div class="cleaner"></div>
</div> <!-- end of tooplate_menu -->
<div id="tooplate_middle">
<div id="middle_left">
<h2>Our Latest Projects</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non ante eget nibh tincidunt consequat. Donec nec aliquet nulla. Pellentesque ut viverra lacus.</p>
</div>
<div id="slider_wrapper">
<div id="slider">
<a href="#"><img src="images/slideshow/01.jpg" alt="Image 01" title="Lorem ipsum dolor sit amet." /></a>
<a href="#"><img src="images/slideshow/02.jpg" alt="Image 02" title="Nullam ante leo, consectetur eget." /></a>
<a href="#"><img src="images/slideshow/03.jpg" alt="Image 03" title="Suspendisse sit amet enim elit." /></a>
<a href="#"><img src="images/slideshow/04.jpg" alt="Image 04" title="Nulla faucibus luctus quam eget placerat." /></a>
<a href="#"><img src="images/slideshow/05.jpg" alt="Image 05" title="Phasellus aliquet viverra posuere." /></a>
</div>
</div>
</div>
<div id="tooplate_main_top"></div>
<div id="tooplate_main">
<div class="col_w900">
<div class="col_allw280 fp_service_box">
<div class="con_tit_02">Digital Marketing</div>
<img src="images/onebit_18.png" alt="Image" />
<p>Credit goes to <a rel="nofollow" href="http://www.icojoy.com">icojoy.com</a> for Onebit icons #2 used in this template. Etiam vel elit massa, sit amet.</p>
<a class="more" href="#">Detail</a>
</div>
<div class="col_allw280 fp_service_box">
<div class="con_tit_02">Social Networking</div>
<img src="images/onebit_15.png" alt="Image" />
<p>Nunc imperdiet eros in libero pharetra sit amet euismod quam facilisis. Nullam quis erat mi.</p>
<a class="more" href="#">Detail</a>
</div>
<div class="col_allw280 fp_service_box col_last">
<div class="con_tit_02">Online Advertising</div>
<img src="images/onebit_16.png" alt="Image" />
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<a class="more" href="#">Detail</a>
</div>
<div class="cleaner"></div>
</div>
<div class="col_w900 col_w900_last">
<div class="col_w580 float_l">
<div class="con_tit_01">Welcome <span>to Sunflower</span></div>
<img src="images/tooplate_image_01.jpg" alt="Image" class="image_wrapper image_fl" />
<p><em>Ut faucibus massa nec ligula facilisis ac commodo diam porta. Sed volutpat suscipit nunc nec tempus. Duis leo libero, iaculis nec sed. Pellentesque congue viverra mauris, a semper elit viverra malesuada. Suspendisse pellentesque est et enim tincidunt sed facilisis libero dapibus.</em></p>
<p align="justify">Sunflower Theme is free website template by tooplate. Credits go to <a rel="nofollow" href="http://www.photovaco.com">Free Photos</a> for photos and <a rel="nofollow" href="http://www.brushking.eu/361/abstract-brush-pack-vol-7.html">forty-winks</a> for Photoshop brushes. Quisque in diam a justo condimentum molestie. Vivamus a velit. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero. Quisque nulla quis sem. Mauris quis nulla sed ipsum pretium sagittis. Suspendisse feugiat. Ut sodales libero ut odio. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
<div class="cleaner"></div>
</div>
<div class="col_w280 float_r">
<h2>Latest Updates</h2>
<div class="lbe_box">
<p class="date">March 27, 2048</p>
<h3><a href="#">Etiam a Dui et Eros Imperdiet</a></h3>
<p>Morbi pellentesque, libero vitae fermentum tincidunt libero accumsan erat.</p>
</div>
<div class="lbe_box">
<p class="date">March 17, 2048</p>
<h3><a href="#">Aenean Quis Nulla ac Nisl Rutrum</a></h3>
<p>Libero accumsan erat, sit amet ornare lectus urna a turpis libero nibh vulputate.</p>
</div>
<div class="lbe_box">
<p class="date">March 10, 2048</p>
<h3><a href="#">Etiam bibendum cursus tristiqu</a></h3>
<p>Nam ac iaculis sapien. Duis nunc nisl, dignissim sed dictum in, eleifend a turpis.</p>
</div>
HTML网站源码-绿色项目展示动态网页模板-移动端可用.zip
版权申诉
139 浏览量
2024-03-22
10:46:13
上传
评论
收藏 1.6MB ZIP 举报
HTML网站源码-绿色项目展示动态网页模板-移动端可用.zip （67个子文件） 
HTML网站源码-绿色项目展示动态网页模板-移动端可用 html js 
jquery.lightbox-0.5.js 20KB jquery.nivo.slider.js 14KB jquery.lightbox-0.5.min.js 10KB jquery.js 53KB jquery.min.js 70KB jquery.lightbox-0.5.pack.js 6KB css jquery.lightbox-0.5.css 2KB tooplate_style.css 10KB nivo-slider.css 1KB
index.html 8KB contact.html 5KB images 
blog_image_02.jpg 14KB
myspace.png 3KB onebit_16.png 942B tooplate_more.jpg 777B tooplate_content_top.png 235B tooplate_middle.png 1KB
lightbox-btn-next.gif 1KB tooplate_image_02.jpg 8KB news_image_03.jpg 24KB lightbox-ico-loading.gif 4KB lightbox-blank.gif 43B lightbox-btn-close.gif 700B slideshow 02.jpg 9KB 01.jpg 15KB 05.jpg 23KB 04.jpg 16KB 03.jpg 30KB onebit_15.png 2KB blog_image_03.jpg 37KB onebit_18.png 899B news_image_04.jpg 13KB tooplate_menu_divider.png 202B gallery image_07_l.jpg 109KB image_03_l.jpg 102KB image_06_s.jpg 13KB image_04_l.jpg 89KB image_07_s.jpg 11KB image_05_l.jpg 83KB image_02_s.jpg 10KB image_02_l.jpg 92KB image_06_l.jpg 222KB image_04_s.jpg 9KB image_01_l.jpg 88KB image_03_s.jpg 10KB image_01_s.jpg 9KB image_08_l.jpg 104KB image_05_s.jpg 9KB image_08_s.jpg 11KB tooplate_footer.png 982B news_image_02.jpg 17KB twitter.png 3KB news_image_01.jpg 10KB map_thumb.jpg 31KB tooplate_menu.png 1KB tooplate_image_01.jpg 9KB tooplate_search.png 1KB facebook.png 3KB tooplate_image_03.jpg 9KB tooplate_logo.png 17KB map_big.jpg 157KB blog_image_01.jpg 23KB tooplate_body.jpg 154KB lightbox-btn-prev.gif 1KB blog.html 6KB news.html 6KB gallery.html 6KB资源评论
