<!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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<title>DataSphere</title>

<!--GENERAL STYLESHEET -->
<link rel="stylesheet" type="text/css" href="include/css/design2016.css" />
<!--DROP DOWN MENU CSS MEGADROP code-->
<link rel="stylesheet" href="include/css/dropdownmenu.css" />
<!--POP UP STYLESHEET -->
<link rel="stylesheet" type="text/css" href="include/css/popup.css" />

<!--unslider css-->
<link rel="stylesheet" href="include/css/unslider.css">
<!--<link rel="stylesheet" href="include/css/unslider-dots.css">-->
<link href='https://fonts.googleapis.com/css?family=Lato:400,500,300,300italic,400italic,700,700italic,900' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="include/css/font-awesome.min.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 

<!-- HOMEPAGE LIGHTBOX INCLUDES-->
		<link type="text/css" rel="stylesheet" href="include/css/featherlight.min.css" />
		<style type="text/css">
				.lightbox { display: none; }
				.featherlight .featherlight-content {
					position: relative;
				    text-align: left;
				    vertical-align: middle;
				    display: inline-block;
				    overflow: auto;
				    padding: 25px 25px 0 25px;
				    border-bottom: 20px solid transparent;
				    border-top: 0px solid transparent;
				    /* min-width: 30%; */
				    margin-left: 5%;
				    margin-right: 5%;
				    max-height: 95%;
					background:#e1e1e1;
				    cursor: auto;
				    white-space: normal;
				    border-radius: 10px;
				}
				.newsbug {
					width:100%;
					height:50px;
					text-align:center;
					background-color:#92cc2f;
				
					}
				.newsbugbox {
					max-width:1070px;
					float:center;
					margin:0 auto;
					text-align:center;
					padding-top:15px;
					padding-left:0px;
					padding-bottom:5px;
					color:white;


					}
		</style>	
<!-- /HOMEPAGE LIGHTBOX INCLUDES-->


</head>
<body>

<!--NAV -->
<div id="nav" style="height:88px;">

	<div class="navtop">

		<div class="bodycontainer">	

			<div class="logo">
				<a href="/"><img src="include/img/logo.png" alt="DataSphere Logo links to homepage" border="0" /></a>
			</div>
			<div class="navright floatright">
			</div>
			<div style="clear: both;"></div>
		</div>	
	</div>

	
</div>
<div class="navmobilespacer"></div>
<!--NAV END -->

<!--HERO -->
<script type='text/javascript' src='//code.jquery.com/jquery-2.1.3.min.js'></script>  
<script type='text/javascript'>//<![CDATA[
	$(window).load(function(){
	//load random image on page load
	var images = ['include/img/hero1.jpg', 'include/img/hero2.jpg', 'include/img/hero3.jpg', 'include/img/hero4.jpg', 'include/img/hero5.jpg', 'include/img/hero6.jpg', 'include/img/hero7.jpg', 'include/img/hero8.jpg', 'include/img/hero9.jpg'];
	$('#hero').css({'background': 'linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.79) 100%), url(' + images[Math.floor(Math.random() * images.length)] + ')'});});//]]> 
</script>

<div  id="hero" style="height:385px;">

		<div class="bodycontainer">
		&nbsp;
			<div class="herotext" style="margin-top:140px;">
		
				<div class="heroparagraph"><span style="font-size:24px;font-weight:bold;margin-bottom:10px;">Welcome to the customer portal for DataSphere</span>
					<br /><br />
					<a href="https://my.datasphere.com/" class="blubtn">Customer Login</a>
					<br /><br /><br />
					<span style="font-size:14px;">
					Contact Us:<br />
					<a href="mailto:customersuccess@datasphere.com">customersuccess@datasphere.com</a></span>
				</div>
				<div class="heroparagraphmini"><span style="font-size:24px;font-weight:bold;">Welcome to the customer portal for DataSphere</span>
					<br /><br />
					<a href="https://my.datasphere.com/" class="blubtn">Customer Login</a>
					<br /><br /><br />
					<span style="font-size:14px;">
					Contact Us:<br />
					<a href="mailto:customersuccess@datasphere.com">customersuccess@datasphere.com</a></span>
				</div>	
				
			</div>
		</div>
		
</div>
<!--HERO END -->

<!--FOOTER -->
	<div class="footer3" style="margin-top:20px;">
		<div class="bodycontainer">
			<div class="footer3container">
				<img src="include/img/footersphere.gif" /><br /><br />

				<br /><br />
				<span id="copyRightYear" style="font-size:12px"></span>
				<br />
				
			</div>
		</div>
	</div>


<!-- copyright -->
<script>
var dt = new Date();
var yr = dt.getFullYear();
var x = yr
document.getElementById('copyRightYear').innerHTML = "&copy; " + x +
", DataSphere Technologies, Inc. All rights reserved."
</script>
<!-- / copyright -->


</div>
<!--FOOTER END -->





<!--UNSLIDER CSS-->
<script src="include/js/unslider.js"></script>
<!--<script src="include/js/unslider-dots.js"></script>-->

<script>
		jQuery(document).ready(function($) {
			$('.my-slider').unslider();
		});
</script>







<!--GOOGLE ANALYTICS CODE -->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-23435463-1', 'auto');
  ga('send', 'pageview');
</script>
<!--END GOOGLE ANALYTICS CODE -->

<!-- Google Tag Manager -->
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5L3LPQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5L3LPQ');</script>
<!-- End Google Tag Manager -->
<!-- END Google Tag Manager -->

</body>
</html>
<!-- MAIN NAV BAR GRAY STICKIED -->
<style>
.navbarfixed { top: 0; z-index: 11100; position: fixed; width: 100%;}
.navbottomfixed { background-color:#4b96d0; 	
-webkit-transition: background-color 0.3s ease-out; 
-moz-transition: background-color 0.3s ease-out; 
-o-transition: background-color 0.3s ease-out; 
-ms-transition: background-color 0.3s ease-out; 
transition: background-color 0.3s ease-out;
}

</style>
<script>
$(document).ready(function() {
  $(window).scroll(function () {
      //console.log($(window).scrollTop())
    if ($(window).scrollTop() > 86) {
      $('.navbottom').addClass('navbarfixed');
      $('.ghostbuttonoff').addClass('ghostbuttonon');

    }
    if ($(window).scrollTop() < 86) {
      $('.navbottom').removeClass('navbarfixed');
            $('.ghostbuttonoff').removeClass('ghostbuttonon');

    }
  });
});
</script>
<!-- END NAV BAR GRAY STICKIED -->
