<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<meta name="description" content="business cloud services" />
		<meta name="keywords" content="business, could, voip, business cloud services, group, todo, task, project management, group collaboration, task management, file storage, file sync, group sharing, group messaging" />
		<title>iGroups | business cloud services</title>
		<link rel="icon" type="image/ico" href="favicon.ico">
		<link href="/asset/css/homepage.css" rel="stylesheet" type="text/css">
		<script src="/asset/js/jquery.min.1.6.4.js"></script>
		<script type="text/javascript">
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-26105028-1']);
		  _gaq.push(['_setDomainName', 'igrou.ps']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();
		</script>
	</head>
	<body>
		

		<div id="page">
			<div id="pane" style="max-height:619px;"> 
				<div id="screenshot"><img src="/asset/images/logo.png"></div>
				
				<div style="position: fixed;
				z-index: 99999999;
				top: 0px;
				left: 0px;
				margin: 0 auto;
				overflow: hidden;
				width: 100%;
				height: 42px;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#417CBD), to(#2C619C));
				background-image: -moz-linear-gradient(top, #417CBD, #2C619C);
				background-image: -o-linear-gradient(top, #417CBD, #2C619C);

				background-image: -ms-linear-gradient(top, #417CBD, #2C619C);
				background-image: linear-gradient(top, #417CBD, #2C619C);
				border-bottom: 2px solid black;
				-webkit-box-shadow: inset 0 1px 0 #074889;
				-moz-box-shadow: inset 0 1px 0 #75ACEA;
				-o-box-shadow: inset 0 1px 0 #75ACEA;
				box-shadow: inset 0 1px 0 #074889;


				">
				
					<div style="position: absolute; float:left; display:inline; right:150px; top: 6px">
						<a class="btn " onClick="$('#details').hide();$('#screenshot').hide();$('#features').show();$('#pricingdiv').hide();">features</a>
						<a class="btn success" onClick="$('#details').hide();$('#screenshot').hide();$('#features').hide();$('#pricingdiv').show();">pricing</a>
						<a class="btn danger" href="/auth/login">login</a>
					</div>
				
					<div style="position: absolute; float:left; display:inline; left:180px; top: 20px">
	<!--				<img src="/assets/themes/bluelook/images/igroups.png" style="-moz-box-shadow: 0px 0px 3px black;
	-->				
						<a onClick="$('#details').show();$('#screenshot').show();$('#features').hide();$('#pricingdiv').hide();"><img src="/asset/images/igroups.png" style="-moz-box-shadow: 0px 0px 3px black;
															-webkit-box-shadow: 0px 0px 3px black;
															box-shadow: 0px 0px 3px black;
															border: 1px solid red;
															position: relative;
															left: -36px;
															top: -19px;"></a>
				</div>
				</div>										
				<div id="details" style="width: 570px">
					<br /><br>
					<h1>smart cloud services</h1>
					<h2>cloud <font color="red">phone</font> services</h2>
					<h3>easy to use services that grow with your business
						<!--<br> take your entire business with you wherever you are-->
						<br> whenever you want them
						
					</h3>
					<!--
					<a class="btn small success">projects</a>
					<a class="btn small ">tasks</a>
					<a class="btn small ">groups</a>
					
					<a class="btn small ">calendars</a>
					<a class="btn small ">messages</a>
					<a class="btn small ">files</a>
					<br>
					-->
					<a class="btn small danger">toll-free & local numbers</a>
					<a class="btn small ">PBX</a>
					<a class="btn small ">IVR</a>
					<a class="btn small ">VOIP</a>
					<a class="btn small ">conference calls</a><br>
					<a class="btn small success">metrics</a>
					<a class="btn small ">call rolls</a>
					<a class="btn small ">call screening</a>
					<a class="btn small ">caller ID</a><br>
					<a class="btn small danger">workflows</a>
					<a class="btn small ">call center</a>
					<a class="btn small ">voicemail</a>
					<a class="btn small ">transcription</a>
					<a class="btn small ">live call control</a>
					<h4>coming 2012</h4>
				</div>
			</div>
			<div id="features" style="display:none">
				<br><br>
				<h2>features</h2>
				<div class="feature">
					<a href="#" class='img'><img src="/asset/images/syt/stars.png" height="55"></a>
					<div class="details">
						<h3>Custom Phone Numbers</h3>
						<p>Get local and toll-free numbers for your business, whenever you want them. You can get local numbers to reflect your physical presence and toll-free numbers for better visibility and free calling for your customers.</p>
					</div>
				</div>
				
				<div class="feature" style="display:block;">
					<a href="#" class='img'><img src="/asset/images/syt/clock.png" height="60"></a>
					<div class="details">
						<h3>Appointment Reminders</h3>
						<p>Schedule to call or text message your clients and present them with automated reminders for upcoming appointments</p>
					</div>
				</div>
				
				<div class="feature">
					<a href="#" class='img'><img src="/asset/images/syt/people.png" height="70"></a>
					<div class="details">
						<h3>Conference Calls</h3>
						<p>Easily schedule and connect any number of users to a conference room.</p>
					</div>
				</div>
		
				<div class="feature"  style="display:block;">
					<a href="#" class='img'><img src="/asset/images/syt/meter.png" height="48"></a>
					<div class="details">
						<h3>Call Metrics</h3>
						<p>Collect metrics about phone calls and monitor their effectiveness and optimize marketing. You can record every call, track the time and duration, as well as geographic location of the caller.</p>
					</div>
				</div>
		
				<div class="feature">
					<a href="#" class='img'><img src="/asset/images/syt/list.png" height="50" style="padding-left:10px;"></a>
					<div class="details">
						<h3>Call Rolls</h3>
						<p>Say you have to call 50 clients in a row. If a number doesn't pick up, then the next one will be called, and so on. Our system can identify answering machines and skip them, saving you precious time and recording them to be tried again later.</p>
					</div>
				</div>
			
				<div class="feature" style="display:block;">
					<a href="#" class='img'><img src="/asset/images/syt/flow.png" height="60"></a>
					<div class="details">
						<h3>Advanced Workflows</h3>
						<p>Fire off custom calls and text messages as part of existing business processes or dynamically routing calls based on your CRM actions (i.e. two-factor authentication, registration PINs).</p>
					</div>
				</div>
		
				<div class="feature">
					<a href="#" class='img'><img src="/asset/images/syt/phone2.png" height="55"></a>
					<div class="details">
						<h3>Business Phone System (PBX)</h3>
						<p>No need to purchase complex hardware, ports, and fixed multi-year contracts. You get unlimited extensions and the flexibility to grow the number of minutes as your business grows.</p>
					</div>
				</div>
				
				<div class="feature" style="display:block;">
					<a href="#" class='img'><img src="/asset/images/syt/callperson.png" height="70"></a>
					<div class="details">
						<h3>Call Center</h3>
						<p>Deploy an advanced call center in a matter of minutes. Conference calls, audio playback and recording, and transcription are all at your fingertips with just a click</p>
					</div>
				</div>
				
				<div class="feature">
					<a href="#" class='img'><img src="/asset/images/syt/voicemail.png" height="60"></a>
					<div class="details">
						<h3>Voicemail</h3>
						<p>Record incoming calls and check them our later through visual and email voicemail.</p>
					</div>
				</div>
				
				<div class="feature" style="display:block;">
					<a href="#" class='img'><img src="/asset/images/syt/message.png" height="55" style="padding-left:8px;"></a>
					<div class="details">
						<h3>Voicemail Transcription</h3>
						<p>No need to listen to your voicemails, just get them transcribed to emailed or texted to you.</p>
					</div>
				</div>
				
				<div class="feature" style="display:block;">
					<a href="#" class='img'><img src="/asset/images/syt/roadsigns.png" height="65"></a>
					<div class="details" style="width:800px;">
						<h3>Call Screening</h3>
						<p>Choose to accept or reject specific numbers and have your phone do different things at certain hours of the day. For instance, you can direct your phone to connect to the next available representative 9-5 and take voicemails afterwards.</p>
					</div>
				</div>
				
			
			</div>
			
			<div id="pricingdiv" style="display:none">
				<br><br><br>
				
				<h2>pricing</h2>

				<table class="bordered-table striped-table" style='font-family: "Lato",sans-serif;'>
				  <thead>
				      <tr>
				        <th style="width:250px;"></th>
				        <th style="width:150px;"><h3>Small</h3></th>
				        <th style="width:150px;"><h3>Medium</h3></th>
				        <th style="width:150px;"><h3>Large</h3></th>
				        <th style="width:150px;"><h3>XLarge</h3></th>
				        <th style="width:200px;"><h3>Pay as You Go</h3></th>
				      </tr>
				    </thead>
				    <tbody>
				      <tr>
				        <td style='float:right;'><h3>Text Messages</h3></td>
				        <td class="muted">100</td>
				        <td class="muted">200</td>
				        <td class="muted">400</td>
				        <td class="muted">800</td>
				        <td class="muted">$0.02/min</td>
				      </tr>
				      <tr>
				        <td><h3>Local Minutes</h3></td>
				        <td class="muted">250</td>
				        <td class="muted">500</td>
				        <td class="muted">1000</td>
				        <td class="muted">2000</td>
				        <td class="muted">$0.02/min</td>
				      </tr>
				      <tr>
				        <td><h3>Toll-Free Minutes</h3></td>
				        <td class="muted"></td>
				        <td class="muted">500</td>
				        <td class="muted">1000</td>
				        <td class="muted">2000</td>
				        <td class="muted">$0.04/min</td>
				      </tr>		
				      <tr>
				        <td><h3>Cost</h3></td>
				        <td class="muted">$9.99</td>
				        <td class="muted">$29.99</td>
				        <td class="muted">$49.99</td>
				        <td class="muted">$99.99</td>
				        <td class="muted">a la carte</td>
				      </tr>		
				      <tr>
				        <td><h3>Savings</h3></td>
				        <td class="muted">5%</td>
				        <td class="muted">10%</td>
				        <td class="muted">20%</td>
				        <td class="muted">25%</td>
				        <td class="muted">0%</td>
				      </tr>		
				      <tr>
				        <td><h3>Included Numbers</h3></td>
				        <td class="muted"></td>
				        <td class="muted">1 Local</td>
				        <td class="muted">1 Toll-Free</td>
				        <td class="muted">1 Local &<br> 1 Toll-Free</td>
				        <td class="muted">$2.00/local<br> $4.00/toll-free</td>
				      </tr>		
				    </tbody>
				  </table>
					

				<br>
				<br>
				<br>
				<br>
				<br>
				<br>
			</div>

		</div>
		<!--
		<div id="footer">
			
				<div class="nav">
					<a title="follow us on twitter" href="http://www.twitter.com/igroups">@twitter</a>
					<a title="follow us on facebook" href="http://www.facebook.com/igroups">@facebook</a>
					<a title="contact us" href="mailto:support@igrou.ps">contact us</a>
				</div>
				<p style="padding-top: 8px; padding-left: 10px; font-size:13px">iGroups, Inc is a Boston-based company. We make cool things.</p>

		</div>
		
		-->
		
		
	</body>
</html>

