Copy the XHTML into your document. Be sure to not copy the advertisement copy that may appear within the code.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<link type="text/css" href="styles.css" rel="stylesheet" />
</head>
<body>
<div id="header">
</div>
<div id="body">
<div id="menu">
<h1>Categories</h1>
<ul>
<li><a href="#/">Place your portfolio</a>
<span class="cat_count">[ 3 ]</span></li>
<li><a href="#">entries into categories.</a>
<span class="cat_count">[ 1 ]</span></li>
<li><a href="#">The numbers by each</a>
<span class="cat_count">[ 2 ]</span></li>
<li><a href="#">category indicate how many</a><span class="cat_count"> [ 7 ]</span></li>
<li><a href="#">portfolio items you have to</a><span class="cat_count"> [ 5 ]</span></li>
<li><a href="#">represent that category.</a>
<span class="cat_count">[ 1 ]</span></li>
</ul>
</div>
<h1>{Your Name Here}'s Portfolio</h1>
<h3><a href="#">Your First Example</a></h3>
<p>
<a href="#"><img name="portfolio_thumbnail" src="" width="150" height="150" alt="Descriptive Alt Text" style="background-color: #f90;" class="portfolioImg" /></a>
Describe the example in this section. As this is your first example, it should be of your <em>absolute best work</em>. Your description could be anything that clarifies the picture. I like to put only 1 or 2 sentences, but make sure you have enough information about the image so that your audience learns enough.</p>
<p>Link the headline and image to a sample page in the site. It's better to link to a sample
page that you've copied to your hard drive, but make sure to get permission
from the site owner before you do this. It's important to have a link to a
live site so that you can display your coding ability. Plus, this gives you
the opportunity to show dynamic elements that would not display in an image. </p>
<h4>Category Name</h4>
<p>
<a href="#">Return to Resume</a>
</p>
</div>
<div id="footer">
</div>
</body>
</html>
You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.
