<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Blog - Gardening Website Template</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->
</head>
<body>
<div id="page">
<div id="header">
<div>
<a href="index.html"><img src="images/logo.gif" alt="Logo" /></a>
</div>
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="organic.html"><span>Organic Gardening</span></a></li>
<li><a href="tips.html"><span>Gardening Tips & Useful Links</span></a></li>
<li class="current"><a href="blog.html"><span>Blog</span></a></li>
<li><a href="about.html"><span>About</span></a></li>
<li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
<div class="body">
<div id="blog">
<div class="article">
<h2>Blog</h2>
<span>This website template has been collect from <a href="http://www.htmldivcss.com/" title="模板在线">模板在线</a> for you, for free. You can replace all this text with your own text.</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec nisi erat, nec placerat risus. Nunc id metus et metus mollis fringilla. Quisque dictum, odio et volutpat posuere, massa ligula gravida dui, ut varius arcu lorem non neque. Donec semper placerat magna ut eleifend. Donec rhoncus quam at dolor tempor non pulvinar augue suscipit. Maecenas nibh nulla, molestie nec sodales a, interdum vitae mauris. Fusce varius massa et velit rutrum aliquet. Integer nisi erat, ornare eget commodo a, accumsan vel nibh. Mauris aliquet ante et enim convallis auctor. Aliquam elementum dictum elementum. Quisque vulputate dignissim neque, at faucibus lectus dignissim ut. Vestibulum eget accumsan ipsum. Donec ut mi massa, id rhoncus dui. Proin vitae ipsum a enim ultrices laoreet. Maecenas at dolor ante, vel malesuada odio. Integer vehicula elementum metus ac semper.</p>
<p>Curabitur cursus luctus pellentesque. Aliquam vitae odio odio, non sodales augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut laoreet, lectus non consectetur tempus, elit lorem lobortis mi, quis sagittis metus elit at augue. Proin dictum ipsum at lacus mattis pretium. Nam blandit mi id enim laoreet consectetur. Sed venenatis neque nec justo gravida eu cursus enim mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse in massa enim, a elementum velit. Curabitur lacus eros, dictum eget luctus nec, consectetur vitae sapien. Aliquam erat volutpat. Integer eleifend turpis lorem, ut molestie tellus. Proin vel tristique neque. Proin non tempus quam.</p>
</div>
<div class="sidebar">
<h2>Recent Post</h2>
<ul>
<li><a href="index.html">Cras tempor turpis</a></li>
<li><a href="index.html">Mattis tempor</a></li>
<li><a href="index.html">Lectus tincidunt</a></li>
<li><a href="index.html">Pharetra metus</a></li>
<li><a href="index.html">Donec vitae vehicula</a></li>
</ul>
<h2>Archive</h2>
<ul>
<li><a href="index.html">Cras tempor turpis</a></li>
<li><a href="index.html">Mattis tempor</a></li>
<li><a href="index.html">Lectus tincidunt</a></li>
<li><a href="index.html">Pharetra metus</a></li>
<li><a href="index.html">Donec vitae vehicula</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
<ul>
<li>
<h3>Magazine & Books</h3>
<div id="magazine">
<p>Fusce interdum vestibulum lacus, sagittis sagittis mauris</p>
<a href="index.html"><img src="images/magazine.jpg" alt="Image" /></a>
</div>
</li>
<li>
<h3>Gallery</h3>
<div id="gallery">
<b>Donec a quam quis est</b>
<a href="index.html"><img src="images/family-harvesting.jpg" alt="Image" /></a>
<p>Nam eu tellus a sem laoreet vel pulvinarid nisi at risus sit <br />by: Lizah</p>
<a href="index.html" class="viewall">View all Photos</a>
</div>
</li>
<li>
<h3>Suppliers Directory</h3>
<div>
<b>Lorem ipsum dolor</b>
<span>Vivamus placerat eros aligula vulpu</span>
<p>(+36) 924-068-207</p>
<b>Molestie Faucibus</b>
<span>Proin magna velit, mattis portitor</span>
<p>(+36) 924-068-207</p>
<b>Vestibulum Matti</b>
<p>(+36) 924-068-207</p>
<a href="index.html" class="viewall">View all Suppliers</a>
</div>
</li>
<li>
<h3>Get in Touch</h3>
<div>
<p>Email:<br />company@email.com<br /><br /></p>
<p>Address:<br />189 Lorem Ipsum Pellentes<br />Mauris Etiam ut velit odio<br />Proin nisi 0000<br /><br /></p>
<p>Phone:<br /> 117-683-9187-000</p>
</div>
</li>
</ul>
<div>
<p class="connect">Join us on Facebook & Twitter</p>
<p class="footnote">Copyright ©. All right reserved. <a href="http://www.htmldivcss.com/" title="模板在线">模板在线</a></p>
</div>
</div>
</div>
</body>
</html>
213_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （31个子文件） 
213 
tips.html 1KB
1.jpg 177KB css 
style.css 7KB ie7.css 194B organic.html 4KB index.html 4KB contact.html 3KB about.html 4KB images 
bg-menu-selected-left.gif 1KB logo.gif 19KB bg-footer.jpg 5KB bg-menu-selected-right.gif 1KB girl-harvesting.jpg 38KB magazine.jpg 36KB bg-readmore.gif 1KB girl-harvesting2.jpg 57KB family-harvesting.jpg 17KB bg-body.jpg 58KB border-vertical.gif 1KB organic.jpg 48KB bg-menu-right.gif 1KB bg-menu-left.gif 1KB frame.gif 2KB gardening.jpg 62KB vegetables.jpg 47KB harvesting.jpg 39KB --gardening.jpg 38KB --girl-harvesting2.jpg 37KB lettuce.jpg 38KB bg-footer-item.gif 2KB blog.html 5KB资源评论
