<!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>Blue Smoothie Theme, Free CSS Template</title>
<meta name="keywords" content="blue smoothie, theme, free template, website design, CSS" />
<meta name="description" content="Blue Smoothie Theme, free template, web design" />
<link href="css/templatemo_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">
<!-- | | | w w w . t e m p l a t e m o . c o m | | | -->
<div id="templatemo_wrapper">
<div id="templatmeo_header">
<div id="site_title"><h1><a href="#">Free CSS Templates</a></h1></div>
<div id="templatemo_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> <!-- end of templatemo_menu -->
</div> <!-- end of header -->
<div id="templatemo_middle">
<div id="mid_slider"><span></span>
<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.4], //[true/false, fadedegree]
autorotate: [true, 2000], //[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">Web Design Company</div>
<p>Aliquam in odio ut ipsum mollis facilisis. Integer est sem, dignissim quis auctor vel, dapibus vel massa. Curabitur vulputate ligula vel mi semper tempus. Vivamus volutpat, elit non tempor vehicula.</p>
<div id="learn_more"><a href="#">Learn More</a></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of middle -->
<div id="templatemo_main">
<div id="templatemo_content">
<div class="col_allw300">
<h2>Products</h2>
<p><em>Curabitur interdum, nulla sed posuere gravida, urna est lobortis odio, eu mauris lorem eu nisl.</em></p>
<p>Aliquam in odio ut ipsum mollis facilisis. Integer est sem, dapibus vel massa. Curabitur vulputate ligula vel mi semper tempus. Vivamus volutpat, elit non tempor vehicula. Integer est sem, dignissim quis auctor vel, dapibus vel.</p>
<ul class="templatemo_list">
<li>Sed nec eros egestas nisl </li>
<li>Morbi sed nulla ac est cursus </li>
<li>Curabitur ullamcorper nibh </li>
<li>Pellentesque adipiscing </li>
<li>Aliquam eget nibh nulla</li>
<li>Mauris imperdiet mollis nibh </li>
<li>Sed vel diam eget enim</li>
<li>Vestibulum at tellus mauris</li
></ul>
<div class="cleaner"></div>
<a href="#" class="more">Read more</a>
</div>
<div class="col_allw300">
<h2>Updates</h2>
<div class="sb_news_box">
<img src="images/templatemo_image_05.jpg" alt="Image 05" />
<div class="news_date">OCT 28, 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/templatemo_image_03.jpg" alt="Image 03" />
<div class="news_date">OCT 24, 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/templatemo_image_04.jpg" alt="Image 04" />
<div class="news_date">OCT 16, 2048</div>
<h6><a href="#">Curabitur scelerisque, in lacinia massa consectetur sit amet.</a></h6>
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<img src="images/templatemo_image_06.jpg" alt="Image 06" />
<div class="news_date">OCT 12, 2048</div>
<h6><a href="#">Praesent eu dolor nibh. In hac habitasse platea dictumst. </a></h6>
<div class="cleaner"></div>
</div>
<a href="#" class="more">Read All</a>
</div>
<div class="col_allw300 col_last">
<h2>Featured Sites</h2>
<div class="fp_lw_box">
<div class="image_frame"><span></span><img src="images/templatemo_image_01.jpg" alt="Image 01" /></div
><p><em>Morbi sed nulla ac est cursus suscipit ac lectus.</em></p>
</div>
<div class="fp_lw_box">
<div class="image_frame"><span></span><img src="images/templatemo_image_02.jpg" alt="Image 02" /></div
><p><em>Proin iaculis dui vel lorem vulputate venenatis.</em></p>
</div>
<div class="cleaner"></div>
<a href="#" class="mor
124_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （80个子文件） 
124 
１.jpg 132KB css 
gallery_slider.css 2KB jquery.lightbox-0.5.css 2KB svwp_style.css 2KB nivo-slider.css 1KB contentslider.css 930B templatemo_style.css 9KB
index.html 10KB contact.html 6KB about.html 5KB images templatemo_button.jpg 1KB templatemo_menu_hover.jpg 677B
templatemo_slider_frame.png 3KB templatemo_image_05.jpg 2KB templatemo_image_02.jpg 9KB templatemo_header.jpg 6KB onebit_16.png 942B templatemo_logo.png 5KB
lightbox-btn-next.gif 1KB onebit_19.png 3KB templatemo_menu_border.png 195B templatemo_slider_btn.png 156B lightbox-ico-loading.gif 4KB lightbox-blank.gif 43B templatemo_logo.jpg 6KB lightbox-btn-close.gif 700B templatemo_learn.jpg 646B templatemo_header_divider.jpg 307B onebit_08.png 3KB onebit_15.png 2KB templatemo_image_09.jpg 8KB onebit_18.png 899B templatemo_slider_btn_current.png 154B templatemo_image_08.jpg 8KB templatemo_middle.jpg 5KB gallery image_03_l.jpg 96KB image_06_s.jpg 8KB image_04_l.jpg 93KB image_05_l.jpg 80KB image_02_s.jpg 9KB image_02_l.jpg 101KB image_06_l.jpg 89KB image_04_s.jpg 10KB image_01_l.jpg 94KB image_03_s.jpg 9KB image_01_s.jpg 8KB image_05_s.jpg 9KB templatemo_image_03.jpg 2KB templatemo_h4_divider.jpg 310B templatemo_button_hover.jpg 1KB map_thumb.jpg 15KB templatemo_list.jpg 457B templatemo_body.jpg 491B templatemo_wrapper_sub.jpg 5KB map_big.jpg 36KB onebit_17.png 2KB templatemo_wrapper.jpg 5KB templatemo_image_07.jpg 9KB templatemo_content_divider.jpg 309B templatemo_body_sub.jpg 477B slider image_03.jpg 30KB image_02.jpg 22KB image_00.jpg 23KB image_01.jpg 28KB templatemo_image_frame.png 2KB templatemo_image_04.jpg 2KB templatemo_image_01.jpg 9KB lightbox-btn-prev.gif 1KB templatemo_image_06.jpg 2KB templatemo_footer.jpg 380B 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 2KB jquery.nivo.slider.js 14KB contentslider.js 10KB jquery.js 53KB jquery.min.js 56KB gallery.html 7KB资源评论
