Hi everyone i was wondering if there was a way to turn this code that is css into HTML
[html]
<!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" xml:lang="en" lang="en">
<head>
<!-- YOUR WEBSITE TITLE -->
<title>
YOUR SITE TITLE | ver. Optimistic
</title>
<!-- YOUR WEBSITE TITLE -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="copyright" content="Design by nelchee @ inobscuro.com" />
<link rel="Stylesheet" type="text/css" href="optimistic.css" />
<!--[if lte IE 6]>
<script type="text/javascript" language="javascript" src="iehover.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<h1>
<!-- YOUR WEBSITE NAME -->
Your website name
<!-- YOUR WEBSITE NAME END -->
</h1>
<!-- TOP MENU -->
<ul id="mainmenu">
<li class="active"><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Guestbook</span></a></li>
<li><a href="#"><span>Links</span></a></li>
</ul>
<!-- TOP MENU END -->
</div>
<div id="content">
<div>
<!-- CONTENT START -->
<h2>About the Template</h2>
<p>This design is featuring my drawing. It's been lying in my sketchbook for weeks until I decided to
make it useful. Some brushes were used as well (you can download them at
<a href="http://inobscuro.com/">my website</a>).</p>
<p>It took me so long to make because I changed my mind about the concept and color scheme about
a dozen times. I think my muse will be gone for a while.</p>
<h3>Technical information</h3>
<p>The layout is entirely formatted using <acronym title="Cascading Style Sheets">CSS</acronym>,
so I strongly advise you not to change it, otherwise the layout might break.
Editing the content should be easy, just don't delete anything outside areas marked with comments.</p>
<p>I added a JavaScript required by Internet Explorer 6 and lower so rounded corners would work on hover.
If you don't need the top menu, just delete everything between <code><!-- TOP MENU --></code>
and <code><!-- TOP MENU END --></code> — in this case you may discard the JavaScript.
To make a link appear highlighted (like <i>"Home"</i> shown here) add a class
<code>"active"</code> to the list item (<code>li</code> tag).</p>
<blockquote>
<p>To make text appear in this box, use the <code>blockquote</code> tag, or add a class <code>"box"</code>
to any element.</p>
<p>To keep the template looking exactly as you see it, use tags and classes provided in this example.</p>
</blockquote>
<p>It's tested in
<a href="http://www.mozilla.org/firefox/">Mozilla Firefox 1.5</a>,
<a href="http://www.microsoft.com/windows/ie/">Internet Explorer 6</a>,
<a href="http://www.opera.com/">Opera 8</a>, and <a href="http://browser.netscape.com/">Netscape 7.2</a>,
on resolution 800x600 and
1024x768, and works good in each of the mentioned. It is also validated
<a href="http://validator.w3.org/check?uri=referer">XHTML</a> and
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
</p>
<h2>Terms of Service</h2>
<ol>
<li>Leave the credit and link back to <a href="http://inobscuro.com/">http://inobscuro.com/</a> visible.</li>
<li>Do not redistribute.</li>
<li>Personal, non-profit use only.</li>
<li>Derivative work prohibited.</li>
</ol>
<h2>Instructions for Installation</h2>
<ul>
<li>Download the .ZIP file containing the entire template;</li>
<li>Unzip the file. Use software like <a href="http://www.rarlab.com/">WinRAR</a>,
<a href="http://www.winzip.com/">WinZIP</a>,
<a href="http://www.stuffit.com/">StuffIt</a> etc.
(If you have Windows XP then you don't need to download any additional software);</li>
<li>Open the file <strong>index.html</strong> in your text editor (Notepad) and edit the website title, content
and links in the navigation area. (Those areas are marked with comments.)
Save edited files under corresponding names (for example <i>about.html</i>, <i>links.html</i>...);</li>
<li>Upload all the files and folders to your server.</li>
</ul>
<p>
For detailed information on istalling this layout, please refer to my tutorial
<a href="http://inobscuro.com/tutorials/read/31/">Installing premade templates</a>.
</p>
<p>Have fun and enjoy :)</p>
<!-- CONTENT END -->
</div></div>
<div id="column">
<div>
<!-- NAVIGATION START -->
<h3>About...</h3>
<p>You can write something here if you like. Or put a cam, or shoutbox.
<a href="#">A link</a>.</p>
<h3>Network</h3>
<ul class="menu">
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
<li><a href="#">Website Link Here</a></li>
</ul>
<h3>Affiliates</h3>
<ul class="menu">
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
<li><a href="#">Affiliate Link Here</a></li>
</ul>
<!-- NAVIGATION END -->
<a href="http://inobscuro.com/" class="credit">Designed by In Obscuro</a>
</div></div>
<div id="footer">
<p>
<!-- COPYRIGHT INOFRMATION -->
Content © 2006 <a href="mailto:your@address.here">Your Name</a>.
<!-- COPYRIGHT INOFRMATION END -->
Design © <a href="http://inobscuro.com/">In obscuro</a>.
<a href="http://creativecommons.org/licenses/by-nc-nd/2.5/" title="Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License">Creative Commons Licence</a>
</p>
</div>
</div>
</body>
</html>
[/html]
Thank you ever so much