http://30boxes.com/welcome.php

<!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" lang="en" xml:lang="en">
<head profile="http://gmpg.org/xfn/11">
<title>30 Boxes | Online Calendar</title>
<meta name="keywords" content="calendar, shared calendar, ical, microsoft outlook, digital identity, digital lifestyle, onebox, flickr, myspace, upcoming.org, webshots" />
<meta name="description" content="30 Boxes is almost certainly the easiest way to share your calendar and your web stuff online.  Organize your life, share all or parts of it with friends. 
Post it to your blog. Track your friends online including their Flickr, Webshots, Vox, Facebook, MySpace, blogs, and more!  It's quite simply the world's most open social network." />

<script src='/ts_1173371145/js/dmenu.js' type='text/javascript'></script>
<script src='/ts_1156564514/js/cookies.js' type='text/javascript'></script>
<script src='/ts_1175523138/js/global.js' type='text/javascript'></script>
<script src='/ts_1139063748/js/validate.js' type='text/javascript'></script>
<script src='/ts_1175523138/js/global.js' type='text/javascript'></script>
<script src='/ts_1139283284/js/md5.js' type='text/javascript'></script>
<link rel='stylesheet' type='text/css' href='/ts_1174403496/css/core.css' />
<link rel='stylesheet' type='text/css' href='/ts_1174409112/theme/default/global.css' />

<style type="text/css">
body
{	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif !important;
	background-color: #eeeeee !important;
	margin: 0;
}
.benefits { margin: 8px 0px 0px 40px; }
.quotes { text-align: right; margin: 0px 10px 14px 40px; font-weight: bolder; font-size: 16px;  }
.rightLinks { text-align: right; margin: 0px 10px 8px 40px; font-weight: bold; font-size: 12px; }
</style>
</head>
<body>

<div style="position: absolute; top: 0; left: 0; width: 100%;  background-color: #eee !important; margin: 0px !important;">
<div style="width: 642px; position: relative; margin: 10px auto 4px auto;">
<div class="small bold" style="float: left; margin-top: 6px;" ><a 
style="text-decoration: underline;" href="/signup">Free Sign Up</a></div>
<form method="post" action="login" name='mainForm' id='mainForm'>
<input type="hidden" name="action" value="login" /><input type="hidden" id="pass" name="pass" />
<table style="float: right;"><tr><td valign="top" align="right"><input onfocus="this.value='';" class="input normalWidth textLightest" type="text" id="email" name="email" size="20" 
value=' email address' /> <input onfocus="this.value='';" class="input normalWidth textLightest" type="password" value=" password"
id="passVisible" size="20" /><div style="margin: 1px 4px 0px 0px; font-size: 9px;"><a href="/login?action=lostPassForm">lost password?</a></div></td><td valign="top"><input type="submit" value="Login" /> <input id="plaintext" type="checkbox" name="plaintext" style="display: none;" /></td>
</tr></table></form>

<script type="text/javascript">
<!--
var validator = new Validator("mainForm");
validator.addValidation("email","req","Please enter your Email Address");
validator.addValidation("email","email");
validator.setAddnlValidationFunction(hashPassword);

-->
</script>
</div>
<div style="position: relative; z-index: 1000; clear: both; background-color: #fff; padding: 0px; width: 640px; margin: 0px auto 0px auto;  height: 520px;">
<div title="Today is December 31, 1969" style="z-index: 999; position: absolute; line-height: 1.1; 
top: 230px; right: 150px; color: #eee; font-size: 340px; font-weight: bolder; font-family: helvetica, arial;">3</div>
<div title="Today is December 31, 1969" style="z-index: 999; position: absolute; line-height: 1.1; 
top: 230px; right: -20px; color: #eee; font-size: 340px; font-weight: bolder; font-family: helvetica, arial;">0</div>
<div class="left" style="margin: 20px; font-size: 30px;">30 Boxes<span class="textMedium small" style="vertical-align: text-top;">&#0153;</span> lets you connect with the people who matter <span class="bold">most</span>.
</div>
<table width="100%" style="margin-top: 0px; margin-bottom: 6px; position: relative; z-index:1000;" ><tr>
<td valign="top" width="440" align="center" style="font-size: 24px;">
<div id="benefitList" style="display: block;">
<table style="maring-left: 140px;"><tr>
<td><input type="checkbox" onclick="document.getElementById('b1').style.textDecoration='line-through';
document.getElementById('b1').style.color='#ccc';" /></td>
<td align="left"><div id="b1">Remember Birthdays</div>
</td></tr>
<tr>
<td><input type="checkbox" onclick="document.getElementById('b2').style.textDecoration='line-through';
document.getElementById('b2').style.color='#ccc';" /></td>
<td align="left"><div id="b2">Know What's Going On</div>
</td></tr>
<tr>
<td><input type="checkbox" onclick="document.getElementById('b3').style.textDecoration='line-through';
document.getElementById('b3').style.color='#ccc';" /></td>
<td align="left"><div id="b3">Get Stuff Done</div>
</td></tr>
<tr>
<td><input type="checkbox" onclick="document.getElementById('b4').style.textDecoration='line-through';
document.getElementById('b4').style.color='#ccc';" /></td>
<td align="left"><div id="b4">Keep Up With Friends</div>
</td></tr>
<tr>
<td><input type="checkbox" onclick="document.getElementById('b5').style.textDecoration='line-through';
document.getElementById('b5').style.color='#ccc';" /></td>
<td align="left"><div id="b5">Painless Organization / Sharing</div>
</td></tr>
</table>
</div>

<div id="featureList" style="display: none; text-align: left; padding-left: 20px;" class="small textLight">
<span class="textMedium bold">critically acclaimed calendar</span>, natural language entry, ajax, full screen, <span class="textMedium bold">blazing fast</span>, invitations, <span class="textMedium bold">sms reminders</span>, 
repeating events, integrated maps, tagging, share by tags, customizable, multiple themes, <span class="textMedium bold">simple sharing</span>,  weather, <span class="textMedium bold">track myspace, flickr, 
webshots, livejournal, blogger and more</span>, instant photo sharing, your calendar is a timeline, add rss + ical feeds, all data is 
exportable, calendar badges + widgets, <span class="textMedium bold">instant home page</span>, track your buddies, custom webtop/start page, reliable messaging, <span class="textMedium bold">tracked link sharing</span>, 
<span class="textMedium bold">the best to do list ever</span>, perfect for GTD, buddy cards, great for your contact list, sms messaging built in, <span class="textMedium bold">available on your phone</span>, 
status updates, better than paper! 
</div>

<div class="large bold" style="text-align: left; margin: 30px 0px 10px 20px; float: left; position: relative; 
z-index:1000;"><img alt="icon" class="iconBorder" width="24" src="/img/julie24.jpg" /> Hi, I'm Julie from 30B.<br />
You're invited to try the world's <br /><a href="/">best online calendar.</a></div>

<h1 style="margin-left: 30px; margin-top: 20px; text-align: left; position: relative; z-index:1000; clear: both;"> or <a style="text-decoration: underline;" href="/signup">just get started!</a></h1>

</td>
<td valign="top" width="180" align="right">
<div class="quotes textLight"><img alt="PCWorld" src="/img/pcworld.png" /></div>

<div class="quotes textLight">"it will change your life"</div>
<div class="quotes">"an amazing service"</div>
<div class="quotes">"it's so easy my mom can do it"</div>
<div class="rightLinks"><a target="_blank" href="/press">more buzz</a></div>
<div class="rightLinks" style="margin-bottom: 0px !important;"><a href="javascript:toggleDisplay('benefitList');toggleDisplay('featureList');">feature list</a></div>
</td>
</tr></table>

</div>
<div class="clear smallest textLight" style="margin: 8px auto 0px auto; z-index: 1000; position: relative;">&copy; 2007 <a href="http://www.83degrees.com">83&deg;</a>&nbsp;
| &nbsp;Other good stuff:&nbsp;<a href="/blog">Our Blog</a>, <a href="/buddycards">Buddy Cards</a>, <a href="/boxed">30 Boxed</a>, 
<a href="/blogtimeline">Blog Timeline</a>, <a href="/search">People Search</a>, and <a href="http://30boxes.com/blog/index.php/2007/03/11/introducing-twapper/">Twapper</a>.</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1382841-1";
urchinTracker();
</script><div id="hidden"><input style="display: none;" type="text" name="hideme" id="hideme" value="" size="1" tabindex="1" />
</div>
<div id='bottomOfPage'></div>
<!-- end footer -->
</body>
</html>