> For the complete documentation index, see [llms.txt](https://ova-themes.gitbook.io/surancy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ova-themes.gitbook.io/surancy/contact-form.md).

# Contact Form

## 1: Contact Page

<figure><img src="https://1930249971-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcWiiNIJ3IFD1XsEdqwjd%2Fuploads%2FXdnXnKakyieFmW4LmWmd%2FScreen%20Shot%202023-06-01%20at%2014.54.45.png?alt=media&amp;token=d53c723a-f9cc-4424-9674-38a8973f2f14" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1930249971-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcWiiNIJ3IFD1XsEdqwjd%2Fuploads%2F5c9jJMFESR89PAhc0zoS%2FScreen%20Shot%202023-06-01%20at%2014.55.48.png?alt=media&amp;token=1edd4d2b-0703-493e-a4c2-0627203517e0" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1930249971-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcWiiNIJ3IFD1XsEdqwjd%2Fuploads%2FGnleAMN02LaBWChHOn1N%2FScreen%20Shot%202023-06-01%20at%2014.57.13.png?alt=media&amp;token=0819f8e0-9482-40d1-99d7-ce6aaf1a5af6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1930249971-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcWiiNIJ3IFD1XsEdqwjd%2Fuploads%2F0lD0gVjURHhnh88abO7u%2FScreen%20Shot%202023-06-01%20at%2014.58.38.png?alt=media&amp;token=c48ab96a-8f4c-4924-b5ad-047c49cf361a" alt=""><figcaption></figcaption></figure>

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>
```