Goat
End result
Code:<!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"> <head><title>Goat</title> <link type="text/css" media="screen" rel="stylesheet" href="main.css" /> </head> <body> <div id="container"> <div id="banner"><h1>Photography: My Muse.</h1></div> <!-- end banner --> <div id="navigation"><ul><li>My Work</li><li>Typography</li><li>Contact</li><li>Inspiration</li></ul></div> <!-- end navigation --> <div id="photo"></div> <div id="content"> <small>This is a really cool bed in a really cool place.</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et orci eros, ut vulputate elit. Quisque id sem tortor, eu ullamcorper nunc. Donec nisi magna, molestie sit amet dapibus a, blandit quis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div> <!-- end content --> </div> <!-- end container --> <div id="footer"><p>Copyright © Somebody Important, Inc. 2010. All Rights Reserved</p></div> </body> </html>Code:body { background-color: #FF3B00; color: #00000; font-family: Helvetica, Arial, Verdana, sans-serif; } * { margin: 0px; } #container { width: 960px; margin-left: auto; margin-right: auto; min-height: 800px;} #banner { height: 100px; background-color: #FFF; } #banner h1 { float:right; margin-right: 10px; text-transform: uppercase; margin-top: 30px; } #navigation { height: 50px; margin: 0; padding: 0; } #navigation li { float: left; list-style-type: none; margin-right: 30px; } #navigation li:hover { color: #FFF; cursor: pointer;} #navigation ul { margin-left: -40px; margin-top: 10px; } #photo { height: 400px; background-image: url(car.jpg); background-repeat: no-repeat; margin-top: 40px; } #content p { margin-top: 40px; font-size: 1em;} #content small { font-size: 10px; } #footer { margin-left: auto; margin-right: auto; width: 960px; border-top: 1px solid;} #footer p { font-size: .6em; text-align: right; margin-top: 5px; }
Reply With Quote