<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Blog</title>
<link rel="icon" type="image/png" href="images/favicon.ico" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!--[if lt IE 9]>
<script src="scripts/ie9.js">IE7_PNG_SUFFIX=".png";</script>
<![endif]-->
<link href='../../fonts.googleapis.com/css@family=Arvo' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="stylesheet" href="stylesheets/responsive.css">
<link rel="stylesheet" href="stylesheets/jquery.fancybox-1.3.4.css" media="screen">
<script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="scripts/jquery.easing-1.3.pack.js"></script>
<script src="scripts/jquery.fancybox-1.3.4.js"></script>
<script src="scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="scripts/js_func.js"></script>
</head>
<body>
<div class="wraper">
<header class="header">
<!-- top left menu -->
<nav>
<ul class="top_menu">
<li><a href="index.html"><span>home</span></a></li>
<li><a href="work.html"><span>my work</span></a></li>
<li class="right_side"><a href="text_full.html"><span>about us</span></a></li>
<li class="right_side"><a class="selected" href="blog.html"><span>blog</span></a></li>
</ul>
</nav>
<!-- /top left menu -->
</header>
</div>
<div class="content_block blog_block">
<div class="wraper">
<h2>blog</h2>
<!-- blog left -->
<div class="blog_left">
<h1>lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac quam a nisl tempor pharetra sit amet vel nisi. Duis fermentum neque non neque rhoncus vestibulum. Suspendisse nibh nulla, varius ut fermentum vitae, tincidunt ut libero. Praesent tellus neque, rhoncus et gravida quis, venenatis vitae quam. Maecenas sagittis convallis dui, quis rutrum mi elementum eget. </p>
<blockquote>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nec orci tellus, a faucibus ligula. Fusce sit amet dolor vitae tortor placerat condimentum. Mauris vitae orci dolor. </p>
</blockquote>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nec orci tellus, a faucibus ligula. Fusce sit amet dolor vitae tortor placerat condimentum. Mauris vitae orci dolor. Nam mauris ante, egestas et condimentum in, tempor in lectus. Aliquam nec euismod elit. Pellentesque est erat, ultrices sit amet porttitor in, feugiat id urna. In accumsan elit non urna pulvinar suscipit adipiscing neque lacinia. Nam mauris ante, egestas et condimentum in, tempor in lectus. Aliquam nec euismod elit. Pellentesque est erat, ultrices sit amet porttitor in, feugiat id urna. In accumsan elit non urna pulvinar suscipit adipiscing neque lacinia.</p>
<ul class="metadata">
<li><strong>24</strong> Comments</li>
<li class="full_post">Read full post</li>
<li class="date">Posted by Squidix on June 6, 2012</li>
</ul>
<div class="read_more"><a href="post.html">read more</a></div>
<h1>lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac quam a nisl tempor pharetra sit amet vel nisi. Duis fermentum neque non neque rhoncus vestibulum. Suspendisse nibh nulla, varius ut fermentum vitae, tincidunt ut libero. Praesent tellus neque, rhoncus et gravida quis, venenatis vitae quam. Maecenas sagittis convallis dui, quis rutrum mi elementum eget. </p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nec orci tellus, a faucibus ligula. Fusce sit amet dolor vitae tortor placerat condimentum. Mauris vitae orci dolor. Nam mauris ante, egestas et condimentum in, tempor in lectus. Aliquam nec euismod elit. Pellentesque est erat, ultrices sit amet porttitor in, feugiat id urna. In accumsan elit non urna pulvinar suscipit adipiscing neque lacinia. Nam mauris ante, egestas et condimentum in, tempor in lectus. Aliquam nec euismod elit. Pellentesque est erat, ultrices sit amet porttitor in, feugiat id urna. In accumsan elit non urna pulvinar suscipit adipiscing neque lacinia.</p>
<ul class="metadata">
<li><strong>24</strong> Comments</li>
<li class="full_post">Read full post</li>
<li class="date">Posted by Squidix on June 6, 2012</li>
</ul>
<div class="read_more"><a href="post.html">read more</a></div>
<h1>lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac quam a nisl tempor pharetra sit amet vel nisi. Duis fermentum neque non neque rhoncus vestibulum. Suspendisse nibh nulla, varius ut fermentum vitae, tincidunt ut libero. Praesent tellus neque, rhoncus et gravida quis, venenatis vitae quam. Maecenas sagittis convallis dui, quis rutrum mi elementum eget. </p>
<blockquote>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nec orci tellus, a faucibus ligula. Fusce sit amet dolor vitae tortor placerat condimentum. Mauris vitae orci dolor. </p>
</blockquote>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nec orci tellus, a faucibus ligula. Fusce sit amet dolor vitae tortor placerat condimentum. Mauris vitae orci dolor. Nam mauris ante, egestas et condimentum in, tempor in lectus. Aliquam nec euismod elit. Pellentesque est erat, ultrices sit amet porttitor in, feugiat id urna. In accumsan elit non urna pulvinar suscipit adipiscing neque lacinia. Nam mauris ante, egestas et condimentum in, tempor in lectus. Aliquam nec euismod elit. Pellentesque est erat, ultrices sit amet porttitor in, feugiat id urna. In accumsan elit non urna pulvinar suscipit adipiscing neque lacinia.</p>
<ul class="metadata">
<li><strong>24</strong> Comments</li>
<li class="full_post">Read full post</li>
<li class="date">Posted by Squidix on June 6, 2012</li>
</ul>
<div class="read_more"><a href="post.html">read more</a></div>
</div>
<!-- /blog left -->
<!-- blog right -->
<div class="blog_right">
<button>BUTTON</button>
<h3>Categories</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consectetur adipiscing elitsed ac</a></li>
<li><a href="#">Quam a nisl tempor pharetra sit</a></li>
<li><a href="#">Active/hover link</a></li>
<li><a href="#">Non neque rhoncus vestibulum.</a></li>
<li><a href="#">Suspendisse nibh nulla varius ut</a></li>
<li><a href="#">Fermentum vitae tincidunt ut libero.</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consectetur adipiscing elitsed ac</a></li>
<li><a href="#">Quam a nisl tempor pharetra sit</a></li>
<li><a href="#">Amet vel nisi duis fermentum neque</a></li>
</ul>
<h3>meta</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consectetur adipiscing elitsed ac</a></li>
<li><a href="#">Quam a nisl tempor pharetra sit</a></li>
<li><a href="#">Amet vel nisi duis fermentum neque</a></li>
</ul>
</div>
<!-- /blog right -->
<div class="pager"><a class="older" href="#">older</a><a href="#">1</a><span>2</span><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#" class="newer">newer</a></div>
</div>
</div>
<div class="footer_wrap">
<div class="wraper">
<!-- comment block -->
<div class="contact_block comment_block">
<h3>leave a comment</h3>
<form method="post" action="#">
<p><input type="text"
黑色棱角精美HTML网站模板是一款黑色质感风格的HTML网页模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （82个子文件） 
黑色棱角精美HTML网站模板是一款黑色质感风格的HTML网页模板下载。 chahua3043 stylesheets 
style.css 16KB PIE.htc 40KB jquery.fancybox-1.3.4.css 8KB responsive.css 8KB fonts Acknowledgement-webfont.ttf 25KB Acknowledgement-webfont.eot 26KB Acknowledgement-webfont.eot@ 26KB
Acknowledgement-webfont.svg 27KB Acknowledgement-webfont.woff 14KB default.htm 6KB
work.html 6KB post.html 8KB index.html 6KB images 
fancybox.png 15KB arrow3.png 14KB my_skills.png 132KB pager.png 1KB world.png 2KB
blank.gif 43B
button.jpg 5KB dot2.gif 167B h2.png 8KB my_skills_bg.png 161KB arrow.png 79KB content_block.jpg 195KB content_block2.jpg 179KB venzel.png 11KB dot.gif 167B footer_wrap.png 55KB fancybox-y.png 176B social.png 7KB fancy_title_over.png 70B top_corner.png 3KB rss.gif 3KB blockquote_right.png 12KB menu_h3.png 6KB work_block2.jpg 82KB blockquote_left.png 11KB bottom_corner.png 3KB send.png 3KB blog_bg.jpg 275KB tweeter.gif 3KB work img3.png 56KB img9.png 38KB img6.jpg 39KB img8.png 18KB img2.jpg 17KB img5.jpg 17KB img4.png 24KB img4.jpg 9KB img2.png 49KB img7.jpg 15KB img3.jpg 34KB img8.jpg 37KB bg zoom.png 16KB img_bg.png 3KB img.jpg 12KB img7.png 48KB img6.png 5KB img.png 48KB img5.png 53KB img9.jpg 45KB menu_h2.png 4KB intro_text_bg.jpg 22KB facebook.gif 3KB author img.jpg 3KB author.png 14KB work_block.jpg 317KB metadata.gif 2KB fancybox-x.png 203B body.png 55KB corner.png 392B devider.gif 637B arrow2.png 38KB menu_h.png 4KB text_full.html 5KB blog.html 9KB scripts jquery.fancybox-1.3.4.js 29KB jquery.easing-1.3.pack.js 7KB ie9.js 41KB jquery.mousewheel-3.0.4.pack.js 1KB js_func.js 663B资源评论
