PK
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="img/fav-icon.png" type="image/x-icon" />
<title>Ferrohyde - Contact Us</title>
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="vendors/revolution/css/settings.css" rel="stylesheet">
<link href="vendors/revolution/css/layers.css" rel="stylesheet">
<link href="vendors/revolution/css/navigation.css" rel="stylesheet">
<link href="vendors/animate-css/animate.css" rel="stylesheet">
<link href="vendors/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="vendors/flex-slider/flexslider.css" rel="stylesheet">
<link href="vendors/magnific-popup/magnific-popup.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php include_once 'layout/header.php'; ?>
<section class="banner_area" style="background: url(img/banner/single-page-banner3.jpg); background-size: cover">
<div class="container">
<div class="banner_inner_text">
<h4>Contact Us</h4>
<!-- <ul>
<li><a href="index-2.html">Home</a></li>
<li class="active"><a href="blog-details.html">Blog detail with right sidebar</a></li>
</ul> -->
</div>
</div>
</section>
<section class="p_100">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="comment_form_area">
<h3>Contact form</h3>
<form class="contact_us_form row" action="" method="post" id="contactForm" novalidate="novalidate">
<div class="form-group col-md-6">
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name">
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email">
</div>
<div class="form-group col-md-12">
<textarea class="form-control" name="message" id="message" rows="1" placeholder="Your Comment"></textarea>
</div>
<div class="form-group col-md-4">
<button type="submit" value="submit" class="btn submit_btn form-control">Send enquiry</button>
</div>
</form>
</div>
</div>
<div class="col-md-4 col-sm-6">
<aside class="f_widget address_widget">
<div class="f_w_title">
<h3>Office Address</h3>
</div>
<div class="contact_w_inner">
<div class="media">
<div class="media-left">
<i class="fa fa-map-marker"></i>
</div>
<div class="media-body">
<p>B-54, Bawana Industrial Area, Sector 5, Bawana, Delhi, 110039</p>
</div>
</div>
<div class="media">
<div class="media-left">
<i class="fa fa-phone"></i>
</div>
<div class="media-body">
<p><a href="tel:+919899150952"> +91 9899150952</a></p>
</div>
</div>
<div class="media">
<div class="media-left">
<i class="fa fa-envelope"></i>
</div>
<div class="media-body">
<p><a href="#" class="__cf_email__">[email protected]</a></p>
</div>
</div>
</div>
</aside>
</div>
<div class="col-md-12" style="margin-top: 20px;">
<div id="mapBox" class="mapBox row m0">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3496.2219746877768!2d77.07438501456359!3d28.802458283121677!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390da9d767cc1023%3A0x56e32cef193609ec!2sFerro%20hyde!5e0!3m2!1sen!2sin!4v1614075123051!5m2!1sen!2sin" width="100%" height="470" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</section>
<?php include_once 'layout/footer.php'; ?>
<script src="js/jquery-2.2.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="vendors/isotope/isotope.pkgd.min.js"></script>
<script src="vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="vendors/counterup/waypoints.min.js"></script>
<script src="vendors/counterup/jquery.counterup.min.js"></script>
<script src="vendors/flex-slider/jquery.flexslider-min.js"></script>
<script src="js/theme.js"></script>
</body>
</html>
PK 99