<!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>free website template - moobnn.com</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="free website template provided from 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_container">
<div id="templatemo_site_title_wrapper">
<div id="site_title">
<h1>
<a href="http://www.moobnn.com/" target="_parent">Showcase
<span>free html/css template</span></a>
</h1>
</div>
</div> <!-- end of site title -->
<div id="templatemo_banner">
<div id="one" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<a href="http://www.moobnn.com/preview/templatemo_121_simple_gray" target="_blank">
<img src="images/article01.jpg" alt="Artist's interpretation of article headline" />
</a>
<div class="text">
<h2> <a href="#">Project One</a> </h2>
<p>
Hendrerit tincidunt vero vel eorum claritatem. Soluta legunt quod qui dolore typi. Vel dolore soluta qui odio non. Sollemnes minim eorum feugiat nihil nobis. Gothica dolor in legentis nihil quinta.
</p>
<a class="readmore" href="#">Read More</a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<a href="http://www.moobnn.com/preview/templatemo_124_media" target="_blank">
<img src="images/article02.jpg" alt="Artist's interpretation of article headline" />
</a>
<div class="text">
<h2> <a href="#">Project Two</a> </h2>
<p>
Lorem ipsum dolor sit ame, consectetur adipiscing elit. In tincidunt, nulla id accumsan ultrices, justo turpis adipiscing nunc, ac pellentesque ipsum massa id dui. Vivamus ut dui ut mi lobortis sodales.
</p>
<a class="readmore" href="#">Read More</a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<a href="http://www.moobnn.com/preview/templatemo_111_global" target="_blank">
<img src="images/article03.jpg" alt="Artist's interpretation of article headline" />
</a>
<div class="text">
<h2> <a href="#">Project Three</a> </h2>
<p>
Hendrerit tincidunt vero vel eorum claritatem. Soluta legunt quod qui dolore typi. Vel dolore soluta qui odio non. Sollemnes minim eorum feugiat nihil nobis. Gothica dolor in legentis nihil quinta.
</p>
<a class="readmore" href="#">Read More</a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<a href="http://www.moobnn.com/preview/templatemo_082_tea_and_meal" target="_blank">
<img src="images/article04.jpg" alt="Artist's interpretation of article headline" />
</a>
<div class="text">
<h2> <a href="#">Project Four</a> </h2>
<p>
Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. Aenean cursus. Maecenas aliquam, ligula id egestas suscipit, nisi sapien dignissim nibh.
</p>
<a class="readmore" href="#">Read More</a>
</div>
</div><!-- End cs_article -->
</div><!-- End cs_slider -->
</div><!-- End cs_wrapper -->
</div><!-- End contentslider -->
<!-- Site JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.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 : '860px',
height : '210px',
speed : 800,
easing : 'easeInOutBack'
});
});
</script>
<script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
<script src="js/chili/recipes.js" type="text/javascript"></script>
</div>
<!-- end of banner -->
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Company</a></li>
<li><a href="#" target="_parent">Flash</a></li>
<li><a href="http://www.moobnn.com" target="_parent">CSS</a></li>
<li><a href="#" target="_parent">Gallery</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div>
<div id="templatemo_content">
<div class="section_w920">
<h2>Lorem ipsum dolor sit amet</h2>
<div class="section_w430 fl">
<img class="image_wrapper fl_image" src="images/templatemo_image_01.png" alt="image" />
<h3>Nunc hendrerit fringilla magna</h3>
<p>This website template is provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for free of charge. You may use this template in your websites. Credit goes to <a href="http://www.smashingmagazine.com" target="_blank">SmashingMagazine</a> for icons used in this template.</p>
</div>
<div class="section_w430 fr">
<img class="image_wrapper fl_image" src="images/templatemo_image_02.png" alt="image" />
<h3>Curabitur vel ligula felis</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tellus metus, adipiscing et adipiscing ut, commodo nec eros. Etiam non urna magna, id laoreet sem. Proin iaculis cursus vulputate.</p>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner_h50"></div>
<div class="section_w920">
<h2>Duis vestibulum ultricies justo</h2>
<p>Curabitur in velit dictum tellus consectetur ultricies a at ligula. M
灰色金属质感网页模板_灰色 金属 质感 大图 web20 漂亮 jquery 光_html网站模板_网页源码移动端前端.rar
60 浏览量
2023-08-06
12:10:47
上传
评论
收藏 143KB RAR 举报
灰色金属质感网页模板_灰色 金属 质感 大图 web20 漂亮 jquery 光_html网站模板_网页源码移动端前端.rar （24个子文件） 
灰色金属质感网页模板_灰色 金属 质感 大图 web20 漂亮 jquery 光 templatemo_189_showcase js 
jquery.easing.1.3.js 8KB jquery.ennui.contentslider.js 5KB css default.css 0B jquery.ennui.contentslider.css 2KB
index.html 10KB images 
cs_leftImg.jpg 1KB
templatemo_header_bg.png 996B templatemo_footer_bg.jpg 11KB cs_rightImg.jpg 1KB templatemo_main_bg.jpg 452B templatemo_image_02.png 11KB article02.jpg 10KB article03.jpg 10KB templatemo_image_03.jpg 16KB templatemo_banner_bg.jpg 9KB templatemo_site_title_bg.jpg 14KB templatemo_menu_bg.jpg 8KB templatemo_image_04.png 6KB article01.jpg 11KB templatemo_button_01.png 2KB templatemo_image_01.png 12KB templatemo_menu_divider.jpg 310B article04.jpg 16KB templatemo_style.css 5KB资源评论
