<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 fieldsetansitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>Web Hosting Control Panel Login</title>
	<link rel="stylesheet" type="text/css" href="/themes/black-tie/theme.css" id="themeid" />
	<link href="/js/video-js/video-js.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="/css/styles.min.css?v=1511439384" />
<script type="text/javascript" src="/js/jses.min.js?v=1506427924"></script>
<script type="text/javascript">
//<![CDATA[
var please_wait_lang = 'Please wait a few seconds';
var msg_loading_lang = 'Loading';
var msg_success_lang = 'Hurray!';
var msg_error_lang = 'Oops!';
var msg_notice_lang = 'Important notice';
//]]>
</script>
	<script type="text/javascript" src="/js/jquery_plugins/jquery-fonteffect-1.0.0.min.js"></script> 
	<script src="/js/video-js/video.min.js"></script>	
	<script type="text/javascript">
		  _V_.options.flash.swf = "/js/video-js/video-js.swf";

		$(function(){ 
			$('#forgottenPass').FontEffect({ 
				mirror:true,
				mirrorColor: "#686868",
				mirrorOffset: 34,
				mirrorHeight: 100,
				mirrorDetail: 1,
				mirrorTStart: 0.2
			});

			$('#username').focus();
			create_dialog($('#intro_video_dialog'), {
				'buttons': {
					'Continue': function() {
						$(this).dialog('close');
					}
				}
			}, false);
			$('#intro_video_link').click(function() {
				$('#intro_video_dialog').dialog('open');
			});

			
			$("#login-form form").on('submit', function() {
				$('input[type=image]', this).each(function() {
					$(this).prop("disabled", true);
				});
			});

									
			//$('#normal_login_button').on('click', function() { $("#login-form form").submit(); });
			
			$('#username, #password').on('keypress', function(e) {
				if (e.keyCode == 13)
					$("#login-form form").submit();
			});
			$('#panel_login_btn').on('click', function(e) {
				e.preventDefault();
				$("#login-form form").submit();
			});
			$('#beta_login_btn').on('click', function(e) {
				e.preventDefault();
				$("#login-form form").submit(function() {
					this.action = "https://cpbeta.freehostia.com/login/";
				});
				$("#login-form form").submit();
			});
		});


		(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','//www.google-analytics.com/analytics.js','ga');
	      
		ga('create', 'UA-1074220-34', 'freehostia.com');
		ga('send', 'pageview');
	      
		/*
		var _gaq = _gaq || [];
				_gaq.push(['_setAccount', 'UA-1074220-34']);
				_gaq.push(['_setDomainName', 'freehostia.com']);
				_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';
		  ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
		  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
		*/
  
	
	</script>
</head>
<body class="loginpage">
<div id="tm_logo"></div>
<div id="login-form">
	<form action="/login" method="post"  class="loginform">
		<fieldset>
			<label for="username">Username:</label>
			<input type="text" name="username" id="username" value="" />
		</fieldset>
		<fieldset>
			<label for="password">Password:</label>
			<input type="password" name="password" id="password" value="" />
			<input type="hidden" name="returnURL" id="returnURL" value="" />
		</fieldset>
				<div style="text-align: center">
						<div style="text-align: right">
				<a href="#" id="panel_login_btn"><img src="/images/login-submit-v3-old.png" border="0" /></a>
				<a href="#" id="beta_login_btn"><img src="/images/login-submit-v4-beta.png" border="0" /></a>
			</div>
					<div id="idps">
		<div class="header">Log in with:</div>
				<div class="inside">
			<a href="https://social.cloudlogin.co?state=bklwdVRhZ09GcnhjUVhZRGMyOHFmQTVpanRJZTZNWE9oZUR6ZzBZcVovdEZkakh5TjYrTmtyZDN3OE5QV1laOEk1NFExVXRyanc2QlpMWFBmMk8rQW1ncUdCbTZaK21mMWpwRDN4a0FDMy94Z09Cdnc5MUZwWlRONTl6N0JPRSswSlVuU2QvQUJFb1Rib0xZL1VYTnlGQTJhQ3pUblpWZ2NUdTNNNmFHeGVVaEdNVWRzWkJuYVlsdWd1RmVBbVpS&_ts=1522616321" class="link_to" data-popup-width="400" data-popup-height="500">
				<img src="/images/connect_with_facebook.svg" width="80" title="Login with Facebook" />
			</a>
		</div>
				<div class="inside">
			<a href="https://social.cloudlogin.co?state=bklwdVRhZ09GcnhjUVhZRGMyOHFmQTVpanRJZTZNWE9oZUR6ZzBZcVovdEZkakh5TjYrTmtyZDN3OE5QV1laOEk1NFExVXRyanc2QlpMWFBmMk8rQW1ncUdCbTZaK21mMWpwRDN4a0FDMy94Z09Cdnc5MUZwWlRONTl6N0JPRStSRzFxSS93a1VaMllNUVYrcno2T1AyekIwZU4yZHpVL252YzBYeGpBNGtkTGVYN3lTcWhDazVhdGZSeEpqQXA0&_ts=1522616321" class="link_to" data-popup-width="430" data-popup-height="570">
				<img src="/images/connect_with_google.svg" width="80" title="Login with Google" />
			</a>
		</div>
				<div class="inside">
			<a href="https://social.cloudlogin.co?state=bklwdVRhZ09GcnhjUVhZRGMyOHFmQTVpanRJZTZNWE9oZUR6ZzBZcVovdEZkakh5TjYrTmtyZDN3OE5QV1laOEk1NFExVXRyanc2QlpMWFBmMk8rQW1ncUdCbTZaK21mMWpwRDN4a0FDMy94Z09Cdnc5MUZwWlRONTl6N0JPRStySXE5STlrZlhIM2lZTmtGOTdiNXRTaVJWeU5OV2p6SDJGOVNwbiswSCtZSGxPb3NnYnM1dDcyZVBYWU9jeC9k&_ts=1522616321" class="link_to" data-popup-width="600" data-popup-height="570">
				<img src="/images/connect_with_yahoo.svg" width="80" title="Login with Yahoo" />
			</a>
		</div>
			</div>
	
	<script type="text/javascript">
		$(".link_to").on('click', function(e) {
			e.preventDefault();
			var width = $(this).data('popup-width') || 600;
			var height = $(this).data('popup-height') || 500;
			popupwindow($(this).attr('href'), 'hybridauth_social_sing_on', width, height);
		});
	</script>
			<div id="forgot">
				<a href="/login/lost-password">
					<span id="forgottenPass">Forgotten Password</span>
				</a>
			</div>
		</div>
			</form>
</div>

<center>
<a id="intro_video_link"><img src="/images/play_icon.png" border="0" /> Watch Hepsia Web Hosting Control Panel Introduction Video</a>
<div id="intro_video_dialog" title="Control Panel Introduction" style="display: none">
	<video id="intro_video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="378" data-setup="{}">
	  <source src="https://videos.hepsia.com/intro-video/intro-video.flv" type='video/flv'>
	</video>
</div>
</center>
</body>
</html>
