# Form Sections

About Award Blog Call to Action Clients Contact Carousel Case Study Facts FAQ Features Form Footer Hero Integration Industry Location Navbar Portfolio Pricing Process Services Team Testimonials

## Form #1

## Hire experienced Jamstack developer

Book a free consultation call with one of our experts and get help with your next moves. It's always good to talk to an expert. It's free!

- Not sure which technology to choose?
- Need advice on the next steps?
- Hesitating on how to plan the execution?

##### Jitu Chauhan

Head of Sales sales@blockui.com

### Schedule a free estimate call

First Name *
Please enter firstname.
Last Name *
Please enter lastname.
Email *
Please enter email.
Message
Please write message.

    <!--Hire jamstack start-->
    <section class="pattern-square bg-info bg-opacity-10">
        <div class="container position-relative z-1 py-xl-9 py-6">
            <div class="row">
                <div class="col-lg-10 offset-lg-1 col-md-12">
                    <div class="row align-items-center g-5">
                        <div class="col-lg-6 col-12 order-2">
                            <div class="me-xl-7">
                                <div class="mb-5">
                                    <h2 class="h1 mb-4">Hire experienced
                                        Jamstack developer</h2>
                                    <p class="mb-0">
                                        Book a free consultation call with one
                                        of our experts and get help with your
                                        next moves. It's always good to talk to
                                        an expert. It's free!
                                    </p>
                                </div>
                                <div class="mb-5">
                                    <ul class="list-unstyled">
                                        <li class="mb-2 d-flex">
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                width="20" height="20"
                                                fill="currentColor"
                                                class="bi bi-dot"
                                                viewBox="0 0 16 16">
                                                <path
    d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                            </svg>
                                            <span class="ms-1">Not sure which
                                                technology to choose?</span>
                                        </li>
                                        <li class="mb-2 d-flex">
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                width="20" height="20"
                                                fill="currentColor"
                                                class="bi bi-dot"
                                                viewBox="0 0 16 16">
                                                <path
    d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                            </svg>
                                            <span class="ms-1">Need advice on
                                                the next steps?</span>
                                        </li>
                                        <li class="mb-2 d-flex">
                                            <svg xmlns="http://www.w3.org/2000/svg"
                                                width="20" height="20"
                                                fill="currentColor"
                                                class="bi bi-dot"
                                                viewBox="0 0 16 16">
                                                <path
    d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                                            </svg>
                                            <span class="ms-1">Hesitating on how
                                                to plan the execution?</span>
                                        </li>
                                    </ul>
                                </div>
                                <div
                                    class="d-md-flex align-items-center justify-content-between">
                                    <div
                                        class="d-flex align-items-center mb-3 mb-md-0 small">
                                        <div class="d-flex align-items-center">
                                            <img src="../assets/images/avatar/avatar-7.jpg"
                                                alt="Avatar"
                                                class="avatar avatar-lg rounded-circle" />
                                            <div class="ms-3">
                                                <h5 class="mb-0">Jitu Chauhan
                                                </h5>
                                                <small class="me-4">Head of
    Sales</small>
                                                <small>sales@blockui.com</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12 order-lg-2">
                            <div class="card shadow-sm">
                                <div class="card-body">
                                    <form class="row needs-validation g-3"
                                        novalidate>
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <h3 class="mb-0">Schedule a free
    estimate call</h3>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <label for="ScheduleFirstnameInput"
                                                class="form-label">
                                                First Name
                                                <span
    class="text-danger">*</span>
                                            </label>
                                            <input type="text"
                                                class="form-control"
                                                id="ScheduleFirstnameInput"
                                                required />
                                            <div class="invalid-feedback">Please
                                                enter firstname.</div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <label for="scheduleLastnameInput"
                                                class="form-label">
                                                Last Name
                                                <span
    class="text-danger">*</span>
                                            </label>
                                            <input type="text"
                                                class="form-control"
                                                id="scheduleLastnameInput"
                                                required />
                                            <div class="invalid-feedback">Please
                                                enter lastname.</div>
                                        </div>
                                        <div class="col-md-12">
                                            <label for="scheduleEmailInput"
                                                class="form-label">
                                                Email
                                                <span
    class="text-danger">*</span>
                                            </label>
                                            <input type="email"
                                                class="form-control"
                                                id="scheduleEmailInput"
                                                required />
                                            <div class="invalid-feedback">Please
                                                enter email.</div>
                                        </div>
                                        <div class="col-md-12">
                                            <label for="scheduleTextarea"
                                                class="form-label">Message</label>
                                            <textarea class="form-control"
                                                id="scheduleTextarea"
                                                placeholder="Write to us"
                                                rows="3" required></textarea>
                                            <div class="invalid-feedback">Please
                                                write message.</div>
                                        </div>
                                        <div class="d-grid">
                                            <button class="btn btn-primary"
                                                type="submit">Let’s work
                                                together!</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Hire jamstack end-->

## Form #2

## Hire experienced
Jamstack developer

Book a free consultation call with one of our experts and get help with your next moves. It's always good to talk to an expert. It's free!

## Schedule a free estimate call

Schedule a short 20-min discovery call and get a look inside the way we design, develop and scale websites.

First Name *
Please enter firstname.
Last Name *
Please enter lastname.
Email *
Please enter email.
Message
Please write message.

    <!--free estimate call-->
    <section class="py-lg-9 my-lg-10">
        <div
            class="container bg-light rounded-3 d-flex align-items-center pb-6 pb-md-0">
            <div class="row align-items-center">
                <div class="col-lg-6 col-12">
                    <div class="position-relative p-lg-6 p-4">
                        <div class="mb-4">
                            <h2 class="mb-4">
                                Hire experienced
                                <br />
                                Jamstack developer
                            </h2>
                            <p class="mb-0 me-xl-7">
                                Book a free consultation call with one of our
                                experts and get help with your next moves. It's
                                always good to talk to an expert. It's free!
                            </p>
                        </div>

                        <div class="row">
                            <div class="col">
                                <img src="./assets/images/client-logo/clients-logo-1.svg"
                                    alt="logo" />
                            </div>
                            <div class="col">
                                <img src="./assets/images/client-logo/clients-logo-2.svg"
                                    alt="logo" />
                            </div>
                            <div class="col">
                                <img src="./assets/images/client-logo/clients-logo-5.svg"
                                    alt="logo" />
                            </div>
                        </div>
                    </div>
                </div>
                <div
                    class="col-xxl-3 col-xl-4 col-lg-5 col-12 position-lg-absolute start-50 ms-lg-6">
                    <div class="card shadow-sm">
                        <div class="card-body">
                            <form class="row needs-validation g-3" novalidate>
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <h2 class="h3">Schedule a free estimate
                                            call</h2>
                                        <p class="mb-0">Schedule a short 20-min
                                            discovery call and get a look inside
                                            the way we design, develop and scale
                                            websites.</p>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-12">
                                    <label for="ServiceFirstnameInput"
                                        class="form-label">
                                        First Name
                                        <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" class="form-control"
                                        id="ServiceFirstnameInput" required />
                                    <div class="invalid-feedback">Please enter
                                        firstname.</div>
                                </div>
                                <div class="col-lg-6 col-12">
                                    <label for="serviceLastnameInput"
                                        class="form-label">
                                        Last Name
                                        <span class="text-danger">*</span>
                                    </label>
                                    <input type="text" class="form-control"
                                        id="serviceLastnameInput" required />
                                    <div class="invalid-feedback">Please enter
                                        lastname.</div>
                                </div>
                                <div class="col-12">
                                    <label for="serviceEmailInput"
                                        class="form-label">
                                        Email
                                        <span class="text-danger">*</span>
                                    </label>
                                    <input type="email" class="form-control"
                                        id="serviceEmailInput" required />
                                    <div class="invalid-feedback">Please enter
                                        email.</div>
                                </div>
                                <div class="col-12">
                                    <label for="servieTextarea"
                                        class="form-label">Message</label>
                                    <textarea class="form-control"
                                        id="servieTextarea"
                                        placeholder="Write to us" rows="5"
                                        required></textarea>
                                    <div class="invalid-feedback">Please write
                                        message.</div>
                                </div>
                                <div class="d-grid">
                                    <button class="btn btn-primary"
                                        type="submit">Let’s work
                                        together!</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--free estimate call-->

## Form #3

### Subscribe to our newsletter

Lorem ipsum dolor sit amet consectetur adipiscing elit phasellus amet dui quam vitae quis leo velit aliquam.

Email

    <!--newsletter-->
    <section class="mb-7">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div
                        class="bg-primary bg-opacity-10 px-5 pt-5 pb-7 mb-2 rounded-3 text-center">
                        <div
                            class="icon-shape bg-primary bg-opacity-10 icon-xl rounded-circle mb-4">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                height="24" fill="currentColor"
                                class="bi bi-envelope-check text-primary"
                                viewBox="0 0 16 16">
                                <path
                                    d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z" />
                                <path
                                    d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" />
                            </svg>
                        </div>
                        <div class="mb-4">
                            <h3>Subscribe to our newsletter</h3>
                            <p class="mb-0 mx-md-7 px-md-4">Lorem ipsum dolor
                                sit amet consectetur adipiscing elit phasellus
                                amet dui quam vitae quis leo velit aliquam.</p>
                        </div>
                        <form
                            class="row g-3 needs-validation d-flex mx-md-7 px-md-4">
                            <div class="col-md-7 col-xl-8 col-12">
                                <label for="subscribeEmail"
                                    class="form-label visually-hidden">Email</label>

                                <input type="email" class="form-control"
                                    id="subscribeEmail"
                                    placeholder="Enter your email address"
                                    aria-label="Enter your business email"
                                    required />
                            </div>
                            <div class="col-md-5 col-xl-4 col-12">
                                <div class="d-grid">
                                    <button class="btn btn-primary shadow-sm"
                                        type="submit">Subscribe</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--newsletter-->

## Form #4

### Register for our next live group demo session

First Name *
Please enter first name.
Last Name *
Please enter last name.
Email *
Please enter email.
Phone Number (optional)
Please enter phone.
Job Title *
Please select job title.
Company *
Please enter company.
By continuing, you agree to Black Terms of Use Read our Privacy Policy
You must agree before submitting.

                                                <!--event form-->
    <div class="col-lg-4 offset-lg-1 col-md-12 order-lg-2">
        <div class="card shadow-sm">
            <div class="card-body">
                <div class="mb-6 text-center">
                    <h3 class="mb-0">Register for our next live group demo session</h3>
                </div>
                <form class="row g-3 needs-validation" novalidate="">
                    <div class="col-md-12">
                        <label for="eventSingleNameInput" class="form-label">
                            First Name
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" id="eventSingleNameInput" required="" />
                        <div class="invalid-feedback">Please enter first name.</div>
                    </div>
                    <div class="col-md-12">
                        <label for="eventSingleLastNameInput" class="form-label">
                            Last Name
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" id="eventSingleLastNameInput" required="" />
                        <div class="invalid-feedback">Please enter last name.</div>
                    </div>
                    <div class="col-md-12">
                        <label for="eventSingleEmailInput" class="form-label">
                            Email
                            <span class="text-danger">*</span>
                        </label>
                        <input type="email" class="form-control" id="eventSingleEmailInput" required="" />
                        <div class="invalid-feedback">Please enter email.</div>
                    </div>
                    <div class="col-md-12">
                        <label for="eventSinglePhoneInput" class="form-label">
                            Phone Number
                            <span class="text-body">(optional)</span>
                        </label>
                        <input type="tel" class="form-control" id="eventSinglePhoneInput" />
                        <div class="invalid-feedback">Please enter phone.</div>
                    </div>
                    <div class="col-md-12">
                        <label for="eventSingleJobTitleInput" class="form-label">
                            Job Title
                            <span class="text-danger">*</span>
                        </label>
                        <select class="form-select" id="eventSingleJobTitleInput" aria-label="Job Title" required>
                            <option selected disabled value="">Job Title</option>
                            <option value="1">Job 1</option>
                            <option value="2">Job 2</option>
                            <option value="3">Job 3</option>
                            <option value="4">Job 4</option>
                        </select>
                        <div class="invalid-feedback">Please select job title.</div>
                    </div>

                    <div class="col-md-12">
                        <label for="eventCompanyInput" class="form-label">
                            Company
                            <span class="text-danger">*</span>
                        </label>
                        <input type="text" class="form-control" id="eventCompanyInput" required="" />
                        <div class="invalid-feedback">Please enter company.</div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="blockCheck" required />
                            <label class="form-check-label ms-2 fs-6" for="blockCheck">
                                By continuing, you agree to Black
                                <a href="#">Terms of Use</a>
                                Read our
                                <a href="#">Privacy Policy</a>
                            </label>
                            <div class="invalid-feedback">You must agree before submitting.</div>
                        </div>
                    </div>
                    <div class="d-grid">
                        <button class="btn btn-primary" type="submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--event form-->

## Form #5

### Ready to Transform Your Business?

Drop us a line about your project at contact@example.com or via the contact form below, and we will contact you soon.

First Name *
Please enter firstname.
Company *
Please enter lastname.
Work Email *
Please enter email.
Phone *
Please enter phone.
Describe your idea
Please write message.
I agree to the privacy policy
You must agree before submitting.

     <!--Form section start-->
    <section class="bg-light py-lg-9 py-5">
       <div class="container">
          <div class="row justify-content-center">
             <div class="col-lg-10">
                <div class="card shadow-lg">
                   <div class="row g-0">
                      <div
                         class="col-md-6 d-none d-md-block rounded-start-3"
                         style="
                            background-image: url(../assets/images/landings/it-company/it-company-form-img.jpg);
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: center;

                         ">
                         <!-- for mobile img-->
                      </div>
                      <div class="col-xl-6 col-md-6">
                         <div class="card-body p-md-5">
                            <form class="row needs-validation g-3" novalidate>
                               <div class="col-lg-12">
                                  <div>
                                     <h3>Ready to Transform Your Business?</h3>
                                     <p class="mb-0">
                                        Drop us a line about your project at
                                        <span><a href="#!" class="">contact@example.com</a></span>
                                        or via the contact form below, and we will contact you soon.
                                     </p>
                                  </div>
                               </div>
                               <div class="col-lg-6 col-12">
                                  <label for="companyFirstnameInput" class="form-label">
                                     First Name
                                     <span class="text-danger">*</span>
                                  </label>
                                  <input type="text" class="form-control" id="companyFirstnameInput" required />
                                  <div class="invalid-feedback">Please enter firstname.</div>
                               </div>
                               <div class="col-lg-6 col-12">
                                  <label for="companyNameInput" class="form-label">
                                     Company
                                     <span class="text-danger">*</span>
                                  </label>
                                  <input type="text" class="form-control" id="companyNameInput" required />
                                  <div class="invalid-feedback">Please enter lastname.</div>
                               </div>
                               <div class="col-md-12">
                                  <label for="companyEmailInput" class="form-label">
                                     Work Email
                                     <span class="text-danger">*</span>
                                  </label>
                                  <input type="email" class="form-control" id="companyEmailInput" required />
                                  <div class="invalid-feedback">Please enter email.</div>
                               </div>
                               <div class="col-md-12">
                                  <label for="companyPhoneInput" class="form-label">
                                     Phone
                                     <span class="text-danger">*</span>
                                  </label>
                                  <input type="tel" class="form-control" id="companyPhoneInput" required />
                                  <div class="invalid-feedback">Please enter phone.</div>
                               </div>
                               <div class="col-md-12">
                                  <label for="companyTextarea" class="form-label">Describe your idea</label>
                                  <textarea class="form-control" id="companyTextarea" placeholder="Write to us" rows="3" required></textarea>
                                  <div class="invalid-feedback">Please write message.</div>
                               </div>
                               <div class="col-12">
                                  <div class="form-check">
                                     <input class="form-check-input" type="checkbox" value="" id="companyCheckagree" required />
                                     <label class="form-check-label" for="companyCheckagree">
                                        I agree to the
                                        <a href="#!">privacy policy</a>
                                     </label>
                                     <div class="invalid-feedback">You must agree before submitting.</div>
                                  </div>
                               </div>
                               <div class="d-grid">
                                  <button class="btn btn-primary rounded-pill" type="submit">Let’s work together!</button>
                               </div>
                            </form>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </section>
    <!--Form section end-->

## Form #6

- Rankings Improvement
- Boost organic traffic
- Conversion Rate Enhancement

“Working with [Agency Name] has been an absolute game-changer for our online presence. Their team took the time to understand our unique needs and crafted a tailored SEO strategy that has delivered incredible results.”

John D.

CEO of [Client Company]

Do you have a question?

### 123-456-7890

8 AM - 8 PM IST

### Get Started Right Now!

Full Name
Please enter full name
Email
Please enter email.
Website
Please enter URL.
Phone
Please enter Phone.
Messages
By submitting this form, you are agree to the terms outlined in our privacy policy .

    <div class="row g-0">
    <div class="col-lg-6 d-none d-lg-block">
         <div class="bg-light border-end p-6 rounded-start-3 d-flex flex-column gap-6 object-fit-cover" style="min-height: 100%">
            <div>
               <ul class="list-unstyled d-flex flex-column gap-2">
                  <li class="d-flex flex-row gap-2">
                     <span>
                        <svg
                           xmlns="http://www.w3.org/2000/svg"
                           width="16"
                           height="16"
                           fill="currentColor"
                           class="bi bi-check-circle text-success"
                           viewBox="0 0 16 16">
                           <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                           <path
                              d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                        </svg>
                     </span>
                     <span>Rankings Improvement</span>
                  </li>
                  <li class="d-flex flex-row gap-2">
                     <span>
                        <svg
                           xmlns="http://www.w3.org/2000/svg"
                           width="16"
                           height="16"
                           fill="currentColor"
                           class="bi bi-check-circle text-success"
                           viewBox="0 0 16 16">
                           <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                           <path
                              d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                        </svg>
                     </span>
                     <span>Boost organic traffic</span>
                  </li>
                  <li class="d-flex flex-row gap-2">
                     <span>
                        <svg
                           xmlns="http://www.w3.org/2000/svg"
                           width="16"
                           height="16"
                           fill="currentColor"
                           class="bi bi-check-circle text-success"
                           viewBox="0 0 16 16">
                           <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                           <path
                              d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                        </svg>
                     </span>
                     <span>Conversion Rate Enhancement</span>
                  </li>
               </ul>
            </div>
            <div class="my-auto">
               <p>
                  “Working with [Agency Name] has been an absolute game-changer for our online presence. Their team took the time to understand our unique needs and
                  crafted a tailored SEO strategy that has delivered incredible results.”
               </p>
               <div>
                  <span class="text-dark fw-semibold">John D.</span>
                  <p class="mb-0 fs-6">CEO of [Client Company]</p>
                  <div>
                     <img src="../assets/images/brand-logo/brand-logo-13.svg" alt="" />
                  </div>
               </div>
            </div>
            <div>
               <span>Do you have a question?</span>
               <h3 class="mt-2 mb-0">123-456-7890</h3>
               <span>8 AM - 8 PM IST</span>
            </div>
         </div>
      </div>
      <div class="col-lg-6">
         <div class="pt-4 px-4">
            <div class="text-end">
               <button type="button" class="btn-close small" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
         </div>
         <div class="pb-4 px-6">
            <h3 class="mb-4">Get Started Right Now!</h3>
            <form class="needs-validation mb-3" novalidate="">
               <div class="mb-3">
                  <label for="FullnameInput" class="form-label visually-hidden">Full Name</label>
                  <input type="text" class="form-control" id="FullnameInput" required="" placeholder="Name" />
                  <div class="invalid-feedback">Please enter full name</div>
               </div>

               <div class="mb-3">
                  <label for="EmailInput" class="form-label visually-hidden">Email</label>
                  <input type="email" class="form-control" id="EmailInput" required="" placeholder="Email" />
                  <div class="invalid-feedback">Please enter email.</div>
               </div>
               <div class="mb-3">
                  <label for="webURL" class="form-label visually-hidden">Website</label>
                  <input type="text" class="form-control" id="webURL" required="" placeholder="Website URL" />
                  <div class="invalid-feedback">Please enter URL.</div>
               </div>
               <div class="mb-3">
                  <label for="phone" class="form-label visually-hidden">Phone</label>
                  <input type="tel" name="phone" placeholder="" class="form-control w-100" required autocomplete="phone" id="phone" />

                  <div class="invalid-feedback">Please enter Phone.</div>
               </div>

               <div class="mb-3">
                  <label for="messages" class="form-label visually-hidden">Messages</label>
                  <textarea rows="3" class="form-control" id="messages" placeholder="Messages"></textarea>
               </div>

               <div class="">
                  <button class="btn btn-primary" type="submit">Get Your Free SEO Consultation</button>
               </div>
            </form>
            <div class="">
               <small>
                  By submitting this form, you are agree to the terms outlined in our
                  <a href="#" class="link-primary">privacy policy</a>
                  .
               </small>
            </div>
       </div>
      </div>
      </div>