Contact Form

Reservation

Estimated reading: 2 minutes 8 views
<div class="row">
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="reservation__select">
            <label>NUMBER OF GUEST *</label>
            <select id="how-many-person">
                <option>Person</option>
                <option>2 Person</option>
                <option>3 Person</option>
                <option>4 Person</option>
                <option>5 Person</option>
            </select>
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="reservation__input">
            <label>SELECT DATE *</label>
[text date class:datepicker id:datepicker "YY-MM-DD"]


        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="reservation__input time">
            <label>SELECT TIME*</label>
[text time "09:00:00"]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="reservation__input">
            <label>Your Name*</label>
[text text "Your Name"]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="reservation__input">
            <label>Email Address *</label>
[email email "Email Address"]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="reservation__input">
            <label>Phone Number *</label>
[tel tel "Phone Number"]
        </div>
    </div>
    <div class="col-md-12 d-flex justify-content-end flex-column">
        <div class="reservation__input">
            <label>Type Your Special Message*</label>
[textarea text class:text placeholder] Tell us more about your special message [/textarea]
        </div>
    </div>
</div>
<div class="reservation__btn text-center">
    <button type="submit" class="rr-btn hover-anim">Book a reservation<span class="hover-bg"></span></button>
</div>
Share this Doc

Reservation

Or copy link

CONTENTS