JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Smart Arts Web Design</title>
<link href="smartArt.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo"><img src="smartArtLogo.gif" alt="Smart Art Web Designs" width="650" height="100" /></div>
<div id="leftcolumn">
<a class="mainnav" href="index.html"><img src="artHomeBtn.gif" alt="Home" width="107" height="25" /></a>
<a class="mainnav" href="#"><img src="artAboutBtn.gif" alt="About" width="107" height="25" /></a>
<a class="mainnav" href="#"><img src="artPortBtn.gif" alt="Portfolio" width="107" height="25" /></a>
<a class="mainnav" href="#"><img src="artContactBtn.gif" alt="Contact" width="107" height="25" /></a>
</div>
<div id="rightcolumn">
<p>Smart Art Web Designs take the web to new places.</p>
<p>No more boring pages without color. </p>
<p>We can help with websites that need:</p>
<ul>
<li>content management</li>
<li>user interactivity</li>
<li>features</li>
</ul>
<p class="contact">Smart Art Web Designs<br />
123 Pandora Road<br />
Canton, OH. 44718<br />
<br />
330-555-5555
</p>
<div id="nav">
<a href="index.html">Home</a>
<a href="#">About</a>
<a href="#">Portfolio</a>
<a href="#">Contact</a>
</div>
<div id="footer">Copyright © 2009 Smart Arts Web Design<br />
<a href="mailto:[email protected]">[email protected]</a></div>
</div>
</div>
</body>
</html>
CSS
body{
background:#2E6213;
}
#wrapper{
background:#FFF;
margin:55px auto auto auto;
width:80%;
}
#logo{
background:#B56D06;
width:100%;
}
#leftcolumn{
padding:10px;
float:left;
margin:5px;
width:15%;
line-height:2.5em;
}