ÿþ<html> <head> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style> #wrapper{width:1000px;margin:0px auto;padding:15px;padding-right:170px;margin-top:-100px;} body{ background-color:#ebeef5;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .base{float: bottom;background-color:#ffffff;height:400px;width:683px;margin-left:240px;box-shadow: 0 2px 2px #d4d8e2;} .base p{font-size:2.2em; color:#fff; text-shadow:0 0 1px #878C94, 0 1px 0 #878C94;} .base2{float: bottom;background-color:#ffffff;height:400px;width:683px;margin-left:200px;box-shadow: 0 2px 2px #d4d8e2;margin-top:80px;} .base3{float: bottom;background-color:#ffffff;height:400px;width:683px;margin-left:200px;box-shadow: 0 2px 2px #d4d8e2;margin-top:40px;} .base4{padding-bottom:200px;} .logo{ margin-left:-200px;margin-top: 200px; text-shadow:0 0 1px #c9cbcd, 0 1px 0 #c9cbcd; } .logo p{ text-shadow:0 0 1px #c9cbcd, 0 1px 0 #c9cbcd; } .info{margin-top:-20px;margin-left:-100px;width:150px;} .info p{text-align:left;font-size:13px;color:#777;text-shadow:0 1px 0 rgba(255,255,255,.25);} .info a{color:#383a3f;-webkit-transition: all .9s ease-in-out;text-shadow:0 1px 0 rgba(255,255,255,.25);font-size:13px;text-decoration:none;} .greeting{margin-top:20px;font-size:13px;} .links a{ padding-right:10px;text-decoration:none;} .portfolio{} .item1{margin-top:-110px;margin-left:250px;} .item2{margin-top:20px;margin-left:70px;} </style> </head> <body> <div id="wrapper"> <div class="base"> <div class="logo"><p><5;L=8:</p></div> <div class="info"> <div class="info"><p>My name is Tom Miller and I'm a user interface designer and developer at <a href="">Payload</a>.</p> <div class="links"><a href="http://twitter.com/Barcagraphics">Twitter</a><a href="http://blog.rnill.us">Blog</a><a href="mailto:tom@pxlc.me">Email</a></div> <div class="item1"> <img src="server.png"> </div> <div class="base2"> <br> <div class="item2"> <img src="stars.png"> </div> </div> <div class="base3"> <br> <div class="item2"> <img src="button.png"> </div> </div> <div class="base3"> <br> <div class="item2"> <img src="menu.png"> </div> </div> <div class="base3"> <br> <div class="item2"> <img src="map.png"> </div> </div> <div class="base4"> <br> </div> </div> </div> </body> </html>