<!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>Web Tech Template - Free CSS Layout</title>
<meta name="keywords" content="Web Tech Template, CSS, HTML" />
<meta name="description" content="Web Tech Template is a free CSS website provided from moobnn.com" />
<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>
</head>
<body>
<div id="templatemo_header">
<div id="site_title">
<a href="http://www.moobnn.com" target="_parent">Technology Blog - Free CSS Template</a>
</div> <!-- end of site_title -->
<div id="header_right">
<a href="#"><img src="images/templatemo_twitter.png" alt="twitter" /></a><a href="#"><img src="images/templatemo_rss.png" alt="rss" /></a>
<div id="newsletter_box">
<form action="#" method="get">
<input type="text" id="user" name="user" class="newsletter_email" value="Enter your email address" onfocus="clearText(this)" onblur="clearText(this)" />
<input style="font-weight: bold;" type="submit" name="submit" id="submit" value="" />
</form>
</div>
</div>
<div class="cleaner"></div>
</div> <!-- end of header -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current"><span></span>Home</a></li>
<li><a href="#"><span></span>Web 2.0</a></li>
<li><a href="http://www.moobnn.com" target="_parent"><span></span>CSS Templates</a></li>
<li><a href="#"><span></span>Graphics</a></li>
<li><a href="#" target="_parent"><span></span>Inspirations</a></li>
<li><a href="#" target="_parent"><span></span>Flash Files</a></li>
</ul>
</div>
</div> <!-- end of templatemo_menu -->
<div id="templatemo_main"> <span class="tm_bottom"></span>
<div id="templatemo_content">
<div class="content_box">
<h1>Short Info of <span>Web Tech Blog</span></h1>
<p>Vivamus a massa. Donec iaculis felis id neque. Praesent varius egestas velit. Donec a massa ut pede pulvinar vulputate. Nulla et augue. Sed eu nunc quis pede tristique suscipit. Nam sit amet justo vel libero tincidunt dignissim. Cras magna velit, pellentesque mattis, faucibus vitae, feugiat vitae, sapien. Fusce ac orci sit amet velit ultrices condimentum. Integer imperdiet odio ac eros. Ut id massa. Nullam nunc. Vivamus sagittis varius lorem.</p>
</div>
<div class="post_box">
<div class="header">
<h2><a href="#">Cum sociis natoque penatibus et magnis</a></h2>
<div class="tag"><strong>Tags:</strong> <a href="#">Photography</a>, <a href="#">Free Photos</a>, <a href="#">HDR</a></div>
<span class="posted_date">
25 Feb
<strong>2010</strong>
</span>
</div>
<img src="images/templatemo_image_01.jpg" alt="image" />
<div class="pb_right">
<p>Praesent mattis varius quam. Vestibulum ullamcorper ipsum nec augue. Vestibulum auctor odio eget ante. Nunc commodo, magna pharetra semper vehicula, dui ligula feugiat elit, et euismod nunc orci ut libero. Etiam sodales massa vel metus. Mauris et elit quis mauris aliquet luctus.</p>
<div class="comment"><a href="#">Comment</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="post_box">
<div class="header">
<h2><a href="#">Quisque dictum pharetra neque</a></h2>
<div class="tag"><strong>Tags:</strong> <a href="#">Photography</a>, <a href="#">Free Photos</a>, <a href="#">Royalty</a></div>
<span class="posted_date">
25 Feb
<strong>2010</strong>
</span>
</div>
<img src="images/templatemo_image_02.jpg" alt="image" />
<div class="pb_right">
<p>Aliquam pretium porta odio. Fusce quis diam sit amet tortor luctus pellentesque. Donec accumsan urna non elit tristique mattis. Vivamus fermentum orci viverra nisl. In nec magna id ipsum aliquam dictum. Donec euismod enim et risus. Nunc dictum, massa non dignissim commodo, metus quam vehicula lorem, et dignissim enim augue vitae pede. D</p>
<div class="comment"><a href="#">Comment</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="post_box">
<div class="header">
<h2><a href="#">Quisque dictum pharetra neque</a></h2>
<div class="tag"><strong>Tags:</strong> <a href="#">Flash</a>, <a href="#">Free Files</a>, <a href="#">AS3</a></div>
<span class="posted_date">
25 Feb
<strong>2010</strong>
</span>
</div>
<img src="images/templatemo_image_02.jpg" alt="image" />
<div class="pb_right">
<p>Curabitur eleifend congue leo. Donec a purus vel purus sollicitudin placerat. Nunc at sem. Sed pellentesque placerat augue. Mauris pede nisl, placerat nec, lobortis vitae, dictum sed, neque.</p>
<div class="comment"><a href="#">Comment</a></div>
</div>
<div class="cleaner"></div>
</div>
<div class="post_box pb_last">
<div class="header">
<h2><a href="#">Mauris quis nulla sed ipsum pretium sagittis</a></h2>
<div class="tag"><strong>Tags:</strong> <a href="#">HTML</a>, <a href="#">Free Templates</a>, <a href="#">CSS</a></div>
<span class="posted_date">
25 Feb
<strong>2010</strong>
</span>
</div>
<img src="images/templatemo_image_03.jpg" alt="image" />
<div class="pb_right">
<p>Quisque in diam a justo condimentum molestie. Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero.</p>
<div class="comment"><a href="#">Comment</a></div>
</div>
<div class="cleaner"></div>
</div>
</div>
<div id="templatemo_sidebar">
<div class="sidebar_box">
<h3>Tag Cloud</h3>
<div class="sb_content">
<a href="#" style="font-size:12px">Aenean</a> <a href="#" style="font-size:11px">Cursus</a> <a href="#" style="font-size:16px">Maecenas</a> <a href="#" style="font-size:11px">Aliquam Ligula</a> <a href="#" style="font-size:20px">Egestas</a> <a href="#" style="font-size:16px">Suscipit</a> <a href="#" style="font-size:12px">Sapien</a> <a href="#" style="font-size:28px">Dignissim</a> <a href="#" style="font-size:14px">Vestibulum</a> <a href="#" style="font-size:12px">Lorem</a> <a href="#" style="font-size:14px">Urnain</a> <a href="#" style="font-size:20px">Neque</a> <a href="#" style="font-size:12px">Aenean</a>
</div>
</div>
<div class="sidebar_box">
<h3>Categories</h3>
<div class="sb_content">
<ul class="sidebar_menu">
<li><a href="#">CSS Techniques</a></li>
<li><a href="#">Web Design Tips</a></li>
黑色个人博客CSS模板_黑色个人博客.rar
需积分: 0 36 浏览量
2023-09-11
08:41:49
上传
评论
收藏 145KB RAR 举报
黑色个人博客CSS模板_黑色个人博客.rar （24个子文件） 
templatemo_twitter.png 5KB
templatemo_image_02.jpg 3KB templatemo_subscribe_btn.png 725B templatemo_logo.png 30KB templatemo_menu_right.jpg 566B templatemo_rss.png 4KB templatemo_site_header.png 7KB templatemo_subscribe_input.png 271B templatemo_footer_box.png 75KB templatemo_content_bottom.jpg 1KB templatemo_image_03.jpg 2KB templatemo_list.jpg 385B templatemo_comment.jpg 623B templatemo_content_top.jpg 1KB templatemo_body.jpg 310B
index.html 11KB templatemo_newsletter.png 2KB templatemo_date.jpg 1KB templatemo_menu_left.jpg 364B templatemo_footer_list.png 255B
templatemo_style.css 9KB templatemo_menu_wrapper.jpg 323B templatemo_image_01.jpg 4KB templatemo_footer.jpg 7KB资源评论
