T Capital

Contact Form 

<section class="contact-form no-hero bm-animate bm-fade-up pb-5">
    <div class="container-xxl pt-md-5 pb-md-5">
        <div class="row">
            <div class="col-xxl-10 offset-xxl-1">
                <div class="row">
                    <div class="col-lg-4">
                        <h2 class="text-white pb-5">Get in touch</h2>
                    </div>
                    <div class="col-lg-8">
                        <form>
                            <input type="text" id="first-name" placeholder="First Name*">
                            <input type="text" id="last-name" placeholder="Last Name*">
                            <input type="text" id="email" placeholder="Email*">
                            <input type="text" id="company-name" placeholder="Company name*">
                            <textarea id="your-enquiry" rows="4" placeholder="Your enquiry*"></textarea>
                            <div class="d-md-flex align-items-center">
                                <input class="btn btn-primary mb-4 mb-md-0" type="submit" value="Submit">
                                <p class="validation medium ms-md-4">Validation errors occurred. Please confirm the fields and submit again.</p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
<section class="contact-form no-hero bm-animate bm-fade-up pb-5">
    <div class="container-xxl pt-md-5 pb-md-5">
        <div class="row">
            <div class="col-xxl-10 offset-xxl-1">
                <div class="row">
                    <div class="col-lg-4">
                        <h2 class="text-white pb-5">{{ heading }}</h2>
                    </div>
                    <div class="col-lg-8">
                        <form>
                            {{#if fields}}
                                {{#each fields}}
                                    <input type="text" id="{{ id }}" placeholder="{{ placeholder }}">
                                {{/each}}
                            {{/if}}
                            <textarea id="{{ textarea-id }}" rows="4" placeholder="{{ textarea-placeholder }}"></textarea>
                            <div class="d-md-flex align-items-center">
                                <input class="btn btn-primary mb-4 mb-md-0" type="submit" value="{{ submit-text }}">
                                <p class="validation medium ms-md-4">{{ validation-text }}</p>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
{
  "heading": "Get in touch",
  "fields": [
    {
      "id": "first-name",
      "placeholder": "First Name*"
    },
    {
      "id": "last-name",
      "placeholder": "Last Name*"
    },
    {
      "id": "email",
      "placeholder": "Email*"
    },
    {
      "id": "company-name",
      "placeholder": "Company name*"
    }
  ],
  "textarea-id": "your-enquiry",
  "textarea-placeholder": "Your enquiry*",
  "submit-text": "Submit",
  "validation-text": "Validation errors occurred. Please confirm the fields and submit again."
}

No notes defined.