<!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%;

}


</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 am doing:</b> I am creating positive social change through my day-to-day actions.<br />

			<b>What I have done:</b> I have helped nonprofits achieve their missions by facilitating over 8 million dollars of charitable donations.<br />

			<b>Who I am:</b> I am a nonprofit development professional, helping donors find meaning in their lives through acts of philanthropy.</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>

						<li class="show_desktop">1.206.905.9799</li>

						<li>Skype: MattAlbertson</li>

						<li>18511 126th Ave NE<br />Apt #2922<br />Bothell, WA 98011</li>

					</ul>

				</div>

			</div>

		</div>

	</div>

</body>

</html>ਊ