<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mad Illustrator's Portfolio Website Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<a href="index.html" id="logo"><img src="images/logo.png" alt="LOGO"></a>
<div id="navigation">
<ul>
<li class="selected">
<a href="index.html">Home</a>
</li>
<li>
<a href="work.html">Work</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
<div id="page">
<div id="contents">
<div id="welcome">
<p>
Hello! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in mi sit amet felis accumsan dignissim ut vel est. Duis molestie libero ut tortor commodo bibendum.
</p>
<img src="images/artist-small.png" alt="Welcome">
<p>
Suspendisse laoreet, nisi a fermentum mollis, dui elit feugiat leo, vel commodo leo justo at felis. Aenean mollis leo nisl, vel luctus sem. Aliquam vitae sem velit, vitae sodales augue.
</p>
</div>
<div id="featured">
<h5>Recent Illustrations</h5>
<ul>
<li>
<a href="work.html"><img src="images/shoes.jpg" alt="Illustration"></a>
<h4>Lorem Ipsum</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel pulvinar tellus.
</p>
</li>
<li>
<a href="work.html"><img src="images/zombie.jpg" alt="Illustration"></a>
<h4>Lorem Ipsum</h4>
<p>
Pellentesque ut felis nec est vestibulum viverra. Vestibulum a diam eget metus cursus porttitor eu ac elit.
</p>
</li>
<li>
<a href="work.html"><img src="images/doctor.jpg" alt="Illustration"></a>
<h4>Lorem Ipsum</h4>
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
</p>
</li>
<li>
<a href="work.html"><img src="images/scientist.jpg" alt="Illustration"></a>
<h4>Lorem Ipsum</h4>
<p>
Aenean vitae massa nulla. Ut tincidunt interdum dui at lobortis.
</p>
</li>
</ul>
</div>
<div id="articles">
<div>
<h5>Latest Blog Entries</h5>
<ul class="blogs">
<li>
<a href="blog.html"> <img src="images/smoker-small.jpg" alt="Img">
<p>
<span>01 March 2012</span> <b>Blog Title 1</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel pulvinar tellus.
</p>
</a>
</li>
<li>
<a href="blog.html"> <img src="images/woman-small.jpg" alt="Img">
<p>
<span>27 February 2012</span> <b>Blog Title 2</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel pulvinar tellus.
</p>
</a>
</li>
</ul>
</div>
<div>
<h5>Lorem Ipsum</h5>
<ul class="illustrations">
<li>
<a href="work.html"><img src="images/viking-small.jpg" alt="Img"></a>
</li>
<li>
<a href="work.html"><img src="images/zombie-small.jpg" alt="Img"></a>
</li>
<li>
<a href="work.html"><img src="images/caveman-small.jpg" alt="Img"></a>
</li>
<li>
<a href="work.html"><img src="images/cook-small.jpg" alt="Img"></a>
</li>
</ul>
<h5>Lorem Ipsum</h5>
<ul class="illustrations">
<li>
<a href="work.html"><img src="images/pirate-small.jpg" alt="Img"></a>
</li>
<li>
<a href="work.html"><img src="images/doctor-small.jpg" alt="Img"></a>
</li>
<li>
<a href="work.html"><img src="images/vendor-small.jpg" alt="Img"></a>
</li>
<li>
<a href="work.html"><img src="images/engineer-small.jpg" alt="Img"></a>
</li>
</ul>
</div>
</div>
</div>
<div id="footer">
<div id="connect">
<a href="#" target="_blank" class="facebook"></a> <a href="#" target="_blank" class="twitter"></a> <a href="#" target="_blank" class="googleplus"></a> <a href="#misc/contact/" target="_blank" class="mail"></a>
</div>
<ul class="navigation">
<li class="selected">
<a href="index.html">Home</a>
</li>
<li>
<a href="work.html">Work</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<p class="uppercase">
Copyright © 2011. Company Name. All rights reserved. <a href="http://www.htmldivcss.com" title="网站模板" target="_blank">网站模板</a>
</p>
<p>
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. You can remove any link to our website from this website template, you're free to use this website template without linking back to us. If you're having problems editing this website template, then don't hesitate to ask for help on the Forum.
</p>
</div>
</div>
</body>
</html>
268_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （33个子文件） 
268 
work.html 4KB
1.jpg 152KB css 
style.css 7KB index.html 5KB contact.html 3KB about.html 4KB images vendor.jpg 20KB caveman-small.jpg 5KB viking.jpg 16KB
artist-small.png 49KB smoker-small.jpg 5KB cook-small.jpg 5KB border.png 1014B logo.png 23KB artist.png 186KB viking-small.jpg 5KB engineer-small.jpg 5KB caveman.jpg 16KB shoes.jpg 20KB woman-small.jpg 5KB doctor-small.jpg 5KB zombie.jpg 12KB pirate-small.jpg 6KB pirate.jpg 15KB bg-body.png 3KB zombie-small.jpg 4KB scientist.jpg 23KB doctor.jpg 15KB icons.png 4KB vendor-small.jpg 6KB bg-header.png 267KB bg-menu-selected.png 1KB blog.html 5KB资源评论
