<!DOCTYPE html>
<head>
	<link rel="stylesheet" href="reset.css"/>
	<link rel="stylesheet" href="style.css"/>
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	
	<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
	
	<title>American Red Cross // Safety // I'm Safe</title>
	
	<script type="application/x-javascript">
	    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
	
	    function hideURLbar(){
	        window.scrollTo(0,1);
	    }
	    
	    $(document).ready(function() {
	      
	      var app = "Hurricane";
	      
	      if(window.location.hash) {
	      
	          app = window.location.hash.substr(1);
	          
	          $(".app").text(app);
	          
	          $(".app-url").attr("href", "http://arc.alert.3sidedcube.com/sniffer.php?app=" + app)
	        	
	        	$(".icon").attr("src", "images/" + app + ".png")  
	      }
	      
	    });
	      
	</script>
	
</head>
<body>
	<div class="outer-container">
		<div class="inner-container">
			<div class="content">
			
				<div class="header">
					<h1><b>American Red Cross</b> <i>// Safety // I'm Safe</i></h1>
				</div>
				
				<div class="col-left">
					<h2>Just letting you know I'm safe.</h2>
					<p class="warning"><img src="images/safe.png" height="430"/></p>
				</div>
				
				<div class="col-right">
					<h2><span class="app">hurricane</span> by American Red Cross</h2>
					<img class="icon" src="images/icon.png">
					<p class="icon">This alert is from the <span class="app">hurricane</span> app by the American Red Cross. Prepare yourself for a <span class="app">hurricane</span> and download it now!</p>
					
					<h2>Download</h2>
					<p>
					  <a class="app-url" href="http://arc.alert.3sidedcube.com/sniffer.php?app=hurricane"><span class="download-button">iPhone</span></a>
					  <!--<span class="circle-button">OR</span>-->
					  <a class="app-url" href="http://arc.alert.3sidedcube.com/sniffer.php?app=hurricane"><span class="download-button move-right">Android</span></a>
					</p>
				</div>
				
				<div class="twitter-header">
				</div>

			  <div class="footer">
			  <span><a href="http://www.3sidedcube.com" target="_blank">Developed by 3SIDEDCUBE</a></span>
			  </div>
				
			</div>
		</div>
	</div>
<!--	
	<div class="background-animate"></div>-->
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-31948082-3']);
	  _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>
</body>
</html>