Viba – Theme Documentation

Contact Form

Contact Form

Here is the Contact Form 7 template and source code for the Contact form.

To edit this form go to Contact> then edit your targeted form

<div class="row">
    <div class="col-lg-6">
        <div class="input-box"><label for="exampleFormControlInput1" class="form-label">FIRST NAME</label>[text* fname class:form-control placeholder  "Adam"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="input-box"><label for="exampleFormControlInput1" class="form-label">LAST NAME</label>[text* lname class:form-control placeholder "Smith"]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="input-box"><label for="exampleFormControlInput1" class="form-label">EMAIL ADDRESS</label>[email* email class:form-control placeholder "[email protected]" ]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="input-box"><label for="exampleFormControlInput1" class="form-label">PHONE NO</label>[number* Phonenumber class:form-control placeholder "+123 4567 8901"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="input-box"><label for="exampleFormControlInput1" class="form-label">YOUR MESSAGE HERE</label>[textarea* message class:form-control placeholder "Your message here"]
        </div>
    </div>
    <div class="col-lg-6">
        <button class="default-btn" type="submit">Send Message Now</button>
    </div>
</div>