
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#870E6E">
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" href="../../assets/logo_l.png">
<link rel="apple-touch-icon" sizes="76x76" href="../../assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="../../assets/img/favicon.png">
<title>
    Zest Consult Purplebook
</title>


<link rel="canonical" href="" />

<meta name="keywords" content="">
<meta name="description" content="">

<meta name="twitter:card" content="">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:image" content="">

<meta property="fb:app_id" content="">
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:description" content="" />
<meta property="og:site_name" content="" />

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />

<link href="../../assets/css/nucleo-icons.css" rel="stylesheet" />
<link href="../../assets/css/nucleo-svg.css" rel="stylesheet" />

<script src="../../../../../kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
<link href="../../assets/css/nucleo-svg.css" rel="stylesheet" />

<link id="pagestyle" href="../../assets/css/soft-design-system-pro.min9f1e.css?v=1.1.0" rel="stylesheet" />
</head>
<body class="sign-in-basic bg-gray-100">




<section>
<div class="page-header align-items-start min-vh-50 pt-5 pb-11 m-3 border-radius-lg" style="background-image: url('../../assets/img/curved-images/curved9.jpg');">
<span class="mask bg-gradient-dark opacity-6"></span>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5 text-center mx-auto">
<h1 class="text-white mb-2 mt-5">
  <img src="../../assets/img/logo_zc.png" class="img img-responsive" style="width:60px; height:60px;">Zestbook
</h1>
<p class="text-lead text-white">Zest Consult's SAT Online Test</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row mt-lg-n10 mt-md-n12 mt-n11">
<div class="col-xl-4 col-lg-5 col-md-7 mx-auto">
<div class="card z-index-0">
<div class="card-header text-center pt-4">
<h5 class="fw-bolder">Sign In with a Student Account</h5>
</div>

<div class="card-body">
<form>
<div class="mb-3">
<input type="email" class="form-control" placeholder="Email" id="email" aria-label="Email Account">
</div>
<div class="mb-3">
<input type="password" class="form-control" placeholder="Password" id="password" aria-label="Password">
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="rememberMe">
<label class="form-check-label" for="rememberMe">Remember me</label>
</div>
<div class="text-center">
<button type="button" id="btn-sign-in" class="btn bg-gradient-primary w-100 my-4 mb-2">Sign in</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>

<footer class="footer py-5">
<div class="container">
<div class="row">
<div class="col-8 mx-auto text-center mt-1">
<p class="mb-0 text-secondary">
Copyright © <script>document.write(new Date().getFullYear())</script> Zest Consult.
</p>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="../../assets/js/index.js" type="text/javascript"></script>
<script src="../../assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="../../assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<script src="../../assets/js/plugins/perfect-scrollbar.min.js"></script>

<script src="../../assets/js/plugins/typedjs.js"></script>

<script src="../../assets/js/plugins/parallax.min.js"></script>

<script src="../../assets/js/plugins/nouislider.min.js" type="text/javascript"></script>

<script src="../../assets/js/plugins/glidejs.min.js" type="text/javascript"></script>

<script src="../../assets/js/plugins/anime.min.js" type="text/javascript"></script>

<script src="../../assets/js/plugins/chartjs.min.js"></script>


<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTTfWur0PDbZWPr7Pmq8K3jiDp0_xUziI"></script>

<script async defer src="../../../../../buttons.github.io/buttons.js"></script>
<script src="../../assets/js/soft-design-system-pro.min9f1e.js?v=1.1.0" type="text/javascript"></script>
<script>
  $(document).ready(function(){
    $('#btn-sign-in').click(function(){
      $('#btn-sign-in').text('Please Wait...')
      window.location.replace('../../');
    });
  });
</script>

</body>

</html>