<!DOCTYPE html>
<html lang="en" class="home no-js">
<head>
  <meta charset="utf-8">
  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

  <title>Posterous - The Easiest Way to Post and Share Anything</title>
  <meta name="description" content="Posterous is the easiest publishing platform around. If you can email, you can manage a website and share it with small groups or the world.">
	<script src="/javascripts/homepage3/modernizr-1.5.min.js?v=1"></script>
	<link rel="stylesheet" href="/stylesheets/tests/hp/ex3.css" media="screen" />
  <link rel="apple-touch-icon" href="/images/posterous_75.png">
	<link rel="icon" href="/images/favicon.png" type="image/x-png"/>
	
</head>
<!--[if lt IE 7 ]> <body class="test ie6" data-controller="main" data-action="index"> <![endif]-->
<!--[if IE 7 ]>    <body class="test ie7" data-controller="main" data-action="index"> <![endif]-->
<!--[if IE 8 ]>    <body class="test ie8" data-controller="main" data-action="index"> <![endif]-->
<!--[if IE 9 ]>    <body class="test ie9" data-controller="main" data-action="index"> <![endif]-->
<!--[if gt IE 9]>  <body class="test" data-controller="main" data-action="index"><![endif]-->
<!--[if !IE]><!--> <body class="test" data-controller="main" data-action="index"><!--<![endif]-->
	<div id="main">
	  <header class="container clearfix">
	    <div id="logo-login">
	      <h1><a href="/">Posterous</a></h1>
				<div id="login">
	        <div id="login-box" class="hidden">
	          <form action="/login" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="glyM1HjQ1lqjg1pf7YRG/Z+42r9eIJrlaU+IYcQoiV4=" /></div>
	            <div class="form-field">
	              <label for="login-mail">Email</label>
	              <input class="form-text" id="login-mail" maxlength="50" name="user[mail]" size="20" type="text" />
	            </div>
	            <div class="form-field">
	              <label for="login-password">Password</label>  
	              <input class="form-password" id="login-password" maxlength="20" name="user[password]" size="20" type="password" />
	            </div>
	            <div class="form-button">
	              <button type="submit">Log In</button><a href="/forgot_password">Forget?</a>
	            </div>
	          </form>
	        </div>
	        <p id="login-call">Already a user? <a href="/login">Log in.</a></p>
	      </div>
			</div>
	  </header>
		<div id="content" class="container">
			<h2 class="ir">Share it Your Way</h2>
			<ul>
				<li id="sites">
					<h3>Broadcast your&nbsp;message</h3>
					<p>Whether it's about sharing baby photos with your family or blogging your great ideas with the world, highly-customizable Posterous Sites are the simple way to send your message where you need it.</p>
				</li>
				<li id="groups">
					<h3>Go with your&nbsp;group</h3>
					<p>Posterous groups are like email lists on steroids. Discuss, collaborate, or just keep everyone on the same page, whether it's for your colleagues, club, team, group of friends, or family.</p>
				</li>
			</ul>
			<div id="cta">
				<a href="/register" class="ir">Either way, get started here.</a>
			</div>
		</div>
	</div>
	<div id="action">
		<div id="signup" class="container clearfix">
			<form action="/register" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="glyM1HjQ1lqjg1pf7YRG/Z+42r9eIJrlaU+IYcQoiV4=" /></div>
				<input type="hidden" id="hash" name="hash" value="" />
				<input type="hidden" id="toast" name="toast" value="t0asty" />

	      <div class="form-field" id="signup-email">
	        <label for="signup-mail">Your Email Address</label>
	        <input class="form-text" id="signup-mail" name="user[mail]" size="30" type="text" />
	        <div class="form-popup hidden">
						<p><strong>Email:</strong> We'll email you here, and you can post to us from here.</p>
						<p class="status">Status: <span class="no">Invalid address...</span></p>
					</div>
	      </div>
	      <div class="form-field" id="signup-url">
	        <label for="signup-url">Username</label>
	        <input class="form-text" id="signup-url" name="user[sitename]" size="30" type="text" />
	        <div class="form-popup hidden">
						<p><strong>Username:</strong> Use this to log in. You can change it later if you need to.</p>
						<p class="status">Status: <span class="no">Too short...</span></p>
					</div>
	      </div>
	      <div class="form-field" id="signup-password">
	        <label for="signup-password">Password</label>
	        <input class="form-password" id="signup-password" name="user[password]" size="30" type="password" />
	        <div class="form-popup hidden">
						<p><strong>Password:</strong> Five or more characters, you know the deal.</p>
						<p class="status">Status: <span class="no">Not long enough yet...</span></p>
					</div>
	      </div>
	      <div class="form-button">
	        <button type="submit">Let's Go!</button>
	      </div>
	    </form>
		</div>
	</div>
  <footer>
    <div id="footer-content" class="container">
      <div id="footer_logo">
        <a href="/" class="ir">Posterous</a>
      </div>
      <div class="subnav" id="footer_mainnav">
        <ul>
          <li><a href="http://blog.posterous.com">Our Official Blog</a></li>          
          <li><a href="http://posterous.com/explore">Explore</a></li>          
          <li><a href="http://posterous.com/faq">FAQ</a></li>
          <li><a href="http://help.posterous.com/">Help</a></li>        
          <li><a href="http://posterous.com/mobile">Mobile</a></li>
          <li class="last"><a href="http://posterous.com/about">About</a></li>                              
        </ul>
				<div id="sponsors">
        	<a href="http://rackspacecloud.com"><img class="sponsor" src="http://posterous.com/images/footer/powered_by_rackspace.png" alt="Powered by the Rackspace Cloud"></a>
					<a href="http://mixpanel.com/?from=posterous" style="margin-left: 10px;"><img class="sponsor" src="http://posterous.com/images/homepage2/mixpanel_logo.png" alt="Analytics by Mixpanel" width='120' height='21' style="position: relative; top: 4px;" ></a>
				</div>
      </div>
      <div class="subnav" id="footer_subnav">
        <ul>
          <li><a href="http://posterous.com/jobs">Jobs</a></li>
          <li><a href="http://posterous.com/api">API</a></li>
          <li><a href="http://posterous.com/privacy">Privacy Policy</a></li>
          <li class="last"><a href="http://posterous.com/tos">Terms of Service</a></li>
        </ul>
      </div>
      <div class="subnav" id="footer_feedback">
        <a href="mailto:help@posterous.com" onClick="return false;" id="feedback_anchor"><b>Send Feedback</b></a>
      </div>
    </div>
  </footer>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">var $j = jQuery.noConflict();</script>
	<script src="/bundles/main.js?1298952769" type="text/javascript"></script>
	<script src="/javascripts/control.modal.ext.js" type="text/javascript"></script>
	<script src="/javascripts/tests/hp/ex3.js" type="text/javascript"></script>
   <script src="/javascripts/homepage3/hp3.js" type="text/javascript"></script>
   <!--[if lt IE 7 ]>
     <script src="/javascripts/homepage3/dd_belatedpng.js?v=1"></script>
   <![endif]-->
	
      <script type="text/javascript">
      var mp_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
      document.write(unescape("%3Cscript src='" + mp_protocol + "api.mixpanel.com/site_media/js/api/mixpanel.js' type='text/javascript'%3E%3C/script%3E"));
      </script>

      <script type="text/javascript">
      try { 
          var mpmetrics = new MixpanelLib("9a3025103118d0cfb3f778328f140ccb"); 
          mpmetrics.set_config({ cookie_name: "posterous_mp" });
          mpmetrics.register({"browser":"Other (Yahoo Pipes 1.0)","registered":"false","user":""});
      } catch(err) {
          null_fn = function () {};
          var mpmetrics = { track: null_fn, track_funnel: null_fn, register: null_fn, register_once: null_fn, register_funnel: null_fn };
      }
      </script>      
    
	

    
      <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._setAllowHash(false);
    	pageTracker._initData();
    	pageTracker._trackPageview();
    	</script>  	
    
	
	<!-- Start Quantcast tag -->
	<script type="text/javascript">
	_qoptions={
	qacct:"p-16ewveTurfCCM"
	};
	</script>
	
	
    	<script type="text/javascript" src="https://edge.quantserve.com/quant.js"></script>
    	<noscript>
    	<a href="http://www.quantcast.com/p-16ewveTurfCCM" target="_blank"><img src="https://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>