✨
Surancy
  • Requirements for our theme
  • Global
    • Install Theme
    • 1: Download Theme
    • 2: Install Theme
    • 3: Import Demo Date
      • Automatic Import
      • Manual Import
  • Update Theme/Plugin
    • Automatic Update
    • Manual Update
  • Support Theme
  • Basic
    • Theme Options
      • Typography
      • Color
      • Layout
      • Header
      • Footer
      • Blog
      • Team
      • Case Study
      • Career
      • Site Identity
  • Update Header
  • Update Footer
  • Mailchimp
  • Contact Form
  • Translate Words
  • Icons
  • Cases
    • Add Category
    • Add Case
  • Team
    • Add Category
    • Add Team
  • Career
    • Add Category
    • Add Career
Powered by GitBook
On this page
  • 1: Contact Page
  • 2: Team Detail Page
  • 3: Get Consulations
  • 4: Contact Tab

Contact Form

PreviousMailchimpNextTranslate Words

Last updated 1 year ago

1: Contact Page

Code Form

<div class="ova-ctform ova-team-message-us">

   <div class="two_column">
        <div class="ova_wrap_input">
           [text* full-name placeholder "Full Name"]
        </div>
        <div class="ova_wrap_input">
           [tel* phone_number placeholder "Phone Number"]
        </div>
   </div>

   <div class="two_column">
        <div class="ova_wrap_input">
           [email your-email placeholder "Email"]
        </div>
        <div class="ova_wrap_input">
           [url website placeholder "Website"]
        </div>
   </div>

   <div class="ova_wrap_input">
        [textarea message placeholder "Write Message"]
   </div>

   <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit">Send Message<i class="surancy-arrow-right"></i></button>
</div>

2: Team Detail Page

Code form

<div class="ova-ctform ova-team-detail-form">

   <div class="two_column">
        <div class="ova_wrap_input">
           [text* full-name placeholder "Full Name"]
        </div>
        <div class="ova_wrap_input">
           [email your-email placeholder "Email"]
        </div>
   </div>

   <div class="ova_wrap_input">
        [textarea message placeholder "Message"]
   </div>

   <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit">Send Message<i class="surancy-arrow-right"></i></button>
</div>

3: Get Consulations

Code Form

<div class="ova-ctform ova-get-consulations-form">

  <div class="ova_wrap_input">
     [text* full-name placeholder "Full Name"]
  </div>

  <div class="ova_wrap_input">
     [email* your-email placeholder "Email Address"]
  </div>

  <div class="ova_wrap_input">
       [select insurance-type placeholder "House Insurance" "Car Insurance" "Study Insurance" "Travel Insurance"]
  </div>

  <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit">Get A Quote<i class="surancy-arrow-right"></i></button>

</div>

4: Contact Tab

Code Form

<div class="ova-ctform ova-contact-tabs-form">

  <div class="ova_wrap_input">
     <label>Full Name</label>
     [text* full-name placeholder "Your Name"]
  </div>

  <div class="ova_wrap_input">
     <label>Email Address</label>
     [email* your-email placeholder "Email"]
  </div>

  <div class="ova_wrap_input">
     <label>Phone No</label>
     [tel your-phone placeholder "+000 (123) 456 887"]
  </div>

  <div class="ova_wrap_input">
       <label>Insurance Type</label>
       [select insurance-type placeholder  "House Insurance" "Car Insurance" "Study Insurance" "Travel Insurance"]
  </div>

  <button type="submit" class="wpcf7-form-control has-spinner wpcf7-submit">Get A Quote<i class="surancy-arrow-right"></i></button>

</div>