<!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" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/column.js" type="text/javascript"></script>
<title>welcome::CHARCOAL::</title>
</head>
<body>
<!--MAIN PANNEL STARTS -->
<div id="main_pannel">
<!--LEFT-PANNEL STARTS -->
<div id="left_pannel">
<!--HEADER STARTS -->
<div id="header_bg">
<!--LOGO-BG STARTS -->
<div class="logo_bg">
<div class="logo_divider">
<h5>Logo Design<span>$150</span></h5>
<p class="content">Lorem ipsum dolor sit amet consectetur adipiscing elit. Pellentesque ligula erat mattis.Fusce arcu erat
feugiat vel ultrices non vehicula quis lorem.</p>
<p class="more"><a href="#" title="more">more</a></p>
</div>
<br class="spacer" />
</div>
<!--LOGO-BG ENDS -->
<!--WEB-DESIGN STARTS -->
<div class="webdesign_bg">
<div class="webdesign_divider">
<h5>Web Design<span>$350</span></h5>
<p class="content">Mauris bibendum porttitor ipsum. Quisque enim nibh tristique et dignissim non aliquam vitae purus.
Pellentesque eleifend, lacus et cursus gravida, nisi magna pulvinar. </p>
<p class="more"><a href="#" title="more">more</a></p>
</div>
<br class="spacer" />
</div>
<!--WEB-DESIGN ENDS -->
<!--ILLUSTRATION STARTS -->
<div class="illustration_bg">
<div class="illustration_divider">
<h5>Illustration<span>$250</span></h5>
<p class="content">Mauris bibendum porttitor ipsum. Quisque enim nibh tristique et dignissim non aliquam vitae purus.</p>
<p class="more"><a href="#" title="more">more</a></p>
</div>
<br class="spacer" />
</div>
<!--ILLUSTRATION ENDS -->
<!--ILLUSTRATION STARTS -->
<div class="illustration01_bg">
<div class="illustration01_divider">
<h5>Illustration<span>$150</span></h5>
<p class="content">Pellentesque eleifend, lacus et cursus gravida, nisi magna pulvinar. Aliquam vel nunc. Etiam libero.
Phasellus magna. Etiam lacinia. Maecenas pretium vehicula odio. Proin tortor.</p>
<p class="more"><a href="#" title="more">more</a></p>
</div>
<br class="spacer" />
</div>
<!--ILLUSTRATION ENDS -->
<br class="spacer" />
</div>
<!--HEADER ENDS-->
<br class="spacer" />
<!--WORKS-PAGE STARTS-->
<div id="body_left">
<h1>works of charcoal </h1>
<h4 class="works_page">Suspendisse euismod dignissim sed nibh. Duis nec felis necores justo fermentum suscipit incorbist of the hallentroupe
sedamet dolore curabitor.</h4>
<h4 class="works_text">Fellis of the senetore get in toiuch necores. Portfolio of the designers feugiat condemeniam sedamet
a duise lullam. Hallentoupe of the fills to the most suspendisse dolor in sapien. Will the most venetias to dolor nunc metus
spaine inperdietare. To the most of duises this has been set as a lullam and come to the parties of the central hallentoupe.</h4>
<div id="work_pannel">
<div class="works_bg">
<img src="images/works_03.jpg" width="188" height="83" alt="works_03" title="works_03" border="0" />
<p class="works_content">Maecenas eros. Donec ornare condimentum sapien. Nunc metus sapien imperdiet sit amet ornare in
mattis vitae magna. </p>
<h4>www.timbre.com</h4>
<h5>This is a website specially designer for the most lullam hallentroupe duise and curabitor people.</h5>
<br class="spacer" />
</div>
<div class="works_bg">
<img src="images/works_04.jpg" width="188" height="83" alt="works_04" title="works_04" border="0" />
<p class="works_content">Maecenas eros. Donec ornare condimentum sapien. Nunc metus sapien imperdiet sit amet ornare in
mattis vitae magna. </p>
<h4>www.high4.com</h4>
<h5>This is a logo based site specially built to showcase the works of the most creative designers.</h5>
<br class="spacer" />
</div>
<div class="works_bottom">
<img src="images/works_05.jpg" width="188" height="83" alt="works_05" title="works_05" border="0" />
<p class="works_content">Maecenas eros. Donec ornare condimentum sapien. Nunc metus sapien imperdiet sit amet ornare in
mattis vitae magna. </p>
<h4>www.illustrateworldwide.com</h4>
<h5>This is a illustration based site specially built to showcase the illustrative works of the best.</h5>
<br class="spacer" />
</div>
<br class="spacer" />
</div>
<br class="spacer" />
</div>
<!--WORKS-PAGE ENDS-->
<!--FOOTER-BOTTOM STARTS-->
<div id="footer-main">
<ul>
<li><a href="index.html" title="welcome">welcome</a></li>
<li>|</li>
<li><a href="#" title="service that we provide">services that we provide</a></li>
<li>|</li>
<li class="active">works of charcoal</li>
<li>|</li>
<li><a href="#" title="get in touch">get in touch</a></li>
</ul>
<br class="spacer" />
<p>© Copyright Information Goes Here. All Rights Reserved.
<span> collect from: <a href="http://www.moobnn.com/" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></span></p>
<br class="spacer" />
</div>
<!--FOOTER-BOTTOM ENDS-->
<br class="spacer" />
</div>
<!--LEFT-PANNEL ENDS -->
<!--SHDW-PANNEL STARTS -->
<div id="shdw_pannel">
<br class="spacer" />
</div>
<!--SHDW-PANNEL ENDS -->
<!--RIGHT-PANNEL STARTS -->
<div id="right_pannel">
<a href="#index.html"><img src="images/logo.gif" width="164" height="122" alt="logo" title="logo" border="0" class="logo" /></a>
<ul class="navigation">
<li class="yellow"><span class="main"><span class="left"><a href="index.html" title="welcome">Welcome</a></span></span></li>
<li class="red"><span class="main"><span class="left"><a href="#" title="services that we">services that we provide</a></span></span></li>
<li class="green"><span class="main"><span class="left"><a href="#" title="works of charcoal">works of charcoal</a></span></span></li>
<li class="brown"><span class="main"><span class="left"><a href="#" title="get in touch">get in touch</a></span></span></li>
</ul>
<div id="portfoilio_bg">
<h2>The Deziners</h2>
<h5>George Harrison from USA</h5>
<img src="images/works_01.jpg" width="188" height="83" alt="works_01" title="works_01" border="0" />
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos
dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt
mollitia animi, id est laborum et dolorum fuga.</p>
<p class="more"><a href="#" title="more">more</a></p>
<h5>Michael Phelps from UK</h5>
<img src="images/works_02.jpg" width="188" height="83" alt="works_02" title="works_02" border="0" />
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio
cumque nihil impedit quo minus id quod maxime placeat facere possimus omnis voluptas assumenda est, omnis dolor repellendus.
Temporibus autem quibusdam et aut officiis debitis aut rerum necessita.</p>
<p class="more"><a href="#" title="more">more</a></p>
<br class="spacer" />
</div>
<br class="spacer" />
</div>
<!--RIGHT-PANNEL ENDS -->
<br class="spacer" />
</div>
<!--MAIN PANNEL ENDS -->
</body>
</html>
个性插画花纹设计师作品CSS模板_个性插画花纹设计复古设计师作品博客展示喷溅.rar
需积分: 0 84 浏览量
2023-09-11
08:38:53
上传
评论
收藏 322KB RAR 举报
个性插画花纹设计师作品CSS模板_个性插画花纹设计复古设计师作品博客展示喷溅.rar （42个子文件） 
style.css 14KB
icon_testimonial.gif 117B
body_bg.jpg 415B yellow_right.gif 115B web_design.jpg 18KB green_nav.jpg 835B banner_hd.gif 1KB header_bg.jpg 67KB logo.gif 7KB illustrtaion.jpg 11KB divider.gif 74B Thumbs.db 119KB banner.jpg 16KB portfolio_hdBG.gif 59B works_02.jpg 6KB works_03.jpg 5KB footer_bg.jpg 18KB works_01.jpg 7KB yellow_nav.jpg 960B right_pannel.jpg 10KB brown_nav.jpg 1KB icon_post.gif 192B right_bg.gif 12KB red_nav.jpg 838B icon_comment.gif 54B port_03.jpg 9KB illustrtaion_01.jpg 9KB left_bg.gif 64B
index.html 7KB port_02.jpg 8KB brown_right.gif 168B column.js 2KB logo_design.jpg 16KB red_right.gif 168B port_01.jpg 10KB works.html 7KB works_05.jpg 13KB green_right.gif 168B works_divider.gif 44B shdw_bg.gif 50B bttn_submit.gif 125B works_04.jpg 4KB资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
