Trial Form

Trial Form - With Labels

Trial form with normal labels.

<div class="o-grid  o-grid--alignCenter">
  <div class="o-grid-cell  u-size11of12  u-md-size5of8  u-lg-size4of12">

    <!-- Start: Trial Form -->
    <form action="" method="post" name="trial-form">
      <fieldset class="u-mb4">
        <select class="formControl  formControl--select" name="sEdition">
          <option selected disabled>Select an edition</option>
          <option value="Standard">Standard</option>
          <option value="CAD">CAD</option>
          <option value="eXtreme">eXtreme</option>
          <option value="Mac">Mac</option>
        </select>
      </fieldset>

      <fieldset class="u-mb4">
        <label class="formLabel" for="sFirstName">First Name</label>
        <input
          id="sFirstName"
          class="formControl"
          name="sFirstName"
          type="text"
          required>
      </fieldset>

      <fieldset class="u-mb4">
        <label class="formLabel" for="sLastName">Last Name</label>
        <input id="sLastName"
          class="formControl"
          name="sLastName"
          type="text"
          required>
      </fieldset>

      <fieldset class="u-mb4">
        <label class="formLabel" for="sEmail">Email</label>
        <input
          id="sEmail"
          class="formControl"
          name="sEmail"
          type="email"
          required>
      </fieldset>

      <fieldset class="u-mb4">
        <label class="formLabel" for="sTelephone">Phone</label>
        <input
          id="sTelephone"
          class="formControl"
          name="sTelephone"
          type="phone"
          required>
      </fieldset>

      <fieldset class="u-mb4">
        <label class="formLabel" for="sCompany">Company</label>
        <input
          id="sCompany"
          class="formControl"
          name="sCompany"
          type="text"
          required>
      </fieldset>

      <fieldset class="u-mb4">
        <select class="formControl  formControl--select" name="sIndustry">
          <option selected disabled>Select an industry</option>
          <option value="Student">Academic</option>
          <option value="Architectural">Architecture</option>
          <option value="Building Owners">Building Owners and Managers</option>
          <option value="Construction">Construction</option>
          <option value="Engineering">Engineering</option>
          <option value="Government">Government</option>
          <option value="Manufacturing">Manufacturing</option>
          <option value="Oil and Gas">Oil, Gas &amp; Chemical</option>
          <option value="Specialty Contractors">Specialty Contractors</option>
          <option value="Other">Other</option>
        </select>
      </fieldset>

      <fieldset class="u-mb4">
        <select class="formControl  formControl--select" name="iEmployees">
          <option selected disabled>Select number of users</option>
          <option value="7">100+</option>
          <option value="6">51-99</option>
          <option value="9">6-50</option>
          <option value="2">1-5</option>
        </select>
      </fieldset>

      <p><button class="button  button--secondary  u-sizeFull">Download</button></p>
    </form>
    <!-- End: Trial Form -->

  </div>
</div>