<div class="contact-page__form contact-form-validated">
    <div class="row">
        <div class="col-xl-12">
            <div class="contact-page__input-box">
                <h3 class="contact-page__input-title">Full Name *</h3>
                [text* your-name placeholder "John Smith"]
            </div>
        </div>
        <div class="col-xl-6">
            <div class="contact-page__input-box">
                <h3 class="contact-page__input-title">Email *</h3>
                [email* your-email placeholder "jhon@example.com"]
            </div>
        </div>
        <div class="col-xl-6">
            <div class="contact-page__input-box">
                <h3 class="contact-page__input-title">Phone Number *</h3>
                [tel* your-tel placeholder "+1 (00)"]
            </div>
        </div>
        <div class="col-xl-12">
            <div class="contact-page__input-box">
                <h3 class="contact-page__input-title">subject*</h3>
                <div class="contact-page__showing-sort">
                    <div class="dropdown bootstrap-select">
                        [select* select "Select ..." "Sort by popular-01" "Sort by popular-02" "Sort by popular-03"]
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-12">
            <div class="contact-page__input-box text-message-box">
                <h3 class="contact-page__input-title">Message <span>(Optional)</span></h3>
                [textarea* your-message placeholder "Type here..."]
            </div>
            <div class="contact-page__btn-box">
                <button type="submit" class="thm-btn contact-page__btn"><span class="fas fa-paper-plane"></span>SEND MESSAGE</button>
            </div>
        </div>
    </div>
</div>