Skip to main content

Contact Section

1 • 2 • 3 • 4 • 5

title

Call:

+1 234 567 890

Working Time:

08.00AM to 20.00PM

Location:

Amphitheatre, Mountain View, San Francisco, CA 9321, United States

<!-- =========={ CONTACT }==========  -->
<div id="contact" class="section py-6 py-md-7 bg-light-dark">
  <div class="container">
    <!-- row -->
    <div class="row">
      <div class="col-lg-5 pe-lg-5" data-aos="fade-right">
        <div class="contact-area p-5 rounded-3 bg-body shadow-sm">
          <!-- contact email -->
          <div class="email">
            <div class="row">
              <div class="col-2 text-center">
                <!-- icon -->
                <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="96" width="416" height="320" rx="40" ry="40" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline stroke="currentColor" points="112 160 256 272 400 160" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                <!-- <i class="text-primary icon fas fa-envelope"></i> -->
              </div>
              <div class="col-10">
                <p class="h5">Email:</p>
                <p class="mb-0">support@domain.com</p>
              </div>
            </div>
          </div>

          <!-- contact phone -->
          <div class="phone">
            <div class="row">
              <div class="col-2 text-center">
                <!-- icon -->
                <svg class="icon text-primary rtl-270" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M451,374c-15.88-16-54.34-39.35-73-48.76C353.7,313,351.7,312,332.6,326.19c-12.74,9.47-21.21,17.93-36.12,14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48,5.41-23.23,14.79-36c13.22-18,12.22-21,.92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9,44,119.9,47,108.83,51.6A160.15,160.15,0,0,0,83,65.37C67,76,58.12,84.83,51.91,98.1s-9,44.38,23.07,102.64,54.57,88.05,101.14,134.49S258.5,406.64,310.85,436c64.76,36.27,89.6,29.2,102.91,23s22.18-15,32.83-31a159.09,159.09,0,0,0,13.8-25.8C465,391.17,468,391.17,451,374Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/></svg>
                <!-- <i class="text-primary icon fas fa-phone"></i> -->
              </div>
              <div class="col-10">
                <p class="h5">Call:</p>
                <p class="mb-0">+1 234 567 890</p>
              </div>
            </div>
          </div>

          <!-- hour working -->
          <div class="time">
            <div class="row">
              <div class="col-2 text-center">
                <!-- icon -->
                <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M256,64C150,64,64,150,64,256s86,192,192,192,192-86,192-192S362,64,256,64Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><polyline stroke="currentColor" points="256 128 256 272 352 272" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                <!-- <i class="text-primary icon fas fa-clock"></i> -->
              </div>
              <div class="col-10">
                <p class="h5">Working Time:</p>
                <p class="mb-0">08.00AM to 20.00PM</p>
              </div>
            </div>
          </div>

          <!-- address -->
          <div class="address">
            <div class="row">
              <div class="col-2 text-center">
                <!-- icon -->
                <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path stroke="currentColor" d="M313.27,124.64,198.73,51.36a32,32,0,0,0-29.28.35L56.51,127.49A16,16,0,0,0,48,141.63v295.8a16,16,0,0,0,23.49,14.14l97.82-63.79a32,32,0,0,1,29.5-.24l111.86,73a32,32,0,0,0,29.27-.11l115.43-75.94a16,16,0,0,0,8.63-14.2V74.57a16,16,0,0,0-23.49-14.14l-98,63.86A32,32,0,0,1,313.27,124.64Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="328" y1="128" x2="328" y2="464" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="184" y1="48" x2="184" y2="384" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                <!-- <i class="text-primary icon fas fa-map-marked"></i> -->
              </div>
              <div class="col-10">
                <p class="h5">Location:</p>
                <p class="mb-0">Amphitheatre, Mountain View, San Francisco, CA 9321, United States</p>
              </div>
            </div>
          </div>

          <!-- maps responsive -->
          <div class="responsive-maps">
            <iframe class="lazy" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1537389.2000627194!2d-105.93786665117793!3d41.18442046635789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2sid!4v1585008753367!5m2!1sen!2sid" aria-label="Google maps" width="800" height="600" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
          </div><!-- end maps responsive -->
        </div>
      </div>

      <div class="col-lg-7 mt-5 ps-lg-0 mt-lg-0" data-aos="fade-left">
        <div class="contact-area bg-body rounded-3 w-100 p-5 shadow-sm">
          <!-- contact form -->
          <form action="#" class="contact-form">
            <div class="row">
              <div class="col-md-6 mb-4">
                <label class="form-label" for="name">Your Name</label>
                <input type="text" name="name" class="form-control" id="name">
                <div class="validate"></div>
              </div>
              <div class="col-md-6 mb-4">
                <label class="form-label" for="email">Your Email</label>
                <input type="email" class="form-control" name="email" id="email">
                <div class="validate"></div>
              </div>
            </div>
            <div class="mb-4">
              <label class="form-label" for="subject">Subject</label>
              <input type="text" class="form-control" name="subject" id="subject">
              <div class="validate"></div>
            </div>
            <div class="mb-4">
              <label class="form-label" for="messages">Message</label>
              <textarea class="form-control" name="message" rows="10" id="messages"></textarea>
              <div class="validate"></div>
            </div>
            <div class="text-center mb-4">
              <button class="btn btn-primary" type="submit">
                <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="me-2 rtl-270" viewBox="0 0 512 512"><path d="M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                Send Message
              </button>
            </div>
          </form><!-- end contact form -->
        </div>
      </div>
    </div><!-- end row -->
  </div>
</div><!-- End contact -->
Copy

Phone Number

+1 234 567 890

Email

support@domain.com

Working Time

08.00AM to 20.00PM

Address

Amphitheatre 3245, San Francisco

Contact Us

Have questions about service, please contact us.

<!-- =========={ CONTACT }==========  -->
<div id="contact" class="section py-6 py-md-7 bg-body">
  <div class="container">
    <!-- row -->
    <div class="row g-0">
      <div class="col-sm-6 col-xl-3">
        <!-- phone -->
        <div class="text-center px-5 py-3">
          <div class="mx-auto mb-3">
            <!-- icon -->
            <svg class="icon text-primary rtl-270" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M451,374c-15.88-16-54.34-39.35-73-48.76C353.7,313,351.7,312,332.6,326.19c-12.74,9.47-21.21,17.93-36.12,14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48,5.41-23.23,14.79-36c13.22-18,12.22-21,.92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9,44,119.9,47,108.83,51.6A160.15,160.15,0,0,0,83,65.37C67,76,58.12,84.83,51.91,98.1s-9,44.38,23.07,102.64,54.57,88.05,101.14,134.49S258.5,406.64,310.85,436c64.76,36.27,89.6,29.2,102.91,23s22.18-15,32.83-31a159.09,159.09,0,0,0,13.8-25.8C465,391.17,468,391.17,451,374Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/></svg>
            <!-- <i class="text-primary icon fas fa-phone"></i> -->
          </div>
          <p class="h5">Phone Number</p>
          <p class="lead mb-0">+1 234 567 890</p>
        </div>
        <!-- End phone -->
      </div>

      <div class="col-sm-6 col-xl-3">
        <!-- email -->
        <div class="text-center px-5 py-3">
          <div class="mx-auto mb-3">
            <!-- icon -->
            <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="96" width="416" height="320" rx="40" ry="40" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline stroke="currentColor" points="112 160 256 272 400 160" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            <!-- <i class="text-primary icon fas fa-envelope"></i> -->
          </div>
          <p class="h5">Email</p>
          <p class="lead mb-0">support@domain.com</p>
        </div>
        <!-- End email -->
      </div>

      <div class="col-sm-6 col-xl-3">
        <!-- working time-->
        <div class="text-center px-5 py-3">
          <div class="mx-auto mb-3">
            <!-- icon -->
            <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M256,64C150,64,64,150,64,256s86,192,192,192,192-86,192-192S362,64,256,64Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><polyline stroke="currentColor" points="256 128 256 272 352 272" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            <!-- <i class="text-primary icon fas fa-clock"></i> -->
          </div>
          <p class="h5">Working Time</p>
          <p class="lead mb-0">08.00AM to 20.00PM</p>
        </div>
        <!-- End working time-->
      </div>

      <div class="col-sm-6 col-xl-3">
        <!-- address -->
        <div class="text-center px-5 py-3">
          <div class="mx-auto mb-3">
            <!-- icon -->
            <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M313.27,124.64,198.73,51.36a32,32,0,0,0-29.28.35L56.51,127.49A16,16,0,0,0,48,141.63v295.8a16,16,0,0,0,23.49,14.14l97.82-63.79a32,32,0,0,1,29.5-.24l111.86,73a32,32,0,0,0,29.27-.11l115.43-75.94a16,16,0,0,0,8.63-14.2V74.57a16,16,0,0,0-23.49-14.14l-98,63.86A32,32,0,0,1,313.27,124.64Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="328" y1="128" x2="328" y2="464" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="184" y1="48" x2="184" y2="384" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            <!-- <i class="text-primary icon fas fa-map-marked"></i> -->
          </div>
          <p class="h5">Address</p>
          <p class="lead mb-0">Amphitheatre 3245, San Francisco</p>
        </div>
        <!-- End address -->
      </div>
    </div><!-- end row -->

    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div class="contact-area bg-light-dark border rounded-3 w-100 p-5 mt-5 mt-lg-6">
          <div class="text-center mb-5">
            <!-- contact title -->
            <h3 class="fw-bold">Contact <span class="fw-light">Us</span></h3>
            <hr class="divider my-4 bg-warning border-warning">
            <p class="lead text-muted">Have questions about service, please contact us.</p>
          </div>
          <!-- contact form -->
          <form action="#" class="contact-form">
            <div class="row">
              <div class="col-md-6 mb-4">
                <label class="form-label" for="name">Your Name</label>
                <input type="text" name="name" class="form-control" id="name">
                <div class="validate"></div>
              </div>
              <div class="col-md-6 mb-4">
                <label class="form-label" for="email">Your Email</label>
                <input type="email" class="form-control" name="email" id="email">
                <div class="validate"></div>
              </div>
            </div>
            <div class="mb-4">
              <label class="form-label" for="subject">Subject</label>
              <input type="text" class="form-control" name="subject" id="subject">
              <div class="validate"></div>
            </div>
            <div class="mb-4">
              <label class="form-label" for="messages">Message</label>
              <textarea class="form-control" name="message" rows="10" id="messages"></textarea>
              <div class="validate"></div>
            </div>
            <div class="text-center mb-4">
              <button class="btn btn-primary" type="submit">
                <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="me-2 rtl-270" viewBox="0 0 512 512"><path d="M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                Send Message
              </button>
            </div>
          </form><!-- end contact form -->
        </div>
      </div>
    </div>
  </div>
</div><!-- End contact -->
Copy

Phone Number

+1 234 567 890

Email

support@domain.com

Address

Amphitheatre 3245, San Francisco

Our Maps

Working Time: Monday - Saturday: 09:00 AM - 08:00 PM
Closed on Sunday & Holidays

Contact Us

<!-- =========={ CONTACT }==========  -->
<div id="contact" class="section py-6 py-md-7 bg-light-dark">
  <div class="container">
    <div class="bg-body p3 p-md-5 rounded-3 shadow-sm">
      <!-- row -->
      <div class="row">
        <div class="col-md-4">
          <!-- phone -->
          <div class="text-center p-5">
            <div class="mx-auto mb-3">
              <!-- icon -->
              <svg class="icon text-primary rtl-270" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M451,374c-15.88-16-54.34-39.35-73-48.76C353.7,313,351.7,312,332.6,326.19c-12.74,9.47-21.21,17.93-36.12,14.75s-47.31-21.11-75.68-49.39-47.34-61.62-50.53-76.48,5.41-23.23,14.79-36c13.22-18,12.22-21,.92-45.3-8.81-18.9-32.84-57-48.9-72.8C119.9,44,119.9,47,108.83,51.6A160.15,160.15,0,0,0,83,65.37C67,76,58.12,84.83,51.91,98.1s-9,44.38,23.07,102.64,54.57,88.05,101.14,134.49S258.5,406.64,310.85,436c64.76,36.27,89.6,29.2,102.91,23s22.18-15,32.83-31a159.09,159.09,0,0,0,13.8-25.8C465,391.17,468,391.17,451,374Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/></svg>
              <!-- <i class="text-primary icon fas fa-phone"></i> -->
            </div>
            <p class="h5">Phone Number</p>
            <p class="lead mb-0">+1 234 567 890</p>
          </div>
          <!-- End phone -->
        </div>

        <div class="col-md-4">
          <!-- email -->
          <div class="text-center p-5">
            <div class="mx-auto mb-3">
              <!-- icon -->
              <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="96" width="416" height="320" rx="40" ry="40" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline stroke="currentColor" points="112 160 256 272 400 160" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
              <!-- <i class="text-primary icon fas fa-envelope"></i> -->
            </div>
            <p class="h5">Email</p>
            <p class="lead mb-0">support@domain.com</p>
          </div>
          <!-- End email -->
        </div>

        <div class="col-md-4">
          <!-- address -->
          <div class="text-center p-5">
            <div class="mx-auto mb-3">
              <!-- icon -->
              <svg class="icon text-primary" xmlns="http://www.w3.org/2000/svg" width="3rem" height="3rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M313.27,124.64,198.73,51.36a32,32,0,0,0-29.28.35L56.51,127.49A16,16,0,0,0,48,141.63v295.8a16,16,0,0,0,23.49,14.14l97.82-63.79a32,32,0,0,1,29.5-.24l111.86,73a32,32,0,0,0,29.27-.11l115.43-75.94a16,16,0,0,0,8.63-14.2V74.57a16,16,0,0,0-23.49-14.14l-98,63.86A32,32,0,0,1,313.27,124.64Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="328" y1="128" x2="328" y2="464" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="184" y1="48" x2="184" y2="384" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
              <!-- <i class="text-primary icon fas fa-map-marked"></i> -->
            </div>
            <p class="h5">Address</p>
            <p class="lead mb-0">Amphitheatre 3245, San Francisco</p>
          </div>
          <!-- End address -->
        </div>
      </div><!-- end row -->
      <!-- row -->
      <div class="row">
        <div class="col-md-6">
          <div class="p-4">
            <h3 class="mb-5 text-center">Our Maps</h3>
            <!-- maps responsive -->
            <div class="responsive-maps mb-5">
              <iframe class="lazy" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1537389.2000627194!2d-105.93786665117793!3d41.18442046635789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2sid!4v1585008753367!5m2!1sen!2sid" aria-label="Google maps" width="800" height="600" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </div><!-- end maps responsive -->
            <p><b>Working Time</b>: Monday - Saturday: 09:00 AM - 08:00 PM<br>Closed on Sunday & Holidays</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="contact-area w-100 p-4">
            <h3 class="mb-5 text-center">Contact Us</h3>
            <!-- contact form -->
            <form action="#" class="contact-form">
              <div class="row">
                <div class="col-md-6 mb-4">
                  <label class="form-label" for="name">Your Name</label>
                  <input type="text" name="name" class="form-control" id="name">
                  <div class="validate"></div>
                </div>
                <div class="col-md-6 mb-4">
                  <label class="form-label" for="email">Your Email</label>
                  <input type="email" class="form-control" name="email" id="email">
                  <div class="validate"></div>
                </div>
              </div>
              <div class="mb-4">
                <label class="form-label" for="subject">Subject</label>
                <input type="text" class="form-control" name="subject" id="subject">
                <div class="validate"></div>
              </div>
              <div class="mb-4">
                <label class="form-label" for="messages">Message</label>
                <textarea class="form-control" name="message" rows="10" id="messages"></textarea>
                <div class="validate"></div>
              </div>
              <div class="text-center mb-4">
                <button class="btn btn-primary" type="submit">
                  <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="me-2 rtl-270" viewBox="0 0 512 512"><path d="M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                  Send Message
                </button>
              </div>
            </form><!-- end contact form -->
          </div>
        </div>
      </div><!-- end row -->
    </div>
  </div>
</div><!-- End contact -->
Copy

Contact Us

Our Maps

Working Time: Monday - Saturday: 09:00 AM - 08:00 PM

Phone Number: +1 234 5678 90

Email: Support@domain.com

<!-- =========={ CONTACT }==========  -->
<div id="contact" class="section py-6 py-md-7 bg-body">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div class="contact-area w-100 p-4">
          <h3 class="mb-5 text-center">Contact Us</h3>
          <!-- contact form -->
          <form action="#" class="contact-form">
            <div class="row">
              <div class="col-md-6 mb-4">
                <label class="form-label" for="name">Your Name</label>
                <input type="text" name="name" class="form-control" id="name">
                <div class="validate"></div>
              </div>
              <div class="col-md-6 mb-4">
                <label class="form-label" for="email">Your Email</label>
                <input type="email" class="form-control" name="email" id="email">
                <div class="validate"></div>
              </div>
            </div>
            <div class="mb-4">
              <label class="form-label" for="subject">Subject</label>
              <input type="text" class="form-control" name="subject" id="subject">
              <div class="validate"></div>
            </div>
            <div class="mb-4">
              <label class="form-label" for="messages">Message</label>
              <textarea class="form-control" name="message" rows="10" id="messages"></textarea>
              <div class="validate"></div>
            </div>
            <div class="text-center mb-4">
              <button class="btn btn-primary" type="submit">
                <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="me-2 rtl-270" viewBox="0 0 512 512"><path d="M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                Send Message
              </button>
            </div>
          </form><!-- end contact form -->
        </div>
      </div>

      <div class="col-md-6">
        <div class="p-4">
          <h3 class="mb-5 text-center">Our Maps</h3>
          <!-- maps responsive -->
          <div class="responsive-maps mb-5">
            <iframe class="lazy" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1537389.2000627194!2d-105.93786665117793!3d41.18442046635789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2sid!4v1585008753367!5m2!1sen!2sid" aria-label="Google maps" width="800" height="600" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
          </div><!-- end maps responsive -->
          <p><b>Working Time</b>: Monday - Saturday: 09:00 AM - 08:00 PM</p>
          <p><b>Phone Number</b>: +1 234 5678 90</p>
          <p><b>Email</b>: Support@domain.com</p>
        </div>
      </div>
    </div>
  </div>
</div><!-- End contact -->
Copy

How can we help?

Call: +1 234 5678 90

Email: support@domain.com

Fax: +1 234 5678 90

Address: Amphitheatre 3245, San Francisco

Contact Us

<!-- =========={ CONTACT }==========  -->
<div id="contact" class="section py-6 bg-light-dark">
  <div class="container">
    <!-- Row -->
    <div class="row g-0">
      <div class="col-lg-6 col-xl-5">
        <!-- header banner -->
        <div class="position-relative header-banner z-index-1" style="background-image: url('../src/img-min/bg/bg-business.jpg');min-height: 20rem;">
          <!-- background overlay -->
          <div class="overlay bg-gradient-primary opacity-90 z-index-n1"></div>
          <!-- banner content -->
          <div class="header-banner-content">
            <div class="mb-4 px-lg-5">
              <h3 class="text-light">How can we help?</h3>
              <hr class="divider my-4 bg-light border-light">
            </div>
            <div class="text-light">
              <p><b>Call</b>: +1 234 5678 90</p>
              <p><b>Email</b>: support@domain.com</p>
              <p><b>Fax</b>: +1 234 5678 90</p>
              <p><b>Address</b>: Amphitheatre 3245, San Francisco</p>
            </div>
          </div>
        </div><!-- end header banner -->
      </div>

      <div class="col-lg-6 col-xl-7">
        <div class="p-4 p-xl-5 bg-body shadow-sm">
          <div class="contact-area w-100 p-4">
            <h3 class="mb-5 text-center">Contact Us</h3>
            <!-- contact form -->
            <form action="#" class="contact-form">
              <div class="row">
                <div class="col-md-6 mb-4">
                  <label class="form-label" for="name">Your Name</label>
                  <input type="text" name="name" class="form-control" id="name">
                  <div class="validate"></div>
                </div>
                <div class="col-md-6 mb-4">
                  <label class="form-label" for="email">Your Email</label>
                  <input type="email" class="form-control" name="email" id="email">
                  <div class="validate"></div>
                </div>
              </div>
              <div class="mb-4">
                <label class="form-label" for="subject">Subject</label>
                <input type="text" class="form-control" name="subject" id="subject">
                <div class="validate"></div>
              </div>
              <div class="mb-4">
                <label class="form-label" for="messages">Message</label>
                <textarea class="form-control" name="message" rows="10" id="messages"></textarea>
                <div class="validate"></div>
              </div>
              <div class="text-center mb-4">
                <button class="btn btn-primary" type="submit">
                  <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="me-2 rtl-270" viewBox="0 0 512 512"><path d="M53.12,199.94l400-151.39a8,8,0,0,1,10.33,10.33l-151.39,400a8,8,0,0,1-15-.34L229.66,292.45a16,16,0,0,0-10.11-10.11L53.46,215A8,8,0,0,1,53.12,199.94Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path><line x1="460" y1="52" x2="227" y2="285" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></line></svg>
                  Send Message
                </button>
              </div>
            </form><!-- end contact form -->
          </div>
        </div>
      </div>
    </div><!-- End Row -->
  </div>
</div><!-- End contact -->
Copy