<!DOCTYPE html>
<html>
<head>
<link rel="apple-touch-icon-precomposed" href="icons/57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icons/72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="icons/76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="icons/114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="icons/152x152.png" />
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="icons/180x180.png" />
<meta id="metaAppTitle" name="apple-mobile-web-app-title" content="DanceStudio-Pro" />
<link rel="favicon" href="assets/favicon2.ico" />
<meta http-equiv="X-UA-Compatible" content="IE=10, IE=9, IE=8, IE=7, IE=EDGE" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui" /><title>
DanceStudio-Pro - Login
</title>
<link href="new_index.css" rel="stylesheet">
<link rel="shortcut icon" href="assets/favicon2.ico">
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<script src="https://www.recaptcha.net/recaptcha/api.js"></script>
</head>
<body id="body" class="contrast-dark login contrast-background">
<div class='middle-container'>
<div class='middle-row'>
<div class='middle-wrapper'>
<div class='login-container-header'>
<div class='container'>
<div class='row'>
<div class='col-sm-12'>
<div class='text-center'>
<img src="/apps/assets/dsp_index_logo_new.png" style="max-width: 80%;" />
</div>
</div>
</div>
</div>
</div>
<div class='login-container'>
<div class='container'>
<div class='row'>
<div class='col-sm-4 col-sm-offset-4'>
<h1 class='text-center title'><span id="MainContent_labelTitle">Login</span></h1>
<div class="g-recaptcha"
data-sitekey="6Lds8i0aAAAAADiKWP7c-hjT3Z4w7TFRZ-Q1PL5Q"
data-callback="onSubmitCaptcha"
data-size="invisible">
</div>
<form method="post" action="login.php" id="f1">
<div class='form-group'>
<div class='controls with-icon-over-input'>
<input name="email" id="" type="email" placeholder="Email Address" value="" class="form-control" />
<i class='fa fa-user text-muted'></i>
</div>
</div>
<div class='form-group'>
<div class='controls with-icon-over-input'>
<input name="password" type="password" id="" class="form-control" placeholder="Password" />
<i class='fa fa-lock text-muted'></i>
</div>
</div>
<input type="button" name="" id="btn_sign_in" value="Sign in" class="btn btn-block" onclick="document.getElementById('btn_sign_in').disabled = true;grecaptcha.execute();"/>
<input type='hidden' name='recaptcha_token' id='recaptcha_token' value=''>
<script>
function onSubmitCaptcha(token) {
document.getElementById('recaptcha_token').value = token;
document.getElementById('f1').submit();
}
</script>
<br><br><center><a href="/privacy/" target="_BLANK">Privacy Policy</a></center>
</form>
<div class='text-center'>
<hr class='hr-normal' />
<a href="/sign-up/">
<i class='fa fa-user text-blue'></i> Not a Member Yet? Click here to start your free trial
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='login-container-footer'>
<div class='container'>
<div class='row'>
<div class='col-sm-12'>
<div class='text-center'>
<a href="forgot_password.php"><i class='fa fa-lock'></i> Forgot your password?</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="updateProgress" style="display:none;">
<div class="modal" aria-hidden="false" style="display: block;" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div class="text-center"><h1><i class='fa fa-refresh fa-spin'></i> Please Wait...</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>