Test Form - Amberley Castle

In this example below you will see how to do a Test Form - Amberley Castle with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by craig-potter, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright craig-potter ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Test Form - Amberley Castle</title>
  
  
  
  
  
</head>

<body>

    <!--Start Guestfolio Signup Form-->
  <div class="row">
    <div class="twelve columns">
      <form action="https://guestfolio.net/newsletters/subscribers" method="post" id="guestfolio"><input type="text" id="website-url" name="website_url" value="" style="position: absolute;left: -999em;"><input type="hidden" id="hotel" name="hotel" value="MjEx"><input type="hidden" id="redirect-url" name="redirect_url" value="http://www.amberleycastle.co.uk/newsletter-thanks"><div id="first-name-row" class="row">
    <div class="four columns"><label for="first-name">First name:</label></div>
    <div class="eight columns"><input type="text" id="first-name" name="subscriber[first_name]" value="" class="input-text" placeholder="First name"></div>
  </div><div id="last-name-row" class="row">
    <div class="four columns"><label for="last-name">Last name:</label></div>
    <div class="eight columns"><input type="text" id="last-name" name="subscriber[last_name]" value="" class="input-text" placeholder="Last name"></div>
  </div><div id="email-address-row" class="row">
    <div class="four columns"><label for="email">Email:</label></div>
    <div class="eight columns"><input type="email" id="email" name="subscriber[email]" value="" required="required" class="email input-text" placeholder="email@example.com"></div>
  </div><div id="interests-row" class="row">
    <div class="four columns"><label for="interests">Interests:</label></div>
    <div class="eight columns">
      <div class="row">
        <ul class="block-grid three-up">
          <li class="interest">
            <label for="interest_192">Dining &amp; drinking
              <input type="checkbox" id="interest_192" name="interests[]" value="Dining &amp; drinking">
            </label>
          </li>
          <li class="interest">
            <label for="interest_199">Events
              <input type="checkbox" id="interest_199" name="interests[]" value="Events">
            </label>
          </li>
          <li class="interest">
            <label for="interest_863">Accommodation offers
              <input type="checkbox" id="interest_863" name="interests[]" value="Accommodation offers">
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div><input type="submit" id="submit" name="submit" class="small radius white button" value="Submit"></form>
    </div>
  </div>
  <!--End Guestfolio Signup Form-->
  
  

</body>

</html>

Comments