Skip to main content
title

Contact Sections


1 2 3 4 5

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">
                    <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 bg-white 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-white rounded 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 -->
                
              

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-white">
                    <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 border rounded 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 -->
                
              

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">
                    <div class="container">
                      <div class="bg-white p3 p-md-5 rounded 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 -->
                
              

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-white">
                    <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 -->
                
              

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">
                    <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-white 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 -->