145 lines
14 KiB
HTML
145 lines
14 KiB
HTML
<!-- Page Contact Us Start -->
|
|
<div class="page-contact-us">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<!-- Contact Us Box Start -->
|
|
<div class="contact-us-box">
|
|
<!-- Contact Info Box Start -->
|
|
<div class="contact-info-box">
|
|
<!-- Contact Info List Start -->
|
|
<div class="contact-info-list">
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
|
|
<div class="icon-box">
|
|
<img src="./contactus_files/icon-phone.svg" alt="">
|
|
</div>
|
|
|
|
<div class="contact-info-content">
|
|
<h3>contact details</h3>
|
|
<p>+01-787-582-568</p>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
|
|
<div class="icon-box">
|
|
<img src="./contactus_files/icon-location.svg" alt="">
|
|
</div>
|
|
|
|
<div class="contact-info-content">
|
|
<h3>address</h3>
|
|
<p>403, Port Washington Road, Canada</p>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
|
|
<!-- Contact Info Item Start -->
|
|
<div class="contact-info-item wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
|
|
<div class="icon-box">
|
|
<img src="./contactus_files/icon-mail.svg" alt="">
|
|
</div>
|
|
|
|
<div class="contact-info-content">
|
|
<h3>email us</h3>
|
|
<p>info@domain.com</p>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Info Item End -->
|
|
</div>
|
|
<!-- Contact Info List End -->
|
|
|
|
<!-- Contact Social List Start -->
|
|
<div class="contact-social-list wow fadeInUp" data-wow-delay="0.75s" style="visibility: visible; animation-delay: 0.75s; animation-name: fadeInUp;">
|
|
<span>follow us:</span>
|
|
<ul>
|
|
<li><a href="https://html.awaikenthemes.com/dispnsary/contact.html#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a href="https://html.awaikenthemes.com/dispnsary/contact.html#"><i class="fa-brands fa-x-twitter"></i></a></li>
|
|
<li><a href="https://html.awaikenthemes.com/dispnsary/contact.html#"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
|
<li><a href="https://html.awaikenthemes.com/dispnsary/contact.html#"><i class="fa-brands fa-pinterest-p"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Contact Social List End -->
|
|
</div>
|
|
<!-- Contact Info Box End -->
|
|
|
|
<!-- Contact Us Form Start -->
|
|
<div class="contact-us-form">
|
|
<!-- Section Title Start -->
|
|
<div class="section-title">
|
|
<h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">contact us</h3>
|
|
<h2 class="text-anime-style-3" data-cursor="-opaque" style="perspective: 400px;"><div class="split-line" style="display: block; text-align: start; position: relative;"><div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">R</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">a</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">c</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">h</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">f</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">r</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">q</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">s</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">n</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">s</div></div></div></h2>
|
|
<p class="wow fadeInUp" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">We take the time to understand your individual needs and goals, creating customized treatment plans to help you achieve optimal oral health.</p>
|
|
</div>
|
|
<!-- Section Title End -->
|
|
|
|
<!-- Contact Form Start -->
|
|
<div class="contact-form">
|
|
<form id="contactForm" action="https://html.awaikenthemes.com/dispnsary/contact.html#" method="POST" data-toggle="validator" class="wow fadeInUp" data-wow-delay="0.25s" novalidate="true" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
|
|
<div class="row">
|
|
<div class="form-group col-md-12 mb-4">
|
|
<input type="text" name="name" class="form-control" id="name" placeholder="Enter Your Name" required="">
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
|
|
<div class="form-group col-md-6 mb-4">
|
|
<input type="email" name="email" class="form-control" id="email" placeholder="Enter Your Email" required="">
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
|
|
<div class="form-group col-md-6 mb-4">
|
|
<input type="text" name="phone" class="form-control" id="phone" placeholder="Enter Your Number" required="">
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
|
|
<div class="form-group col-md-12 mb-5">
|
|
<textarea name="message" class="form-control" id="message" rows="4" placeholder="Write Message.."></textarea>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<button type="submit" class="btn-default disabled">submit now</button>
|
|
<div id="msgSubmit" class="h3 hidden"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- Contact Form Start -->
|
|
</div>
|
|
<!-- Contact Us Form End -->
|
|
</div>
|
|
<!-- Contact Us Box End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Page Contact Us End -->
|
|
|
|
<!-- Google Map Section Start -->
|
|
<div class="google-map">
|
|
<div class="container">
|
|
<div class="row section-row">
|
|
<div class="col-lg-12">
|
|
<!-- Section Title Start -->
|
|
<div class="section-title">
|
|
<h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">How to reach us</h3>
|
|
<h2 class="text-anime-style-3" data-cursor="-opaque" style="perspective: 400px;"><div class="split-line" style="display: block; text-align: center; position: relative;"><div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">G</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">e</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">t</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">n</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">o</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">c</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">h</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">w</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">i</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">t</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">h</div></div> <div style="position:relative;display:inline-block;"><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">u</div><div style="position: relative; display: inline-block; transform: translate(0px, 0px); opacity: 1;">s</div></div></div></h2>
|
|
<p class="wow fadeInUp" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">The goal of our clinic is to deliver compassionate care and exceptional medical services, including general health consultations, specialized treatments, and preventive care. With trusted healthcare practices globally, we ensure your well-being is our priority.</p>
|
|
</div>
|
|
<!-- Section Title End -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<!-- Google Map Iframe Start -->
|
|
<div class="google-map-iframe">
|
|
<iframe src="./contactus_files/embed.html" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
<!-- Google Map Iframe End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Google Map Section End --> |