> 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="/files/tX6i9GyqdMUCf9SCXZH4" 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="/files/VIzHqeLjzuT8UWfEF2OI" 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="/files/I3ZiUberYymaKwZcqccZ" 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="/files/X7ex9EOX5VMBkyGMl6f9" 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>
```