1. Home
  2. Docs
  3. Gravo – Theme Documentation
  4. 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="contact-form">
     <h3>Send Us a Message</h3>
      <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-6">
               <div class="form-group">
                  <label>Your Name</label>
                  [text* your-name class:form-control]
                </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
               <div class="form-group">
                  <label>Email Address</label>
                  [email* your-email class:form-control]
               </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
              <div class="form-group">
                   <label>Phone Number</label>
                   [number* your-number class:form-control]
               </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
              <div class="form-group">
                   <label>Subject</label>
                   [text* your-subject class:form-control]
              </div>
          </div>
          <div class="col-lg-12 col-md-12 col-sm-12">
             <div class="form-group">
                 <label>Message...</label>
                 [textarea your-message class:form-control rows:4]
             </div>
          </div>
          <div class="col-lg-12 col-md-12 col-sm-12">
             [acceptance  gdpr class:gdpr-term ]Accept <a href="https://themes.envytheme.com/gravo/terms-condition">Terms Of Service</a> and <a href="https://themes.envytheme.com/gravo/privacy-policy">Privacy Policy</a>.[/acceptance]
          </div>
          <div class="col-lg-12 col-md-12 col-sm-12">
              <button type="submit" class="default-btn"><i class="far fa-paper-plane"></i> Send Message</button>
          </div>
    </div>
</div>
Was this article helpful to you? Yes No

How can we help?