
<!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" xml:lang="en" lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>



<!-- 
controller: main
action: index
-->

  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  
    <meta name="verify-v1" content="XvNKTkjmh/7CFPa20E0KcpG9cdlfPopojxFEv4HwoGs=" />  	
  
  <title>
Posterous - The place to post everything. Just email us. Dead simple blog by email.
</title>
 
  <script type="text/javascript">
//<![CDATA[
window._token = '5090f9bc94f3231c55d4ff211a00ed203e7f0fa4';
//]]>
</script>

	<link href="/stylesheets/bundles/main.css?1270947681" media="screen" rel="stylesheet" type="text/css" />
	<script src="/javascripts/bundles/main.js?1270947681" type="text/javascript"></script>


	<link rel="apple-touch-icon" href="/images/posterous_75.png"/>
	<link rel="icon" href="/images/favicon.png" type="image/x-png"/>
 
 <script src="/javascripts/rollover.js?1270947681" type="text/javascript"></script>

</head>

<body>
	

	
		






<div id="centerBody">


		<div id="posterous_logo" style="margin-left: 0px;"><img src="/images/homepage2/posterous_logo1.png" width='127' height='130' border='0' alt="Posterous"></div>

		<div id="topnav">
			


			<ul>
			
		
				Returning user? <li class='first'><a href="/main/login">Login</a> </li>
		
			
				
			</ul>



		</div>
		

	<br style="clear:right;"/>
	<div id="header_subhead" style="margin-top: 0px; padding-top: 40px; margin-left: 130px;">
	<img src="/images/homepage2/tagline.png" width='540' height='23' alt='is the dead simple place to post everything. just email us.'/>
	</div>

	


	

<style type="text/css">
	
	
	div.index_content {
		float: left;
		margin: 0px;
		padding: 0px 0px 0px 130px;
		width: 760px;
	}
	div.official_blog {
		float: right;
		width: 200px;
		margin-right: 10px;
		background-image: url(/images/homepage/whatsnew_bg.png);
		background-position: top;
		background-repeat: repeat-x;
		border: 1px solid #c6bcb0;
		padding: 10px 10px;
		margin-left: 10px;
	}
	div.blog_entry {
		line-height: 13px;
	}
	div.official_blog h2 {
		margin-top: 0px;
		font-size: 18px;
		color: #db8900;
	}
	div.official_blog h4 {
		color: #666;
		font-size: 14px;
		margin-top: 8px;
	}
	div.official_blog h4 a {
		color: #666;
	}
	
	div.steps {
		width: 470px;
	}
	div.step {
		margin-bottom: 20px;
	}
	.strikeitout {
		text-decoration: line-through;
		color: #f00;
	}
	
	div.tryit {
		clear: both;
		margin-top: 40px;
	}
	div.tryitunit {
		float: left;
		width: 110px;
		margin-right: 15px;
		color: #978876;
	}
	div.tryit h1 {
		margin: 0px 0px;
		margin-bottom: 15px;
		font-size: 24px;
		
		color: #3b352e;
		
	}
	div.tryit h1 span.highlight {
		color: #167e2e;
	}
	
	div.bottomlinks {
		clear: both;
		margin-top: 20px;
	}
	
	ul.whositfor {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}


	ul.whositfor li {
		list-style: none;
		font-size: 13px;
		font-weight: bold;
		margin: 0px;
	}

	ul.whositfor li a {
		padding: 8px 10px 8px 10px;
		display: block;		
		color: #db8900;
	}
	
	ul.whositfor li:hover a {
		background-color: #f3f3f3;
		text-decoration: none;
	}
	
	ul.whositfor a:focus {
		outline: none
	}
	
	div.frontpage_quote {
		color: #090;
		font-size: 18px;
	}
	
	div.frontpage_quote span.quotation {
		color: #444;
		font-size: 10px;
		font-weight: bold;
		margin-top: 20px;
	}
</style>





<div class="index_content">
	
	
	<div style="float: right; border-left: 1px solid #ddd; height: 270px; width: 205px;">
		<h2 style="margin-top: 0px; font-size: 16px; color: #444; padding: 10px 10px 5px 10px;">Who's it for?</h2>
		
		<ul class="whositfor">
			<li id="whositfor1"><a href="#" onclick="return false;">First timers</a></li>
			<li id="whositfor2"><a href="#" onclick="return false;">Casual bloggers</a></li>
			<li id="whositfor3"><a href="#" onclick="return false;">Social media pros</a></li>
			<li id="whositfor4"><a href="#" onclick="return false;">Families and groups</a></li>
		</ul>
		
	</div>
	
	<div id="whositfor1_content" style="display: none;">
		<img alt="Never published online before? Posterous is perfect for you. If you can use email, you can create your own website instantly. Share ideas, links, home movies, photo albums, files or really anything." height="270" src="/images/homepage2/whositfor1.gif?1270947681" width="550" />		
	</div>

	<div id="whositfor2_content" style="display: none;">
		<img alt="Attach anything. Photos, video, music or docs. Liveblog while mobile. Comments, built in. Grab and share using our bookmarklet." height="270" src="/images/homepage2/whositfor2.gif?1270947681" width="550" />		
	</div>

	<div id="whositfor3_content" style="display: none;">
		<img alt="Autopost to all the other services you use. Custom domains. HTML in posts. Google Analytics. iTunes Podcast. Create multiple sites." height="270" src="/images/homepage2/whositfor3.gif?1270947681" width="550" />		
	</div>

	<div id="whositfor4_content" style="display: none;">
		<img alt="Simple, easy group blogs by email. Private and secure. Supports photo &amp; video. Email subscriptions." height="270" src="/images/homepage2/whositfor4.gif?1270947681" width="550" />
	</div>
	
	
	<div class="topunit" id="top_unit_1" style="width: 550px; height: 270px;">
		<div class="steps">
			<div class="step">
				<img src="/images/homepage/step1.png" width='472' height='50' alt='Create account -- not. Skip it. No setup or signup'>
			</div>			
			<div class="step">			
				<a href="mailto:post@posterous.com?subject=My First Blog Post&body=Replace the subject line and body with your first blog post and hit send! Include pictures, an mp3, or anything else you want to share. It's just that simple." onclick="pageTracker._trackPageview('/emailing2/desktopmail');"><img src="/images/homepage/step2.png" width='472' height='50' alt='Email anything to post@posterous.com. Attach photos, MP3s and files.'></a>
			</div>							
			<div class="step">			
				<a href="/blog/"><img src="/images/homepage/step3.png" width='472' height='75' alt='See the site you made. We reply instantly with your blog at http://yourname.posterous.com'></a>
			</div>			
			
			
			
			
				<div class="frontpage_quote" style="margin-top: 30px;">&#8220;Quickest and easiest setup I've ever seen.&#8221;
					<span class="quotation">&nbsp;&ndash;Huffington Post</span></div>
			
			
			
		</div>
	</div>



	<script type="text/javascript">

		document.observe('dom:loaded', function() {
			var home_html = $('top_unit_1').innerHTML;

			var register_whositfor = function(my_id) {
				var my_div = $(my_id);
				my_div.observe('mouseover', function() {
					$('top_unit_1').innerHTML = $(my_id + '_content').innerHTML;
				});

				my_div.observe('mouseout', function() {
					$('top_unit_1').innerHTML = home_html;
				});
			};
			
			register_whositfor('whositfor1');
			register_whositfor('whositfor2');
			register_whositfor('whositfor3');
			register_whositfor('whositfor4');									
		});
		
	</script>
	
	
	<div class="tryit">
		<h1 style="margin-bottom: 15px; font-size: 20px;">Try it now by emailing post@posterous.com from</h1>
		





<div id="rollover_tryit">
<div class="tryitunit">
	<a href="http://mail.google.com/mail/?view=cm&fs=1&to=post@posterous.com&su=My+First+Blog+Post&body=Replace+the+subject+line+and+body+with+your+first+blog+post+and+hit+send%21+Include+pictures%2C+an+mp3%2C+or+anything+else+you+want+to+share.+It%27s+just+that+simple.&ui=1" target="_blank"  onclick="pageTracker._trackPageview('/emailing2/gmail');"><img src="/images/homepage/email_gmail.png" alt="email from my gmail"></a>
</div>
<div class="tryitunit">
	<a href="http://www.hotmail.msn.com/secure/start?action=compose&to=post@posterous.com&subject=My+First+Blog+Post&body=Replace+the+subject+line+and+body+with+your+first+blog+post+and+hit+send%21+Include+pictures%2C+an+mp3%2C+or+anything+else+you+want+to+share.+It%27s+just+that+simple." target="_blank"  onclick="pageTracker._trackPageview('/emailing2/hotmail');"><img src="/images/homepage/email_hotmail.png" alt="email from my hotmail"></a>
</div>
<div class="tryitunit">
	<a href="http://compose.mail.yahoo.com/?To=post@posterous.com&Subject=My+First+Blog+Post&body=Replace+the+subject+line+and+body+with+your+first+blog+post+and+hit+send%21+Include+pictures%2C+an+mp3%2C+or+anything+else+you+want+to+share.+It%27s+just+that+simple." target="_blank"  onclick="pageTracker._trackPageview('/emailing2/yahoomail');"><img src="/images/homepage/email_yahoo.png" alt="email from my yahoo mail"></a>
</div>		
<div class="tryitunit">
	<a href="http://webmail.aol.com/25045/aol/en-us/Mail/compose-message.aspx?to=post@posterous.com&subject=My+First+Blog+Post&body=Replace+the+subject+line+and+body+with+your+first+blog+post+and+hit+send%21+Include+pictures%2C+an+mp3%2C+or+anything+else+you+want+to+share.+It%27s+just+that+simple." target="_blank"  onclick="pageTracker._trackPageview('/emailing2/aolmail');"><img src="/images/homepage/email_aol.png" alt="email from my aol mail"></a>
</div>
</div>

<br style="clear: both;"/>

<p style="font-size: 12px; color: #333; margin-top: 15px;">
...or any other mail program. Posterous works wherever you have email.
	

</p>	
<p style="font-size: 22px; color: #333; margin-top: 5px;">	
	<a href="mailto:post@posterous.com?subject=My First Blog Post&body=Replace the subject line and body with your first blog post and hit send! Include pictures, an mp3, or anything else you want to share. It's just that simple." class="largerfont"  onclick="pageTracker._trackPageview('/emailing2/desktopmail');">Email post@posterous.com &raquo;</a>
</p>
<p style="font-size: 12px; color: #333; margin-top: 10px;">
</p>



 <script type="text/javascript">
    window.onload = function() {
      new Rollover('rollover_tryit');
    }
</script>
	</div>


	<div class="tryit" style="margin-top: 50px;">
		<h1 style="font-size: 20px;">Or see what others are posting...</h1>
		
			<div class="tryitunit" style="font-size: 10px; line-height: 12px; width: 80px;">
			<a href="http://corywatilo.com"><img alt="Cory Watilo: Interface Designer" class="profile_border" height="75" src="http://files.posterous.com/user_profile_pics/509301/avatar.gif" width="75" /></a>
			<br/>Cory Watilo: Interface Designer
			</div>			
		
			<div class="tryitunit" style="font-size: 10px; line-height: 12px; width: 80px;">
			<a href="http://ddo.posterous.com"><img alt="ddo's posterous" class="profile_border" height="75" src="http://files.posterous.com/user_profile_pics/5391/Picture_9.png" width="75" /></a>
			<br/>ddo's posterous
			</div>			
		
			<div class="tryitunit" style="font-size: 10px; line-height: 12px; width: 80px;">
			<a href="http://holykaw.alltop.com"><img alt="Holy Kaw!" class="profile_border" height="75" src="http://files.posterous.com/user_profile_pics/358156/guyAustria_bigger.jpg" width="75" /></a>
			<br/>Holy Kaw!
			</div>			
		
			<div class="tryitunit" style="font-size: 10px; line-height: 12px; width: 80px;">
			<a href="http://j8.ly"><img alt="jenny8lee" class="profile_border" height="75" src="http://files.posterous.com/user_profile_pics/227977/jenny8leesnapshot.jpg" width="75" /></a>
			<br/>jenny8lee
			</div>			
		
			<div class="tryitunit" style="font-size: 10px; line-height: 12px; width: 80px;">
			<a href="http://sachin.posterous.com"><img alt="Sachin's Posterous" class="profile_border" height="75" src="http://files.posterous.com/user_profile_pics/58806/sachin_profile.jpg" width="75" /></a>
			<br/>Sachin's Posterous
			</div>			
		
			<div class="tryitunit" style="font-size: 10px; line-height: 12px; width: 80px;">
			<a href="http://vccv.posterous.com"><img alt="postmodern babbler" class="profile_border" height="75" src="http://files.posterous.com/user_profile_pics/53/facebook_pic2.jpg" width="75" /></a>
			<br/>postmodern babbler
			</div>			
				
	
		
		<div class="tryitunit" style="font-size: 20px; line-height: 24px; width: 80px; margin-top: 5px; ">
			<a href="http://posterous.com/explore/" style="color: #db8900;">Explore thousands more&nbsp;&raquo;</a>
		</div>
			<br style="clear: both;"/>
	</div>
	
	
	<div class ="tryit" style="margin-top: 50px;">
		<h2>Questions? <a href="/faq/" style="color: #db8900;">Answers</a></h2>
		
	</div>


	

	
</div>

<br style="clear:both;"/><br/>

</div>



<div id="footer">
	<div class="footer_content" style="padding-left: 20px;">
		
		<div style="float: left; width: 100px; margin: 0px 0px;">
			
				<li><b><span class="footercolorlink"><img src="/images/posterous-black-footer.gif" width='104' height='28' alt="posterous"/></span></b></li>
						
		</div>
		<div style="float: right; width: 750px; margin-left: 30px; margin-top: 8px;">
			<div class="subnav" style="float: right;">
				<ul>
			    <li><a href="http://posterous.theresumator.com" style="font-size: 11px; color: #706755; text-shadow: #000 0px 1px 1px;">Jobs</a></li>
				  <li><a href="http://posterous.com/api" style="font-size: 11px; color: #706755; text-shadow: #000 0px 1px 1px;">API</a></li>
				  <li><a href="http://posterous.com/privacy" style="font-size: 11px; color: #706755; text-shadow: #000 0px 1px 1px;">Privacy Policy</a></li>
				  <li><a href="http://posterous.com/tos" style="font-size: 11px; color: #706755; text-shadow: #000 0px 1px 1px;">Terms of Service</a></li>
				</ul>
			</div>
			<div class="subnav" style="font-size: 15px;">
				<ul>
			
					<li style="margin-right: 30px;"><a href="http://blog.posterous.com">Our Official Blog</a></li>					
					<li style="margin-right: 30px;"><a href="http://posterous.com/explore">Explore</a></li>					
			
					<li style="margin-right: 30px;"><a href="http://posterous.com/faq">FAQ</a></li>
					<li style="margin-right: 30px;"><a href="http://posterous.com/help">Help</a></li>				
					<li style="margin-right: 30px;"><a href="http://posterous.com/mobile">Mobile</a></li>
					<li class="last"><a href="http://posterous.com/about">About</a></li>															
				</ul>
			</div>
			<div class="subnav" style="float: right; font-size: 12px;  margin-top: 8px; clear: right;">
				<ul>
					<li class="last"><a href="mailto:help@posterous.com" onClick="return false;" id="feedback_anchor"><b>Send Feedback</b></a></li>
				</ul>
			</div>
			<div class="subnav" style="font-size: 12px; margin-top: 8px; color: #706755; text-shadow: #000 0px 1px 1px; clear: left; width: 500px;">
				<!-- Powered by the <a href="http://rackspacecloud.com" style="color: #8c806b;">Rackspace Cloud</a> -->
				<a href="http://rackspacecloud.com" style="color: #8c806b;"><img src="/images/footer/powered_by_rackspace.png" alt="Powered by the Rackspace Cloud"></a>
			</div>
		</div>
		<div style="clear: both; height: 1px;">&nbsp;</div>
	</div>
	<div style="margin-top: 10px;">
		<br style="clear: both;"/>		
	</div>
</div>


    
      <script type="text/javascript">
    	var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    	document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    	</script>
    	<script type="text/javascript">
    	var pageTracker = _gat._getTracker("UA-4054156-1");
    	pageTracker._setDomainName("none");
    	pageTracker._setAllowLinker(true);
    	pageTracker._initData();
    	pageTracker._trackPageview();
    	</script>  	
    
	
	<!-- Start Quantcast tag -->
	<script type="text/javascript">
	_qoptions={
	qacct:"p-16ewveTurfCCM"
	};
	</script>
	
	
    	<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
    	<noscript>
    	<a href="http://www.quantcast.com/p-16ewveTurfCCM" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-16ewveTurfCCM.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>
    	</noscript>	
	
	<!-- End Quantcast tag -->



		</body>

</html>
