<form class="hive-signup-form" onsubmit="HIVE_SDK('submitSignupForm', this, onFormSubmitSuccess); return false;">

  <!-- START SIGNUP FORM THEME CSS -->

  <!-- you can move this section to right before your </head> tag -->

  <!-- you can also change, override, or remove this section to customize how your signup form looks -->

‍

  <style type="text/css">

  .hive-signup-form-has-error {

      border-color: #ff00008a !important;

  }

  @import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.css");

    .hive-signup-form label, .hive-signup-form input, .hive-signup-form button, .hive-signup-form span, .hive-signup-form .iti {

      display: flex;

      align-items: flex-start;

      width: 100%;

      max-width: 400px;

    }

    .hive-signup-form label {

      margin-bottom: 8px;

    }

    .hive-signup-form input {

      margin-bottom: 16px;

      padding: 8px 10px;

      border-radius: 3px;

      border: 1px solid rgba(0, 0, 0, 0.2);

      box-shadow: inset 0 1px rgba(0, 0, 0, 0.04);

    }

    .hive-signup-form input:focus{

      border: 1px solid rgba(0, 0, 0, 0.65);

      outline: none;

    }

    .hive-signup-form label input[type=checkbox] {

      display: inline-block;

      width: auto;

      margin-right: 8px;

    }

    .hive-signup-form button {

      padding: 10px 24px;

      border-radius: 3px;

      background-color: rgba(0, 0, 0, 0.1);

      cursor: pointer;

    }

    .hive-signup-form span {

      display: flex;

      margin-bottom: 16px;

    }

    .hive-signup-form select {

      padding: 8px;

      width: 50%;

      height: 36px;

      background-color: white;

      margin-left: 8px;

      border-radius: 3px;

      border: 1px solid rgba(0, 0, 0, 0.2);

    }

    .hive-signup-form select:first-child {

      margin-left: 0px;

    }

  </style>

  <!-- END SIGNUP FORM CSS -->

‍

  <h2>Sign Up For Breakaway Houston Fam Club</h2>

‍

  <!-- START SIGNUP FORM ID (REQUIRED) -->

  <!-- do not remove this as this is used for reporting purposes -->

  <input data-HIVE-FORM-FIELD="swid" type="hidden" value="10879" />

  <!-- END SIGNUP FORM ID -->

‍

  <!-- START EMAIL -->

  <label for="_HIVE-email-10879">Email</label>

  <input

    data-HIVE-FORM-FIELD="email"

    id="_HIVE-email-10879"

    name="email"

    type="email"

    placeholder="Enter an email..."

    autocomplete="email"

    required

  />

  <!-- END EMAIL -->

‍

  <!-- START PHONE NUMBER -->

  <label for="_HIVE-phoneNumber-10879">Phone Number</label>

  <input data-HIVE-FORM-FIELD="phoneNumber" data-HIVE-INTL-PHONE-NUMBER="true" id="_HIVE-phoneNumber-10879" name="phone" type="tel" placeholder="Enter a phone number..." autocomplete="tel" />

  <label for="didSmsOptIn" class="hive-signup-form-sms-optin-toggle">

  <input data-HIVE-FORM-FIELD="didSmsOptIn" id="didSmsOptIn" type="checkbox" />

  <div class="opt-in-text">By providing your phone number, you agree to receive recurring automated marketing text messages from this company. Consent is not a condition to obtain goods or services. Msg & data rates may apply. Msg frequency varies. Reply HELP for help and STOP to cancel. View the <a href='https://www.hive.co/terms-and-conditions' target='_blank'>Terms of Service</a> and <a href='https://www.hive.co/privacy' target='_blank'>Privacy Policy</a>.</div>

  </label>

  <!-- END PHONE NUMBER -->

‍

  <!-- START FIRST NAME -->

  <label for="_HIVE-firstName-10879">First Name</label>

  <input data-HIVE-FORM-FIELD="firstName" id="_HIVE-firstName-10879" name="fname" type="text" placeholder="Enter a first name..." autocomplete="given-name" />

  <!-- END FIRST NAME -->

‍

  <!-- START LAST NAME -->

  <label for="_HIVE-lastName-10879">Last Name</label>

  <input data-HIVE-FORM-FIELD="lastName" id="_HIVE-lastName-10879" name="lname" type="text" placeholder="Enter a last name..." autocomplete="family-name" />

  <!-- END LAST NAME -->

‍

  <!-- START NON-TOGGLEABLE SEGMENT -->

  <input data-HIVE-FORM-FIELD="addToSegment" type="hidden" value="Breakaway Houston 2026 Fam Club Sign Up" />

  <!-- END NON-TOGGLEABLE SEGMENT -->

‍

  <!-- START NON-TOGGLEABLE SEGMENT -->

  <input data-HIVE-FORM-FIELD="addToSegment" type="hidden" value="All Houston Fam Club Signups" />

  <!-- END NON-TOGGLEABLE SEGMENT -->

‍

  <!-- START BOT DETECTION (RECOMMENDED) -->

  <div style="position: absolute; left: -5000px;" aria-hidden="true">

  <!-- real people should not fill this in - do not remove this or risk form bot signups -->

  <input type="text" data-HIVE-FORM-FIELD="areUReal" tabindex="-1" value="">

  </div>

  <!-- END BOT DETECTION -->

‍

  <!-- START SUCCESS/THANK YOU MESSAGE -->

  <!-- this element will be shown when your form is sucessfully submitted -->

  <div data-HIVE-FORM-FIELD="successMessage" style="display: none">

  <h2>Thanks for joining our mailing list</h2>

  <p>You've been successfully subscribed - thanks!</p>

  </div>

  <!-- END SUCCESS/THANK YOU MESSAGE -->

‍

  <!-- START SUBMIT BUTTON (REQUIRED) -->

  <button type="submit" data-HIVE-FORM-FIELD="submitButton">Subscribe</button>

  <!-- END SUBMIT BUTTON -->

‍

  <!-- START SIGNUP FORM JAVASCRIPT (REQUIRED) -->

  <!-- you can move this section to right before your </body> tag -->

  <script type="text/javascript">

  (function(h,i,v,e,s,d,k){h.HiveSDKObject=s;h[s]=h[s]||function(){(h[s].q=h[s].q||[]).push(arguments)},d=i.createElement(v),k=i.getElementsByTagName(v)[0];d.async=1;d.id=s;d.src=e+'?sef=1&r='+parseInt(new Date()/60000);k.parentNode.insertBefore(d,k)})(window,document,'script','https://cdn-prod.hive.co/static/js/sdk-loader.js','HIVE_SDK');

  HIVE_SDK('init', 133135);

‍

  function onFormSubmitSuccess(){

    // you can use this function to do things when users sucessfully submit your form

    // don't delete this function without modifying the onsubmit action in the form above

  }

  </script>

  <!-- END SIGNUP FORM JAVASCRIPT -->

</form>

‍