Brochure Form

This is the Brochure Form component which allows visitors to request a program's brochure.

Markup Details
                            {{ attach_library('goizueta_theme/brochure-form') }}

<div class="brochure-form">
  <form action="/">
    <div class="brochure-form__name">
      <div class="brochure-form__name--first">
        <label for="first_name">First name*</label>
        <input id="first_name" type="text" placeholder="Your first Name">
      </div>
      <div class="brochure-form__name--last">
        <label for="last_name">Last name*</label>
        <input id="last_name" type="text" placeholder="Your last Name">
      </div>
    </div>

    <div class="brochure-form__email">
      <label for="email">Email address*</label>
      <input id="email" type="email" placeholder="Your email address">
    </div>
    <div class="brochure-form__program">
      <label for="program-list">Select a program</label>
      <select
        id="program-list"
        name="program-select"
        class="program-select">
        <option value="Option 1">Option one</option>
        <option value="Option 1">Option two</option>
        <option value="Option 1">Option three</option>
        <option value="Option 1">Option four</option>
      </select>
    </div>
    <div class="brochure-form__button">
      {% include '@components/button/button.twig' %}
    </div>
  </form>
</div>