Welcome to the Candy Store

I made this layout just messing around. I really liked the colors, and when everything was finished, it turned out looking kind of like a chocolate factory.

HTML Code

If you don't want to down load this layout, you can use the the HTML code on your wesite.

<!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> <title>Welcome to Your Site Name</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> body { background-color: #fbf2d3; } #container{ margin:0 auto; width:800px; background:#fff; padding:0px; color: #000; } #header { background : url('http://unloadeed.com/testing/layout15.jpg'); width : 800px; height : 150px; margin-bottom : 10px; } #sidebar { width: 200px; float: left; padding: 10px; background-color: #fff; } #content { width: 560px; padding: 10px; float: right; background: #fff; } #top { clear: both; padding: 0px; height: 10px; background: #fff; } #footer { clear: both; padding: 0px; height: 150px; background: url('http://unloadeed.com/testing/layout15f.jpg'); } A:link, A:active, A:visited{ color: #fad9d2; text-decoration: none; font-size: 11px; font-family: arial;} A:hover { color: #fad9d2; font-size: 11px; border-bottom: 4px dotted; font-family: arial;} h1 { background-color : transparent; line-height: 10px; border-bottom: 2px solid; font-family : Arial; color : #936c5b; font-size: 25px;} h2 { background-color : transparent; font-family : Arial; border-bottom: 2px solid; color : #936c5b; font-size: 15px; letter-spacing: 5px;} </style> </head> <body> <div id="container"> <div id="header"> </div> <div id="content"> <h1>Welcome to the Candy Store</h1> I made this layout just messing around. It reminds me of candy or choclate. <h1>The Code</h1> </div>  <div id="sidebar"> <h2>Rawr</h2> <a href="/">Rawr</a> <h2>Check</h2> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /> </a> </p> <p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a> </p> </div>  <div id="footer"><br /><center> Layout made and coded by <a href="http://unloadeed.com">Unloadeed.com</a> (c) Your site 2009 </center></div> </div>  </body> </html>