<!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>Smoky Theme - Free CSS Template</title>
<meta name="keywords" content="smoky, web, theme, design, free templates, website templates, CSS, HTML" />
<meta name="description" content="Smoky Theme is a free website template provided by templatemo.com for all webmasters and designers." />
<link href="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" 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:11,
animSpeed:600,
pauseTime:2000,
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="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><a href="#">Free CSS Templates</a></h1></div>
<div id="twitter"><a class="twitter rss_twitter" href="http://www.facebook.com/templatemo">Follow Us</a></div>
<div class="cleaner"></div>
</div>
<div id="templatemo_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><a href="contact.html">Contact</a></li>
</ul>
<div class="cleaner"></div>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_middle">
<div id="intro">
<h2>Lorem ipsum dolor sit amet </h2>
<p>Donec dignissim, mi eu imperdiet ultrices, quam nisi dignissim tellus, viverra sodales erat orci nec magna. Proin dolor mi, ultrices sit amet iaculis eu.</p>
<a class="learn_more" href="#">Learn more</a>
</div>
<div id="slider">
<a href="#"><img src="images/slideshow/01.jpg" alt="" title="Lorem ipsum dolor sit amet." /></a>
<a href="#"><img src="images/slideshow/02.jpg" alt="" title="Nullam ante leo, consectetur eget." /></a>
<a href="#"><img src="images/slideshow/03.jpg" alt="" title="Suspendisse sit amet enim elit." /></a>
<a href="#"><img src="images/slideshow/04.jpg" alt="" title="Nulla faucibus luctus quam eget placerat." /></a>
<a href="#"><img src="images/slideshow/05.jpg" alt="" title="Phasellus aliquet viverra posuere. " /></a>
</div>
</div>
<div id="tm_top"></div>
<div id="templatemo_main">
<div class="col_w900">
<div class="col_allw280 frontpage_box">
<img src="images/icon1.jpg" alt="Image" />
<h2>CSS Templates</h2>
<span class="tagline">Lorem ipsum dolor sit amet</span>
<p><a href="http://www.moobnn.com" target="_parent" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> provides a high quality free css templates for your personal or commercial websites. Credit goes to <a href="#" target="_blank">Free Photos</a> for photos used in this template. </p>
<a class="more" href="#">More</a>
</div>
<div class="col_allw280 frontpage_box">
<img src="images/icon2.jpg" alt="Image" />
<h2>Online Advertising</h2>
<span class="tagline">Morbi tincidunt lacinia mauris</span>
<p>Curabitur euismod scelerisque lacus. Cras pretium sem sed odio. Vestibulum nisl mauris, malesuada nec, dictum in, molestie in, pede. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<a class="more" href="#">More</a>
</div>
<div class="col_allw280 frontpage_box col_last">
<img src="images/icon3.jpg" alt="Image" />
<h2>Social Services</h2>
<span class="tagline">Aenean feugiat fermentum </span>
<p>Sed nisi quam, egestas ac bibendum eu, dictum id enim. Pellentesque et magna neque accumsan nisi. Vivamus aliquet metus id magna semper. Mauris in elit. Morbi nec magna.</p>
<a class="more" href="#">More</a>
</div>
<div class="cleaner"></div>
</div>
<div class="col_w900 col_w900_last">
<div class="col_w420 float_l">
<h2>Latest Updates</h2>
<div class="lbe_box">
<div class="lbe_date">
May 28, 2048
<span>by Jovi</span>
</div>
<div class="lbe_content">
<h3><a href="#">Etiam a Dui et Eros Imperdiet Rhoncus</a></h3>
<p> Integer rutrum egestas porta. Aliquam nec felis eget nulla aliquet dapibus ut a justo.Aliquam molestie pharetra mauris, et ultrices magna accumsan. </p>
</div>
<div class="cleaner"></div>
</div>
<div class="lbe_box">
<div class="lbe_date">
May 14, 2048
<span>by Denial</span>
</div>
<div class="lbe_content">
<h3><a href="#">Praesent vehicula orci eu turpis molestie</a></h3>
<p>Phasellus blandit auctor massa dapibus feugiat. Proin pretium aliquam elit ac euismod. Nunc pulvinar dictum risus, vitae ornare est eget. </p>
</div>
<div class="cleaner"></div>
</div>
<a class="more" href="#">More</a>
</div>
<div class="col_w420 lp_box float_r">
<h2>Our Latest Project</h2>
<ul class="lp_frontpage">
<li><a href="#"><img width="200" height="100" src="images/templatemo_image_01.jpg" alt="image" /></a></li>
<li><a href="#"><img width="200" height="100" src="images/templatemo_image_02.jpg" alt="image" /></a></li>
<li><a href="#"><img width="200" height="100" src="images/templatemo_image_03.jpg" alt="image" /></a></li>
<li><a href="#"><img width="200" height="100" src="images/templatemo_image_04.jpg" alt="image" /></a></li>
</ul>
<a class="more" href="#">More</a>
</div>
<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
</div> <!-- end of main -->
<div id="tm_bottom"></div>
<div id="templatemo_footer">
Copyright © 2048 <a href="#">Your Company Name</a> | Template from <a href="http://www.moobnn.com" target="_parent" title="网站模板">网站模板</a>
</div> <!-- end of footer -->
</div> <!-- end
亮丽背景企业产品展示类模板_绿色 按钮 圆角 产品 背景 ui 炫彩 html 整站_html网站模板_网页源码移动端.rar
21 浏览量
2023-08-05
15:48:14
上传
评论
收藏 1.09MB RAR 举报
亮丽背景企业产品展示类模板_绿色 按钮 圆角 产品 背景 ui 炫彩 html 整站_html网站模板_网页源码移动端.rar （62个子文件） 
亮丽背景企业产品展示类模板_绿色 按钮 圆角 产品 背景 ui 炫彩 html 整站 template_313_smoky js 
jquery.nivo.slider.js 14KB slimbox2.js 4KB jquery.min.js 70KB css slimbox2.css 1KB nivo-slider.css 1KB
index.html 8KB contact.html 5KB images 
blog_image_02.jpg 8KB
templatemo_middle.png 2KB
prevlabel.gif 1KB templatemo_image_02.jpg 7KB templatemo_logo.png 8KB news_image_03.jpg 5KB templatemo_main_bottom.png 328B templatemo_button.png 1KB loading.gif 4KB templatemo_menu_hover.png 877B slideshow 02.jpg 14KB 01.jpg 14KB icon1.png 2KB 05.jpg 30KB 04.jpg 23KB 03.jpg 36KB closelabel.gif 979B templatemo_main_top.png 326B blog_image_03.jpg 7KB templatemo_menu.png 386B icon3.jpg 2KB icon2.jpg 1KB news_image_04.jpg 4KB gallery image_03_l.jpg 85KB image_06_s.jpg 11KB image_04_l.jpg 93KB image_05_l.jpg 91KB image_02_s.jpg 10KB image_02_l.jpg 101KB image_06_l.jpg 103KB image_04_s.jpg 10KB image_01_l.jpg 94KB image_03_s.jpg 10KB image_01_s.jpg 8KB image_05_s.jpg 8KB templatemo_more.png 593B news_image_02.jpg 5KB templatemo_image_03.jpg 6KB twitter.png 4KB news_image_01.jpg 5KB map_thumb.jpg 19KB icon1.jpg 1KB templatemo_body.jpg 109KB map_big.jpg 36KB blog_image_01.jpg 8KB nextlabel.gif 1KB templatemo_header.png 79KB templatemo_middle_subpage.png 2KB templatemo_logo_PNG_source.png 60KB templatemo_image_04.jpg 6KB templatemo_image_01.jpg 5KB templatemo_style.css 9KB blog.html 6KB news.html 6KB gallery.html 7KB资源评论
