Email:
support@domain.com
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 -->
Phone Number
+1 234 567 890
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 -->
Phone Number
+1 234 567 890
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 -->
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 -->
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 -->