<!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>Simple Blue - free website template</title>
<meta name="keywords" content="网站模板, moobnn.com, simple blue, light gray" />
<meta name="description" content="Simple Blue is a free CSS template from www.moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
<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>
</head>
<body>
<div id="templatemo_site_title_bar_wrapper">
<div id="templatemo_site_title_bar">
<div id="site_title">
<h1><a href="#">Simple Blue<span>free css template</span></a></h1>
</div>
<ul id="templatemo_menu">
<li><a href="#" class="current"><span></span>Home</a></li>
<li><a href="http://www.moobnn.com/" target="_blank"><span></span>CSS</a></li>
<li><a href="#" target="_blank"><span></span>Flash</a></li>
<li><a href="#" target="_blank"><span></span>Gallery</a></li>
<li><a href="#"><span></span>About</a></li>
<li><a href="#"><span></span>Contact</a></li>
</ul>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
</div> <!-- end of templatemo_site_title_bar -->
</div> <!-- end of templatemo_site_title_bar_wrapper -->
<div id="templatemo_banner_wrapper_outter">
<div id="templatemo_banner_wrapper">
<div id="templatemo_banner">
<div id="templatemo_banner_slider">
<!-- start of the slider -->
<div id="one" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<div class="cs_article_inner">
<div class="img_frame"><img src="images/templatemo_image_04.jpg" alt="Image Title 1" /></div>
<h2>Lorem ipsum dolor sit</h2>
<p>Vivamus vitae nibh eu sem malesuada rutrum et sit amet magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent aliquam velit a magna sodales quis elementum ipsum auctor. Ut at metus leo, et dictum sem.</p>
<a href="#">More <span>»</span></a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="cs_article_inner">
<div class="img_frame"><img src="images/templatemo_image_03.jpg" alt="Image Title 2" /></div>
<h2>Mauris aliquam ultrices lacus</h2>
<p>Aenean fringilla vehicula felis, eu blandit tortor aliquam et. Nunc sed diam sed dui iaculis pharetra eu sed elit. Nunc arcu sapien, pellentesque at posuere nec, tincidunt dignissim enim. Ut sem mauris, aliquet ut sagittis vitae, condimentum eget augue. Donec sapien neque, egestas vitae auctor quis, pellentesque at augue.</p>
<a href="#">More <span>»</span></a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="cs_article_inner">
<div class="img_frame"><img src="images/templatemo_image_05.jpg" alt="Image Title 3" /></div>
<h2>Nullam pharetra adipiscing diam</h2>
<p>Praesent at dui augue. Proin consectetur elementum sem, in blandit urna porta sed. Sed tortor ipsum, scelerisque vel lobortis aliquam, bibendum sit amet neque. In id erat in quam bibendum lacinia. Curabitur imperdiet viverra scelerisque. Phasellus quis egestas risus.</p>
<a href="#">More <span>»</span></a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="cs_article_inner">
<div class="img_frame"><img src="images/templatemo_image_06.jpg" alt="Image Title 4" /></div>
<h2>Pellentesque ut iaculis enim</h2>
<p>Sed id tortor vitae nisi consectetur tempus. Pellentesque tellus est, adipiscing id porttitor vitae, vestibulum id neque. Aliquam tellus dui, vehicula sed placerat sed, scelerisque ultricies tortor. Donec ornare blandit erat pellentesque molestie. Suspendisse potenti. </p>
<a href="#">More <span>»</span></a>
</div>
</div><!-- End cs_article -->
</div><!-- End cs_slider -->
</div><!-- End cs_wrapper -->
</div><!-- End contentslider -->
<!-- Site JavaScript -->
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript">
$(function() {
$('#one').ContentSlider({
width : '960px',
height : '250px',
speed : 400,
easing : 'easeOutSine'
});
});
</script>
<script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
<script src="js/chili/recipes.js" type="text/javascript"></script>
<div class="cleaner"></div>
<!-- end of the slider -->
</div> <!-- end of templatemo_popular_posts -->
</div> <!-- end of templatemo_banner -->
</div> <!-- end of templatemo_banner_wrapper -->
</div> <!-- end of templatemo_banner_wrapper_outter -->
<div id="templatemo_content">
<div id="twitter_section">
<p>"Sed id tortor vitae nisi consectetur tempus. Pellentesque tellus est, adipiscing id porttitor vitae, vestibulum id neque."</p>
<div class="followme"><a href="#"></a></div>
<div class="cleaner"></div>
</div>
<div class="section_w940">
<div class="box margin_r_20 box_border">
<h2>Quality Product</h2>
<div class="box_image_wrapper">
<img src="images/folder.png" alt="product 1" />
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec dictum tortor. </p>
<div class="cleaner_h10"></div>
<div class="button_01"><a href="#">More</a></div>
</div>
<div class="box margin_r_20 box_border">
<h2>Special Service</h2>
<div class="box_image_wrapper">
<img src="images/paint.png" alt="product 1" />
</div>
<p>Proin eleifend quam eu purus aliquet scelerisque. Sed non nibh a urna tristique vestibu
蓝色产品展示企业CSS模板_蓝色 产品 展示 企业 大图 jquery 导航 按钮 web20_html网站模板_网页.rar
121 浏览量
2023-08-06
12:04:12
上传
评论
收藏 223KB RAR 举报
蓝色产品展示企业CSS模板_蓝色 产品 展示 企业 大图 jquery 导航 按钮 web20_html网站模板_网页.rar （32个子文件） 
蓝色产品展示企业CSS模板_蓝色 产品 展示 企业 大图 jquery 导航 按钮 web20 templatemo_210_simple_blue js 
jquery-1.3.1.min.js 54KB jquery.easing.1.3.js 8KB jquery.js 53KB jquery.min.js 56KB jquery.ennui.contentslider.js 5KB css default.css 0B jquery.ennui.contentslider.css 3KB
index.html 14KB images 
folder.png 7KB slider_left_control.png 3KB templatemo_banner_img_frame.png 2KB
templatemo_footer_bg.jpg 399B templatemo_image_05.jpg 13KB templatemo_menu_bg_left_hover.jpg 370B templatemo_banner_bg_wrapper_outter.jpg 537B templatemo_menu_bg_right.jpg 479B templatemo_button_01.jpg 794B templatemo_menu_bg_left.jpg 358B slider_right_control.png 6KB templatemo_site_title_bg_wrapper.jpg 351B templatemo_button_01_hover.jpg 1015B templatemo_menu_bg_right_hover.jpg 535B templatemo_image_03.jpg 17KB twitter.png 10KB safe.png 7KB templatemo_banner_bg.jpg 25KB templatemo_site_title_bg.jpg 3KB paint.png 8KB templatemo_banner_bg_wrapper.jpg 33KB templatemo_image_04.jpg 20KB templatemo_image_06.jpg 18KB templatemo_style.css 8KB资源评论
