CINXE.COM
My Account
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="description" content="" /> <meta name="author" content="" /> <title>My Account</title> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="018e41cd-072c-7be0-a7e6-c200e3ddceb6" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <link href="/my-account/inc/SF_Core.css" rel="stylesheet" /> <link href="/my-account/assets/sb-admin-v7/styles.css" rel="stylesheet" /> <style> div.PasswordResetContact { font-size:11pt; } .bg-login-image { background: url("https://www.terrapinn.com/img/blank.gif");} .bg-register-image { background: url("https://www.terrapinn.com/img/blank.gif");} .bg-password-image { background: url("https://www.terrapinn.com/img/blank.gif");} body { background-color:#EF6246; } img.LoginLogo { float:left; } </style> <script defer src="https://www.terrapinn-cdn.com/config/bootstrap/js/jquery.blockUI.js" type="text/javascript"></script> </head> <body class=""> <form method="post" action="./login?ReturnUrl=%2fmy-account" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/ely2DDFIClE/aBZVuLdhM7xJZYfHfOeqb4+2nyXipiRgXe0Dtb1pdDsaJW4wMa7AKHV1HKM4/OJonx7QrZ82kqxb/b1wUDbatp53Zfj0DzxExdOrZSZ/ujD48Cd4f4KMVOLg5RPeKNGxGodvIp2cdBsph3OxMZYAB8qQIMWr/M=" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4671575A" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="DNKF9GbJ/PYTa0SZo+yWeFo4wybPby5dPWm2wIA4qTZGRTv4A9J6u6SwyePU9IepukWxujblegjl2mwOr32rnv1N9Id02V8fNnGh6/D8gCOBFuQiqM8zZg2EiAPS6C2SnFBL4sm8cK4lReJHKcxZlQ==" /> </div> <div id="layoutAuthentication"> <div id="layoutAuthentication_content"> <main style="max-width:100%;"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-5"> <div class="card shadow-lg border-0 rounded-lg mt-5"> <!-- SECTIONS --> <div class="card-header"><img src="img/terrapinn-spark.png" alt="Terrapinn -spark something" class="LoginLogo" /><h3 class="text-center font-weight-light my-4">My Account</h3></div> <div class="card-body"> <p id="LoginHeader">If this is your first time logging in, then <a href="/my-account/login?reset=1">click here</a> or click <a href="/my-account/login?reset=1">forgot password</a>. If you are returning, please enter your email address and password below.</p> <div class="form-floating mb-3"> <input name="txtInputEmail" type="email" id="txtInputEmail" class="form-control form-control-user" aria-describedby="emailHelp" autocomplete="work email" placeholder="Enter Email Address..." /> <label for="txtInputEmail">Email address</label> </div> <div class="form-floating mb-3"> <input name="txtInputPassword" type="password" id="txtInputPassword" class="form-control form-control-user" placeholder="Password" autocomplete="current-password" /> <label for="txtInputPassword">Password</label> </div> <div class="form-check mb-3"> <input name="chkRemember" type="checkbox" id="chkRemember" class="custom-control-input" /> <label class="form-check-label" for="chkRemember">Remember email?</label> </div> <div class="d-flex align-items-center justify-content-between mt-4 mb-0"> <a class="small" href="/my-account/login?reset=1">Forgot password?</a> <a href="#" class="btn btn-primary btn-user btn-block" id="btnLogin">Login</a> </div> </div> <div class="card-footer text-center py-3"> <div class="small"></div> </div> </div> </div> </div> </div> </main> </div> <div id="layoutAuthentication_footer"> <footer class="py-4 bg-light mt-auto"> <div class="container-fluid px-4"> <div class="d-flex align-items-center justify-content-between small"> <div class="text-muted">Copyright © Terrapinn 2023</div> <div> <a href="https://www.terrapinn.com/privacy" target="Terrapinn">Privacy Policy</a> · <a href="https://www.terrapinn.com/terms-and-conditions" target="Terrapinn">Terms & Conditions</a> </div> </div> </div> </footer> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class="modal" tabindex="-1" id="StatusDialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"><span id="StatusDialogTitle"></span></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p><span id="StatusDialogContent"></span></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> </form> <script defer src="/my-account/scripts/jquery.passtrength.js"></script> <script defer src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script> <script> function ValidateLogin() { if ($("#txtInputEmail").val() != '' && $("#txtInputPassword").val() != '') { console.log('login processing..'); SubmitForm(); } else { // error... $("p#LoginHeader").html('Please enter the email address you\'re registered with, and your password. Or <em><a href="/em/login?reset=1">reset</a></em> your account.'); } } function ValidateReset() { if ($("#txtEmailReset").val() != '') { SubmitForm(); } else { // error.. } } function ValidatePasswordReset() { if ($("#txtPasswordUpdate1").val() != '' && $("#txtPasswordUpdate2").val() != '' && $("#txtPasswordUpdate1").val() == $("#txtPasswordUpdate2").val() && $("#txtPasswordUpdate1").val().length > 4) { SubmitForm(); } else { // error.. $("div#ResetHeader").html('<p>Passwords must match, minumim 5 characters</p>'); $("#txtPasswordUpdate2").focus(); $("#txtPasswordUpdate2").select(); } } function SubmitForm() { $.blockUI(); $("Form#form1").submit(); } $(function () { $(document).ready(function () { $("a#btnLogin").click(function (event) { event.preventDefault(); ValidateLogin(); }); $("#txtInputPassword").on('keypress', function (e) { if (e.which == 13) { ValidateLogin(); } }); $("a#btnReset").click(function (event) { event.preventDefault(); ValidateReset() }); $("#txtEmailReset").on('keypress', function (e) { if (e.which == 13) { ValidateReset(); } }); $("a#btnPasswordSet").click(function (event) { event.preventDefault(); ValidatePasswordReset(); }); $("#txtPasswordUpdate2").on('keypress', function (e) { if (e.which == 13) { ValidatePasswordReset(); } }); }); }); function LocalStore(strKey, strData) { try { // try to pull value.. if (typeof localStorage.getItem(strKey) === "undefined" || localStorage.getItem(strKey)) { console.log('value [' + strKey + '] pulled from cache: ' + localStorage.getItem(strKey)); return localStorage.getItem(strKey); } else { // need to fetch and store item... localStorage.setItem(strKey, strData); } } catch (err) { console.log(err.message); } } </script> </body> </html>