bl-content-form-vertical

bl-content-form-vertical.html

<form class="form_vertical">
  <label for="first_name" class="required">First Name</label>
  <input class="grid_5" type="text" id="first_name" name="first_name">
  <span class="form_error">
    <span class="form_error_inline_msg glyph glyph_danger glyph_stop">
         Please enter your first name</span>
  </span>
  
  <label for="last_name" class="required">Last Name</label>
  <input class="grid_5" type="text" id="last_name" name="last_name">
  <span class="form_error"></span>
  <p class="form_note">Your email address has not been verified yet!<br></p>
  
  <label for="message" class="grid_8 required">Message</label>
  <textarea class="grid_5" id="message" rows="4"></textarea>
  <span class="form_error"></span>
  <label>Frequency</label>
  
  <div class="checkbox_group">
    <label class="checkbox"><input type="checkbox" name="1">1-2 per day</label>
    <label class="checkbox"><input type="checkbox" name="2">3-4 per day</label>
    <label class="checkbox"><input type="checkbox" name="3">More than 5 per day</label>
  </div>
  
  <label>Gender</label>
  <div class="radio_group inputrow_horizontal">
    <label class="grid_2 radio"><input type="radio" name="gender" value="male">Male</label>
    <label class="grid_2 radio"><input type="radio" name="gender" value="female">Female</label>
  </div>
  
  <div class="mt10">
    <button class="btn btn_large btn_primary right" disabled="">Submit</button>
  </div>
</form>