<!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"> <html> <!-- html and css code for dallystom.com home page --> <head> <title>DallysTom</title> <style> <!-- css code for dallystom.com home page --> body { background-color: #ffffff } img { height: 170px; width: 170px; box-shadow: rgba(0,0,0,0.2) 10px 10px; } #navbar { margin-top: 0px; position: fixed; left:50%; margin-left:-254px; } #twitter { height: 50px width: 100px font-family: Verdana; font-weight: bold; margin: auto; text-align: center; padding-top: 7px; padding-bottom: 5px; } table { border: #ffffff 1px solid; background-color: #ffffff; margin-left: -335px; } #header { position: relative; top: -10px; background-color: #3c4543; border-top-left-radius: 15px; border-top-right-radius: 15px; } ul{ list-style-type: none; position: fixed; margin: -10px; } li { display: inline; padding: 5px; border: 2px solid #000000; font-family: Futura, Tahoma, sans-serif; color: #ffffff; border-radius: 5px 5px; background-color: #cc0323 } ul li:hover { color: #000000; font-weight: bold; text-decoration: none; } ul li:visited { color: blue; font-weight: bold; text-decoration: none; } #right{ float: right; width: 45%; } #book { height: 250px; width: 300px; } #art { height: 250px; width: 300px; } #africa { height: 450px; width: 300px; } #rocket { height: 450px; width: 300px; } #about_pic { height: 300px; width: 300px; } #contact_pic { height: 150px; width: 300px; } #iphone { height: 150px; width: 300px; } #dollar_pic { height: 300px; width: 300px; } #rocket img { height: 450px; width: 300px; box-shadow: none; } #book img { height: 250px; width: 300px; box-shadow: none; } #art img { height: 250px; width: 300px; box-shadow: none; } #about_pic img { height: 300px; width: 300px; box-shadow: none; } #africa img { height: 450px; width: 300px; box-shadow: none; } #contact_pic img { height: 150px; width: 300px; box-shadow: none; } #iphone img { height: 150px; width: 300px; box-shadow: none; } #dollar_pic img { height: 300px; width: 300px; box-shadow: none; } </style> </head> <body> <!-- html code for dallystom.com home page --> <div id="header"> <div id="navbar"> <ul> <li>Home</li> <li><a href="http://www.dallystom.com/books">Books</a></li> <li><a href="http://www.linkedin.com/in/dallys">About Me</a></li> <li><a href="http://www.briquemagique.com">Art</a></li> <li><a href="http://www.dallystom.com/consulting">Consulting</a></li> <li><a href="http://www.benindufutur.org">Philanthropy</a></li> <li><a href="http://www.dallystom.com/contact">Contact</a></li> </ul> </div> </div> <div id="right"> <table> <tr> <td id="book"><a href="http://www.dallystom.com/books"><img src="http://www.dallystom.com/books_by_dallys"></a></td> <td id="art"><a href="http://www.sugargaga.com"><img src="http://www.dallystom.com/art_by_dallys"></a></td> </tr> <tr> <td id="rocket"><a href="http://www.briquemagique.com"><img src="http://www.dallystom.com/projects_rocket"></a></td> <td id="africa"><a href="http://www.benindufutur.org"><img src="http://www.dallystom.com/africa_dallys"></a></td> </tr> <tr> <div id="twitter"> <!-- my twitter follow me button --> <a href="https://twitter.com/DallysTom" class="twitter-follow-button" data-show-count="false">Follow @DallysTom</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div> </tr> </table> </div> </body> </html>