<div class="qodef-reservation-form"> [text* event-name placeholder "Event name"] <div class="qodef-grid qodef-layout--columns qodef-responsive--custom qodef-col-num--3 qodef-col-num--1024--3 qodef-col-num--880--1 qodef-col-num--680--1"><div class="qodef-grid-inner"> <div class="qodef-grid-item"> [number number-of-people placeholder "Number of People"] </div> <div class="qodef-grid-item"> [date date-event min:2023-09-30 max:2024-05-31 placeholder "2024-05-31"] </div> <div class="qodef-grid-item"> [select menu-time "10:00 AM" "11:00 AM" "1:00 PM" "4:00 PM" "All day"] </div> <div class="qodef-grid-item"> [text* your-name autocomplete:name placeholder "Your name"] </div> <div class="qodef-grid-item"> [email* your-email autocomplete:email placeholder "Your Email"] </div> <div class="qodef-grid-item"> [text* your-phone placeholder "Phone"] </div></div></div> [textarea your-message placeholder "tell us more about event (optional)"] <div class="qodef-button-holder"> [submit "Book Now"] </div> </div>