<!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>Display Template by tooplate.com</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- Free Website Template by www.tooplate.com -->
<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" type="text/css" href="css/contentslider.css" />
<script type="text/javascript" src="scripts/contentslider.js">
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</head>
<body id="home">
<div id="tooplate_wrapper_home">
<div id="tooplate_header">
<div id="site_title"><h1><a href="#">Display Template</a></h1></div>
<div id="tooplate_menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><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> <!-- end of tooplate_menu -->
</div> <!-- end of header -->
<div id="tooplate_middle">
<div id="mid_slider">
<div id="slider1" class="sliderwrapper">
<div class="contentdiv">
<img src="images/slider/image_00.jpg" alt="Image 00" />
</div>
<div class="contentdiv">
<img src="images/slider/image_01.jpg" alt="Image 01" />
</div>
<div class="contentdiv">
<img src="images/slider/image_02.jpg" alt="Image 02" />
</div>
<div class="contentdiv">
<img src="images/slider/image_03.jpg" alt="Image 03" />
</div>
</div>
<div id="paginate-slider1" class="pagination">
</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
<div id="mid_left">
<div id="mid_title">
Display Template
</div>
<p>Donec iaculis tellus semper massa adipiscing tristique. Vivamus id metus velit, nec posuere erat. Vestibulum ut lorem quam. Sed ut congue nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus porttitor dapibus. Morbi quis diam nisl, ac sagittis massa.</p>
<div id="learn_more"><a href="#">Learn More</a></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of middle -->
<div id="tooplate_main">
<div id="tooplate_content">
<div class="col_allw300">
<h2>Web Design</h2>
<div class="image_frame"><span></span><img src="images/tooplate_image_01.jpg" alt="Image 01" /></div>
<p><em>Etiam ut urna ante, ut pulvinar ante. Vivamus a metus quam. A enean non eros nunc. </em></p>
<p align="justify">Display is free website template that can be applied for personal or business websites. Credit goes to <a rel="nofollow" href="http://www.photovaco.com">Free Photos</a> for photos in this template. <strong>tooplate</strong> offers free HTML templates for everyone. Nunc risus tortor, posuere a cursus sit amet, vehicula ac est. Mauris ac adipiscing diam. </p>
<a href="#" class="more">Read more</a>
</div>
<div class="col_allw300">
<h2>Our Services</h2>
<div class="image_frame"><span></span><img src="images/tooplate_image_02.jpg" alt="Image 02" /></div>
<p><em>Morbi sed nulla ac est cursus suscipit eu ac lectus. Nunc et leo nisl placerat consequat. </em></p>
<ul class="tooplate_list">
<li>Sed nec eros egestas nisl </li>
<li>Morbi sed nulla est cursus </li>
<li>Curabitur ullamcorper nibh </li>
<li>Duis id lorem sit amet </li>
<li>Praesent lobortis fringilla</li>
</ul>
<div class="cleaner"></div>
<a href="#" class="more">Read more</a>
</div>
<div class="col_allw300 col_last">
<h2>Updates</h2>
<div class="sb_news_box">
<img src="images/tooplate_image_05.jpg" alt="Image 05" />
<div class="news_date">OCT 24, 2048</div>
<h6><a href="#">Fusce sem nulla, rutrum ac suscipit eget, commodo vitae est.</a></h6>
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<img src="images/tooplate_image_03.jpg" alt="Image 03" />
<div class="news_date">OCT 20, 2048</div>
<h6><a href="#">Donec et purus velit, eget euismod risus consectetur dolo.</a></h6>
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<img src="images/tooplate_image_04.jpg" alt="Image 04" />
<div class="news_date">OCT 15, 2048</div>
<h6><a href="#">Nulla commodo justo at mauris quis dictum mi laoreet.</a></h6>
<div class="cleaner"></div>
</div>
<a href="#" class="more">Read All</a>
</div>
<div class="cleaner"></div>
</div> <!-- end of tooplate_content -->
</div> <!-- end of tooplate_main -->
</div> <!-- end of wrapper -->
<div id="tooplate_footer_wr
HTML网站源码-服务动态信息显示网页模板-移动端可用.zip （77个子文件） 
HTML网站源码-服务动态信息显示网页模板-移动端可用 html css 
gallery_slider.css 2KB jquery.lightbox-0.5.css 2KB tooplate_style.css 9KB svwp_style.css 2KB nivo-slider.css 1KB contentslider.css 926B
index.html 9KB contact.html 6KB about.html 5KB images 
tooplate_image_07.jpg 7KB tooplate_image_04.jpg 2KB tooplate_image_05.jpg 2KB
onebit_16.png 942B tooplate_slider_btn_current.png 164B
lightbox-btn-next.gif 1KB tooplate_image_02.jpg 11KB onebit_19.png 3KB tooplate_image_frame.png 2KB tooplate_button.png 573B lightbox-ico-loading.gif 4KB lightbox-blank.gif 43B lightbox-btn-close.gif 700B tooplate_wrapper.jpg 5KB tooplate_header_divider.jpg 307B onebit_08.png 3KB onebit_15.png 2KB tooplate_slider_btn.png 146B onebit_18.png 899B tooplate_menu_hover.png 703B gallery image_07_l.jpg 87KB image_03_l.jpg 102KB image_06_s.jpg 28KB image_04_l.jpg 89KB image_07_s.jpg 20KB image_05_l.jpg 109KB image_02_s.jpg 26KB image_02_l.jpg 104KB image_09_s.jpg 32KB image_06_l.jpg 92KB image_04_s.jpg 22KB image_01_l.jpg 83KB image_03_s.jpg 23KB image_01_s.jpg 19KB image_08_l.jpg 222KB image_09_l.jpg 133KB image_05_s.jpg 25KB image_08_s.jpg 31KB tooplate_image_08.jpg 6KB map_thumb.jpg 31KB tooplate_image_01.jpg 9KB tooplate_wrapper_sub.jpg 5KB tooplate_list.jpg 419B tooplate_image_06.jpg 8KB tooplate_h4_divider.jpg 307B tooplate_image_03.jpg 2KB tooplate_logo.png 4KB map_big.jpg 157KB tooplate_header.png 8KB tooplate_body.jpg 429B onebit_17.png 2KB tooplate_slider_frame.png 4KB slider image_03.jpg 30KB image_02.jpg 15KB image_00.jpg 14KB image_01.jpg 12KB tooplate_body_sub.jpg 386B lightbox-btn-prev.gif 1KB blog.html 6KB scripts slideitmoo-1.1.js 6KB mootools-1.2.1-core.js 63KB mootools-1.2-more.js 28KB jquery.lightbox-0.5.js 20KB jquery.nivo.slider.js 14KB contentslider.js 10KB jquery.js 53KB jquery.min.js 56KB gallery.html 7KB资源评论
