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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ova-themes.gitbook.io/surancy/contact-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.