<div class="contact-form">

  <h6 class="contact-form__title">Personal Information</h6>
  <div class="contact-form__row contact-form__row--cols-2">
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">First Name<span class="contact-form__required">*</span></div>
      <div class="contact-form__input">[text* first-name]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Last Name<span class="contact-form__required">*</span></div>
      <div class="contact-form__input">[text* last-name]</div>
    </div>
  </div>

  <div class="contact-form__row contact-form__row--cols-2">
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Phone<span class="contact-form__required">*</span></div>
      <div class="contact-form__input">[text* phone]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Product<span class="contact-form__required">*</span></div>
      <div class="contact-form__input">[text* last-name]</div>
    </div>
  </div>

  <h6 class="contact-form__title">Size</h6>
  <div class="contact-form__row contact-form__row--cols-4">
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Width</div>
      <div class="contact-form__input">[text width]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Height</div>
      <div class="contact-form__input">[text height]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Length</div>
      <div class="contact-form__input">[text length]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Unit</div>
      <div class="contact-form__input">[select unit "Inches" "Cm" "Mm" "Feet"]</div>
    </div>
  </div>

  <h6 class="contact-form__title">Quantity</h6>
  <div class="contact-form__row contact-form__row--cols-3">
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Quantity<span class="contact-form__required">*</span></div>
      <div class="contact-form__input">[text* quantity]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Quantity 2</div>
      <div class="contact-form__input">[text quantity-2]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Quantity 3</div>
      <div class="contact-form__input">[text quantity-3]</div>
    </div>
  </div>

  <h6 class="contact-form__title">Additional Detail</h6>
  <div class="contact-form__row contact-form__row--cols-4">
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Color</div>
      <div class="contact-form__input">[select color include_blank "1 color" "2 color" "3 color" "4 color" "4/1 color" "4/2 color" "4/3 color" "4/4 color"]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Coating</div>
      <div class="contact-form__input">[select coating "None" "Gloss Lamination" "Matte Lamination" "Gloss Varnish" "Matte Varnish" "Soft Touch Lamination"]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Add on</div>
      <div class="contact-form__input">[select addon "None" "Gold Foiling" "Silver Foiling" "Embossing" "Spot UV" "Raised Ink" "Window Patching"]</div>
    </div>
    <div class="contact-form__col">
      <div class="contact-form__label contact-form__label--block">Card or Paper Stock</div>
      <div class="contact-form__input">[select stock "None" "Gold Foiling" "Silver Foiling" "Embossing" "Spot UV" "Raised Ink" "Window Patching"]</div>
    </div>
  </div>
  
  <div class="contact-form__row contact-form__row--cv">
    <div class="contact-form__label contact-form__label--block">Attach Design<span class="contact-form__required">*</span></div>
    <div class="contact-form__input">
        <div class="contact-form__file">
            [file* file]
            <div class="contact-form__file-upload">Upload File</div>
            <div class="contact-form__file-uploaded"></div>
        </div>
    </div>
  </div>

  <div class="contact-form__row">
    <div class="contact-form__label contact-form__label--block">Additional Comments</div>
    <div class="contact-form__input contact-form__message">[textarea message]</div>
  </div>

  <div class="contact-form__row contact-form__row--submit">
    <div class="contact-form__submit contact-form__submit--left">
      [submit "Get a Free Quote"]
    </div>
  </div>

</div>