<%- include('includes/header') %>

	<!-- header END -->
	<div class="page-content bg-white">

		<!-- Inner Banner -->
		<div class="banner-wraper">
			<div class="page-banner"
				style="background-image:url(images/banner/img1.jpg);">
				<div class="container">
					<div class="page-banner-entry text-center">
						<h1>Our Contact</h1>
						<!-- Breadcrumb row -->
						<nav aria-label="breadcrumb" class="breadcrumb-row">
							<ul class="breadcrumb">
								<li class="breadcrumb-item"><a href="/"><svg
											xmlns="http://www.w3.org/2000/svg"
											width="22" height="22" viewBox="0 0 24 24" fill="none"
											stroke="currentColor"
											stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
											class="feather feather-home">
											<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
											<polyline points="9 22 9 12 15 12 15 22"></polyline>
										</svg> Home</a></li>
								<li class="breadcrumb-item active" aria-current="page">Contact</li>
							</ul>
						</nav>
					</div>
				</div>
				<img class="pt-img2 animate2" src="images/shap/circle-dots.png" alt="">
				<img class="pt-img3 animate-rotate" src="images/shap/plus-blue.png" alt="">
			</div>
			<!-- Breadcrumb row END -->
		</div>
		<!-- Inner Banner end -->

		<!-- Appointment -->
		<section class="section-area account-wraper1">
			<div class="container-fluid">
				<div class="appointment-inner section-sp2">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-lg-5">
								<div class="appointment-form form-wraper">
									<h3 class="title">Get in Touch</h3>
									<div class="row">
										<form id="contactForm">
											<div class="col-lg-12">
												<div class="row">
													<div class="col-lg-6" style="padding: 0px;">
														<div class="form-group">
															<label for="name">Name</label>
															<input name="name" type="text" class="form-control"
																id="name" placeholder="Enter Name">
														</div>
													</div>
													<div class="col-lg-6" style="padding: 0px 0px 0px 0px;">
														<div class="form-group">
															<label for="email">Email</label>
															<input name="email" type="email" id="email"
																class="form-control email" required=""
																placeholder="Your Email Id">
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label for="product">Products</label>
												<select id="product" name="product" class="form-select">
													<option value="">Select Option</option>
													<option value="Darwin Oxygen Generator">Darwin Oxygen Generator
													</option>
													<option value="Darwin PPE KIT">Darwin PPE KIT</option>
													<option value="Darwin Wet Wipes">Darwin Wet Wipes</option>
													<option value="Darwin All in one spray">Darwin All in one spray
													</option>
													<option value="Darwin Alkaline Bottle">Darwin Alkaline Bottle
													</option>
													<option value="Darwin N95 Mask">Darwin N95 Mask</option>
													<option value="Darwin 3-PLY Mask">Darwin 3-PLY Mask</option>
													<option value="Darwin oximeter">Darwin oximeter</option>
												</select>
											</div>

											<div class="form-group">
												<label for="mobile">Phone Number</label>
												<input id="number" name="mobile" type="text" maxlength="10"
													oninput="this.value= this.value.replace(/[^0-9]/g,
													'').replace(/(\.*)/g, '');"
													required="" class="form-control phone" placeholder="Enter Mobile">
											</div>
											<div class="form-group">
												<label for="message">Message</label>
												<input id="message" name="message" type="Message"
													class="form-control"
													placeholder="Message">
											</div>

											<button type="submit" class="btn btn-secondary btn-lg">SUBMIT</button>
										</form>
									</div>
								</div>
							</div>
							<div class="col-lg-6 contact-info">
								<div class="info-column">
									<h4 class="widget-title mobile-padding">Contact Info</h4>
									<ul>
										<li>
											<span class="icon las la-map-marked"></span>
											<p><strong
													style="font-weight:bold; color:#d81517;">ADDRESS</strong><br><b>H-127,
													Ansa Industrial Estate, Sakivihar road, Saki Naka Andheri East,
													Mumbai 400072,
													Maharashtra.</p>
											</li>
											<li>
												<span class="icon las la-mail-bulk"></span>
												<p><strong style="font-weight:bold; color:#d81517;">EMAIL</strong><br>
													info@darwinpharma.in</p>
											</li>
										</ul>
									</div>
									<!-- Left part END -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

		</div>
		<button onclick='window.scrollTo({top: 0, behavior: "smooth"});'
			class="back-to-top fa fa-chevron-up"></button>
	</div>
	<%- include('includes/footer') %>