<!DOCTYPE HTML>

<html>
	<head>
		<title>My Spa Portal</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->





<script type="text/javascript">
function slvalidateform_5(form)
{
  var loginmessage=document.getElementById('slformmsg_5')
  loginmessage.innerHTML=''
  var username=document.getElementById('slfieldinput_5_username')	
  if (sltrim_5(username.value)=="")
  {
    loginmessage.innerHTML='Please enter your username'	
    username.focus()
    return(false)
  }
  var password=document.getElementById('slfieldinput_5_password')	
  if (sltrim_5(password.value)=="")
  {
    loginmessage.innerHTML='Please enter your password'	
    password.focus()
    return(false)
  }  loginmessage.innerHTML='';
  var slajaxavailable=false;
  if ((window.XMLHttpRequest) && (typeof JSON === "object"))
    slajaxavailable=true;
  if (slajaxavailable)
  {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function()
    {
      if (xhttp.readyState == 4 && xhttp.status == 200)
      {
        // Handle callback
        document.getElementById('myButton_5').disabled=false
        document.getElementById('slspinner_5').style['display']="none"
        var data = JSON.parse(xhttp.responseText);
        if (data.success)
        {
          window.location=data.redirect;
          return(false);
        }
        else  
        {  
          loginmessage.innerHTML = data.message;
          return(false);
        }
      }
    };
    // Serialize form
    var formData=sl_serialize(form);
    formData+="&slajaxform=1";
    var slfrmact=form.action;
    if (slfrmact=="")
      slfrmact=window.location.href;
    document.getElementById('myButton_5').disabled=true
    document.getElementById('slspinner_5').style['display']="block"    
    xhttp.open("POST", slfrmact, true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.send(formData);
    return(false);
  }
  return(true);
}
function forgotpw_5()
{
  var loginmessage=document.getElementById('slformmsg_5')
  loginmessage.innerHTML=''
  var username=document.getElementById('slfieldinput_5_username')	
  if (sltrim_5(username.value)=="")
  {
     loginmessage.innerHTML='Please enter your username or email address'
    username.focus()
    return(false)
  }
  var forgotpassword=document.getElementById('forgotpassword_5')	
  forgotpassword.value="forgotten-it"
  var form=document.getElementById('siteloklogin_5')
  loginmessage.innerHTML='';
  var slajaxavailable=false;
  if ((window.XMLHttpRequest) && (typeof JSON === "object"))
    slajaxavailable=true;
  if (slajaxavailable)
  {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function()
    {
      if (xhttp.readyState == 4 && xhttp.status == 200)
      {
        // Handle callback
        document.getElementById('myButton_5').disabled=false
        document.getElementById('slspinner_5').style['display']="none"
        var data = JSON.parse(xhttp.responseText);
        if (data.success)
        {
          forgotpassword.value="";          
          window.location=data.redirect;
          return(false);
        }
        else  
        {  
          forgotpassword.value="";
          loginmessage.innerHTML = data.message;
          return(false);
        }
      }
    };
    // Serialize form
    var formData=sl_serialize(form);
    formData+="&slajaxform=1";
    var slfrmact=form.action;
    if (slfrmact=="")
      slfrmact=window.location.href;
    document.getElementById('myButton_5').disabled=true
    document.getElementById('slspinner_5').style['display']="block"    
    xhttp.open("POST", slfrmact, true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.send(formData);
    return(false);
  }
  form.submit() 
  return(true)
}

function sltrim_5(x)
{
    return x.replace(/^\s+|\s+$/gm,'');
}
function sl_serialize(form)
{
 if (!form || form.nodeName !== "FORM") {
   return;
 }
 var i, j, q = [];
 for (i = form.elements.length - 1; i >= 0; i = i - 1) {
   if (form.elements[i].name === "") {
     continue;
   }
   switch (form.elements[i].nodeName) {
   case 'INPUT':
     switch (form.elements[i].type) {
     case 'text':
     case 'email':
     case 'number':
     case 'hidden':
     case 'password':
     case 'button':
     case 'reset':
     case 'submit':
       q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
       break;
     case 'checkbox':
     case 'radio':
       if (form.elements[i].checked) {
         q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
       }           
       break;
     case 'file':
       break;
     }
     break;       
   case 'TEXTAREA':
     q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
     break;
   case 'SELECT':
     switch (form.elements[i].type) {
     case 'select-one':
       q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
       break;
     case 'select-multiple':
       for (j = form.elements[i].options.length - 1; j >= 0; j = j - 1) {
         if (form.elements[i].options[j].selected) {
           q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].options[j].value));
         }
       }
       break;
     }
     break;
   case 'BUTTON':
     switch (form.elements[i].type) {
     case 'reset':
     case 'submit':
     case 'button':
       q.push(form.elements[i].name + "=" + encodeURIComponent(form.elements[i].value));
       break;
     }
     break;
   }
 }
 return q.join("&");
}
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<style type="text/css">@media screen and (max-width: 700px){#rc-imageselect, .g-recaptcha {transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;}}</style>
	</head>
	<body class="homepage">
		<div id="page-wrapper">


			<!-- Header -->
         
				<div id="header-wrapper">  
					<div id="header" class="container">
                     
						<!-- Logo -->
							<h1 id="logo">My hot tub</h1>

 					</div>
				</div>




			<!-- Features -->
				<div id="features-wrapper" style="padding-bottom: 1px;">
					<section id="features" class="container" align="center">
						<header>
                       <div id="slform_5">
<form action="/?feed=rss2" method="post" id="siteloklogin_5" onSubmit="return slvalidateform_5(this)">
<input type="hidden" id="loginformused_5" name="loginformused" value="1">
<input type="hidden" id="forgotpassword_5" name="forgotpassword" value="">
<div id="slformmsg_5" class="slformmsg_5"></div>

<div class="sltextfield_5">
<label for="slfieldinput_5_username">Email</label>
<input type="textarea" name="username" width="200" size="35" id="slfieldinput_5_username" autocorrect="off" autocapitalize="off" spellcheck="off" maxlength="50" value="">
</div>
<br \><br \>
<div class="sltextfield_5">
<label for="slfieldinput_5_password">Password</label>
<input type="password" name="password" width="200" size="35" id="slfieldinput_5_password" autocorrect="off" autocapitalize="off" spellcheck="off" maxlength="50" value="">
</div><br \><br \>
<button id="myButton_5" type="submit">Login</button><div id="slspinner_5"></div>
<a id="slforgot_5" href="javascript: void forgotpw_5()" title="Forgot your password? Enter username or email &amp; click link">Forgot your Password?</a>
<p><a href="register.php">Create a New Account</a></p>
</form>
</div>
			<!-- Footer -->

				<div style="display: block; justify-content: center; align-items: center; min-height: 100vh;">
	
					<div id="footer-wrapper" style="background-color: white; border-top: 10px solid #f0f0f0;">
					<div id="footer" class="container" style="background-color: white; padding-top: 100px;">
						<header><h2>Questions or comments? <strong>Get in touch:</strong></h2>
						</header>
						
						
								<section>
									
<div style="display: flex; justify-content: center; align-items: center; width: 100%;">
    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
  hbspt.forms.create({
    region: "na1",
    portalId: "398534",
    formId: "ac31e3c8-0b6a-4e2f-8167-8c77436ef4dc"
  });
</script>
</div>

								</section>
							
							
					</div>
					<div id="copyright" class="container" style="bottom: 0; width: 100%; background-color: #f0f0f0; z-index: 1000;">

						<ul class="links">
							
                              <li><a href="https://my-hottub.com" target="_self">&copy; 2023 www.my-hottub.com</a></li>
						</ul>
					</div>
				</div>
                		

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/skel-viewport.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>
<script type="text/javascript">
(function($) {
  var thePage = $(".review");
  thePage.html(thePage.html().replace(/TidalFit/ig, '<a class="button icon fa-file" href="http://tidalfit.com/tidalfit-reviews/">Review Your Tidalfit</a>')); 
})(jQuery)
</script>


	</body>
</html>
