1#@!#!123s

https 1#@!#!123s
: / home2 / hershinecreation / www / hodanberbera.org /
Filename : contact.php
back
<!DOCTYPE html>
	<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>contact us </title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="icon" href="favicon.ico" type="image/x-icon">

		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css">
		<!-- <link rel="stylesheet" href="https://webdx.webixytools.com/catalog/template1/css/.css"> -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
		<script src="https://webdx.webixytools.com/catalog/template1/js/jquery.validate.min.js" type="text/javascript"></script>
					<link href="https://hodanberbera.org/contact.php" rel="canonical">
				<style>
			label.error {
				display: none !important
			}

			.error_bdr {
				border: 1px solid red !important
			}

			.table-bordered tbody>tr>td {
				border: 2px solid black;
				padding: 8px 90px 8px 50px;
			}

			.primary-footer p {
				color: #80807f;
			}

			.list li {
				list-style-type: none;
			}
		</style>

		<!--== bootstrap -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

		<!--== animate -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/animate.css" rel="stylesheet" type="text/css" />

		<!--== fontawesome -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/fontawesome-all.css" rel="stylesheet" type="text/css" />

		<!--== themify-icons -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/themify-icons.css" rel="stylesheet" type="text/css" />

		<!--== magnific-popup -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />

		<!--== owl-carousel -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" />

		<!--== spacing -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/spacing.css" rel="stylesheet" type="text/css" />

		<!--== base -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/base.css" rel="stylesheet" type="text/css" />

		<!--== shortcodes -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/shortcodes.css" rel="stylesheet" type="text/css" />

		<!--== default-theme -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/style.css" rel="stylesheet" type="text/css" />

		<!--== responsive -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/responsive.css" rel="stylesheet" type="text/css" />

		<!--== color-customizer -->
		<link href="https://webdx.webixytools.com/catalog/template1/css/theme-color/theme-orange.css" data-style="styles" rel="stylesheet">

		<style>
			table {
				width: 100%;
			}
		</style>

	</head>

	<body>
		<!-- page wrapper start -->
		<div class="page-wrapper">

			<!-- preloader start -->
			<!-- <div id="ht-preloader">
		<div class="loader clear-loader"><img src="images/loader.gif" alt=""></div>
	</div> -->
			<!-- preloader end -->

			<!--header start-->
			<header id="site-header" class="header header-4">
				<div class="top-bar d-md-block d-none">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-lg-6 col-md-8">
								<div class="topbar-link">
									<ul class="list-inline">
										<li class="list-inline-item"><a href="mailto:diez2004@hotmail.com"><i class="far fa-envelope-open"></i>diez2004@hotmail.com</a></li>
																			</ul>
								</div>
							</div>
							<div class="col-lg-6 col-md-4 text-end">
								<div class="social-icons social-hover top-social-list">
									<ul class="list-inline">
									
										<li class="social-facebook"><a href="" target="_blank"><i class="fab fa-facebook-f"></i></a>
										</li>
										
										<li class="social-twitter"><a href="" target="_blank"><i class="fab fa-twitter"></i></a>
										</li>
										<li class="social-linkedin"><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a>
										</li>
										<li class="social-linkedin"><a href="" target="_blank"><i class="fab fa-instagram"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="header-wrap">
					<div class="container">
						<div class="row">
							<div class="col">
								<!-- Navbar -->
								<nav class="navbar navbar-expand-lg">
									<a class="navbar-brand logo" href="https://hodanberbera.org/">
																					<img src="https://webdx.webixytools.com/web_upload_files/company_logo/200/HODAN LOGO8-01.jpg" height="100">
																				<!-- <img id="logo-img" class="img-fluid" src="images/logo-orange.png" alt=""> -->

									</a>
									<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
									</button>
									<div class="collapse navbar-collapse" id="navbarNavDropdown">
										<!-- Left nav -->
										<ul class="nav navbar-nav ms-auto">
											<li class="nav-item"> <a class="nav-link" href="https://hodanberbera.org/">Home</a></li>
											<li class="nav-item"> <a class="nav-link" href="https://hodanberbera.org/about.php">About us</a></li>
											<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Products</a>
												<ul class="dropdown-menu">

																											<li><a href="https://hodanberbera.org/cod-liver-oil.php">Cod Liver Oil</a></li>
																									</ul>
											</li>
																						<li class="nav-item"> <a class="nav-link" href="https://hodanberbera.org/contact.php">Contact us</a></li>
										</ul>
									</div>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!--header end-->
				<!--page title start-->
	<section class="page-title overflow-hidden text-center parallaxie" data-overlay="7" data-bg-img="https://webdx.webixytools.com/web_upload_files/webpages/innerheader/200/contact2.jpg">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-md-12 mx-auto">
					<h1 class="title mb-0">Contact <span>Us</span></h1>
				</div>
			</div>

			<nav aria-label="breadcrumb" class="page-breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="https://hodanberbera.org/"><i class="fas fa-home"></i></a></li>
					<li class="breadcrumb-item active" aria-current="page">Contact us</li>
				</ol>
			</nav>

		</div>
	</section>
	<!--page title end-->


	<!--body content start-->
	<div class="page-content">

		<!--contact start-->
		<section class="contact-3 pt-lg-0 pb-0 overflow-hidden position-relative">
			<div class="contact-box">
				<div class="container">
					<div class="row g-0 box-shadow">
						<div class="col-lg-6 col-md-12 order-lg-1">
							<div class="contact-main white-bg p-5">
								<h2 class="title mb-4">Contact Us For <span>Help</span></h2>
								<form action="https://hodanberbera.org//contact_inq.php" method="post" id="contactFrm" name="contactFrm">
									<div class="messages"></div>
									<div class="form-group">
										<input id="form_name" type="text" name="your_name" class="form-control" placeholder="Your Name" required="required" data-error="Your Name is required.">
										<div class="help-block with-errors"></div>
									</div>
									<div class="form-group">
										<input id="form_email" type="email" name="email" class="form-control" placeholder="Email" required="required" data-error="Valid email is required.">
										<div class="help-block with-errors"></div>
									</div>

									<div class="form-group">
										<input id="form_phone" type="tel" name="mobile_phone" class="form-control" placeholder="Phone /Mobile" required="required" data-error="Phone is required">
										<div class="help-block with-errors"></div>
									</div>

									<div class="form-group">
										<input id="inq_subject" type="tel" name="inq_subject" class="form-control" placeholder="Query Subject" required="required" data-error="Query Subject is required">
										<div class="help-block with-errors"></div>
									</div>

									<div class="form-group">
										<textarea id="form_message" name="inquiry_detail" class="form-control" placeholder="Write Your Query" rows="3" required="required" data-error="Please,leave us a message." style="height: 100px;"></textarea>
										<div class="help-block with-errors"></div>
									</div>
									<input type="hidden" name="webmenID" value="200">
									<input class="btn btn-border btn-radius" name="submit" type="submit" value="Submit Now">
								</form>
							</div>
						</div>

						<div class="col-lg-6 col-md-12 dark-bg text-white p-5 parallaxie d-flex align-items-center" data-bg-img="images/bg/07.jpg" data-overlay="8">
							<div>
								<h2 class="title text-white">Get In <span>Touch</span></h2>
																<ul class="contact-info list-unstyled mt-4">
									<li class="mb-4"><i class="flaticon-paper-plane"></i><span>Address:</span>
										<p>Somaliland Berbera City

 Main Road near omar area											, Berbera, Somalia										</p>
									</li>
																			<li><i class="flaticon-message"></i><span>Email</span><a href="mailto:diez2004@hotmail.com">diez2004@hotmail.com</a></li>
																	</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

							<div class="container-fluid p-0 mt-5 mt-lg-0">
					<div class="row">
						<div class="col-12">
							<div class="map iframe-h-2"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2009244.2358687387!2d42.5888539105787!3d10.39732080983164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3d89dbd253417cd1%3A0x78310d22f068c363!2sBerbera%2C%20Somalia!5e0!3m2!1sen!2sin!4v1720597152528!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
						</div>
					</div>
				</div>
					</section>
		<!--contact end-->

	</div>
	<!--body content end-->
			<!--footer start-->
			<footer class="footer dark-bg position-relative" data-bg-img="images/bg/09.png" style="background-size: contain; background-repeat: no-repeat;">
				<div class="primary-footer">
					<div class="container">
						<div class="row">
							<div class="col-lg-5 col-md-6">
								<h5><span class="text-theme">About Industrial</span></h5>
								<p class="mb-3">Address:
									Somaliland Berbera City

 Main Road near omar area									<br>Berbera, Somalia								</p>
								<ul class="list">
																			<li>E-mail : <a href="mailto:diez2004@hotmail.com">diez2004@hotmail.com</a></li>
																	</ul>
								<div class="social-icons social-colored mt-3">
									<ul class="list-inline mb-0">
							
										<li class="social-facebook"><a href=""><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
										</li>
										<li class="social-twitter"><a href=""><i class="fab fa-twitter" aria-hidden="true"></i></a>
										</li>
										<li class="social-gplus"><a href=""><i class="fab fa-instagram" aria-hidden="true"></i></a>
										</li>
										<li class="social-linkedin"><a href=""><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
										</li>
									</ul>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 mt-5 mt-md-0 footer-list">
								<h5><span class="text-theme">Useful Links</span></h5>
								<ul class="list-unstyled">
									<li><a href="https://hodanberbera.org/"><i class="fas fa-angle-right"></i> Home</a></li>
									<li><a href="https://hodanberbera.org/about.php"><i class="fas fa-angle-right"></i> About us</a></li>
									<li><a href="https://hodanberbera.org/contact.php"><i class="fas fa-angle-right"></i> Contact us</a></li>
																	</ul>
							</div>

							<div class="col-lg-4 col-md-6 mt-5 mt-md-0 footer-list">
								<h5><span class="text-theme">Our Products</span></h5>
								<div class="row">
																			<div class="col-md-6 footmg"> <i class="fas fa-angle-right" style="font-size: 12px!important;margin-right: 5px;"></i>
											<a href="https://hodanberbera.org/cod-liver-oil.php">Cod Liver Oil</a>
										</div>
																	</div>
							</div>
						</div>
					</div>
				</div>
				<div class="secondary-footer">
					<div class="container">
						<div class="copyright">
							<div class="row align-items-center">
								<div class="col-md-12">
									<p class="text-center text-white">Copyright &copy; 2024-2025 All Right Reserved. </p>
									<p class="text-center text-white">Designed & Developed By <a href="https://www.webixytech.com/" target="blank" style="text-decoration:none;color:#fff;">Webixy Technologies Pvt. Ltd</a></p>
									<p class="mt-0 text-center text-white">Associated With: <a href="https://www.globaltradeplaza.com/" target="blank"><img src="https://webdx.webixytools.com/catalog/images/white_logo.png" style="width: 195px;"></a>&nbsp;B2B Portal</p>
								</div>

							</div>
						</div>
					</div>
				</div>
			</footer>
			<!--footer end-->

		</div>
		<!-- page wrapper end -->

		<!-- get a quote start -->
		<a class="contact-btn">
			<div class="contact-bg">Get a Quote</div>
		</a>
		<div class="contact-form text-black"> <a class="close-btn text-capitalize text-end"><i class="flaticon-cancel"></i></a>
			<h2 class="title mb-5">Request A <span> Quote </span></h2>
			<form id="queto-form" method="post" action="http://themeht.com/misto/html/ltr/php/contact.php">
				<div class="messages"></div>
				<div class="form-group">
					<input id="form_name1" type="text" name="name" class="form-control" placeholder="Your Name" required="required" data-error="Name is required.">
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group">
					<input id="form_email1" type="email" name="email" class="form-control" placeholder="Your Email" required="required" data-error="Valid email is required.">
					<div class="help-block with-errors"></div>
				</div>
				<div class="form-group">
					<input id="form_project1" type="text" name="name" class="form-control" placeholder="Project Name" required="required">
				</div>
				<div class="form-group">
					<textarea id="form_message1" name="message" class="form-control" placeholder="Your Message" rows="3" required="required" data-error="Please,leave us a message."></textarea>
					<div class="help-block with-errors"></div>
				</div>
				<button class="btn btn-border btn-radius"><span>Submit</span>
				</button>
			</form>
		</div>
		<!-- get a quote end -->

		<!--back-to-top start-->
		<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="fas fa-chevron-up"></i></a></div>
		<!--back-to-top end-->

		<!--== theme -->
		<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
		<script src="https://webdx.webixytools.com/catalog/template1/js/theme.js"></script>

		<!--== magnific-popup -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/magnific-popup/jquery.magnific-popup.min.js"></script>

		<!--== owl-carousel -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/owl-carousel/owl.carousel.min.js"></script>

		<!--== parallax -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/parallax/parallaxie.min.js"></script>

		<!--== counter -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/counter/counter.js"></script>

		<!--== particle -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/particle/jquery.particleground.min.js"></script>

		<!--== countdown -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/countdown/jquery.countdown.min.js"></script>

		<!--== isotope -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/isotope/isotope.pkgd.min.js"></script>

		<!--== contact-form -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/contact-form/contact-form.js"></script>

		<!--== theme-script -->
		<script src="https://webdx.webixytools.com/catalog/template1/js/theme-script.js"></script>

		<!-- inject js end -->
		<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="exampleModalLabel">&nbsp;</h5>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body">
						<iframe src="https://dev.globaltradeplaza.com/global-post-requirement?email=diez2004@hotmail.com" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="550px" title="Enquiry Form"></iframe>
					</div>

				</div>
			</div>
		</div>

	</body>

	</html>