<!DOCTYPE html> <html lang="en"> <head> <meta charset="en"> <title>Matt Albertson</title> <!-- This design was leveraged from Daniel Genser at http://www.danielgenser.com/ --> <style> * { margin: 0; padding: 0; } html, body, #bg, #bg table, #bg td { height:100%; width:100%; overflow:hidden; } body { background-color:white; } #bg { position: fixed; z-index:-70; } #bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; } #bg td { text-align:center; vertical-align:middle; } #bg img { margin:0 auto; min-height:50%; min-width:50%; } #content { position:absolute; top:10%; left:0; right:0; width:760px; margin-left:auto; margin-right:auto; padding:1em; background:white; text-align:left; border:1px solid white; z-index:70; overflow:auto; font-family:arial; font-weight:400; line-height:1.6; color:#333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #sidebar { float:left; position:relative; width:360px; padding:0 0 1em 0; margin:0; } #main { position:relative; padding:1em 0 0 0; margin:0; } div.two_columns div { width:165px; float:left; position:relative; margin:0; padding:1em; } h1, h2, h3, h4, h5, h6 { font-weight:400; text-transform:uppercase; } h1 { font-size:32px; } h2 { font-size:16px; font-weight:600; } h3 { font-size:14px; } p, li, dt, dd { font-size:16px; } li { margin-bottom:4px; } a, a:visited { color:black; text-decoration:none; border-bottom:1px dotted gray; } a:hover, a:active, a:focus { color:gray; } ul { padding-left:12px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #under { float:bottom; position:relative; width:760px; padding:0 0 1em 0; margin:0; } </style> </head> <body> <div id="content" class="clearfix"> <div id="sidebar"> <img src="MattAlbertson.jpg" alt="Matt Albertson" title="Matt Albertson" width="372" height="476" /> </div> <div id="main"> <h1 class="headline">Hi, I'm Matt Albertson</h1> <p class="text"> <b>What I'm doing:</b> I'm creating positive social change.<br /> <b>What I've done:</b> I've enabled nonprofits to pursue their missions by ensuring they have resources to do so.<br /> <b>Who I am:</b> I'm a nonprofit development professional, matching donors' philanthropic goals with nonprofits' strategic priorities. Oh, and I'm also a bit of a tech geek and outdoor enthusiast.</p> <div class="two_columns"> <div> <h2 class="headline">Find me on:</h2> <ul class="text bullets link_list"> <li><a href="http://www.twitter.com/mattalbertson">Twitter</a></li> <li><a href="http://www.facebook.com/mattalbertson">Facebook</a></li> <li><a href="http://www.linkedin.com/in/albertson">LinkedIn</a></li> </ul> <br> <!-- <h2 class="headline"><a href="MattAlbertson.pdf">View my resume</a></h2> --> </div> <div> <h2 class="headline">Want to talk?</h2> <ul class="text bullets contact_info"> <li><a href="mailto:matt@mattalbertson.com">matt@mattalbertson.com</a></li> </ul> <br> <h2 class="headline"><a href="http://www.mattalbertson.com/crypto.htm">CRYPTO?</a></h2> <ul class="text bullets contact_info"> </ul> </div> </div> </div> </div> </body> </html>