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>