

<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <script>
        function laSubmit() {
            document.getElementById("laForm").submit();
        }                             
        const script = document.createElement('script');
        script.type = 'text/javascript';
        script.async = true;
        script.defer = true;
            script.src = ' https://www.google.com/recaptcha/api.js';
        document.head.appendChild(script);
  </script>
  <style>
    body {
      display: flex;
      justify-content: center;
      /* Centers horizontally */
      align-items: center;
      /* Centers vertically */
      min-height: 100vh;
      /* Ensures the body takes full viewport height */
      margin: 0;
      /* Removes default body margin */
      font-family: Arial, Verdana;
      background-color: #FFFFFF;
    }

    .centered-div {
      /* Your div's specific styles (width, height, background, etc.) */
      text-align: center;
      padding: 30px;
      border: 1px solid #E4E4E4;
      /* border-radius:10px;
      background-color: #FFFFFF;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
      h-offset v-offset blur-radius color */
    }

    .centered-div .header {
      display: inline-block;
      width: 100%;
      padding: 10px 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: normal;
      color: #545454;
      margin: 0px;
    }
.logo {
max-width:200px;
max-height:80px;
border: 10px solid transparent;
border-radius: 5px;
background-color: #ffffff;
}
.loading {
max-width:200px;
max-height:80px;
border: 10px solid transparent;
border-radius: 5px;
}

.crlf {
height:20px;
display:block;
}    
  </style>
</head>

<body>
  <form id="laForm" name="laForm" method="post" action="https://garbes.com/ddosSubmit" class="centered-div">
    <div class="header">
	<div><img class="logo" src="https://cdn.lightsamerica.com/storelogos/6165.png" onerror="this.style.display = 'none';" /></div>
        <div class="crlf"></div>
	<div>One moment,<br /> Loading your shopping experience...</div>
        <div class="crlf"></div>
	<div><img class="loading" src="https://cdn.lightsamerica.com/content/images/loading.gif" /></div>
	</div>
    <div id="recaptchaParentDiv">
        <script>
            const divRecaptcha = document.createElement('div');
            divRecaptcha.id = "recaptcha";
            divRecaptcha.classList.add("g-recaptcha");
                divRecaptcha.setAttribute('data-sitekey', "6Le4r3YsAAAAACWW5eICA6EzD3dCRzwOhTA7BemB");
                divRecaptcha.setAttribute('data-callback', "laSubmit");
                divRecaptcha.setAttribute('data-size', "invisible");
        	document.getElementById("recaptchaParentDiv").appendChild(divRecaptcha);
        </script>
    </div>
    <div class="crlf"></div>
  </form>
    <script>
              if(typeof grecaptcha === 'undefined') {
                grecaptcha = {
                  ready: function(cb) {
                    const c = '___grecaptcha_cfg';
                    window[c] = window[c] || {};
                    (window[c]['fns'] = window[c]['fns'] || []).push(cb);
                  }
                };
              }
                grecaptcha.ready(function () {
                grecaptcha.execute();
            });
    </script>
</body>

</html>
