| Current File : /home/hencockfreshchic/public_html/contact.php |
<?php
ob_start();
ini_set('error_reporting', E_STRICT);
?>
<!DOCTYPE php>
<html lang="en"> <?php include'include/head.php'?> <style>
ul.socialIcons {
padding: 0;
text-align: center;
}
.socialIcons li {
background-color: yellow;
list-style: none;
display: inline-block;
margin: 6px;
border-radius: 2em;
overflow: hidden;
}
.socialIcons li a {
display: block;
padding: 0.5em;
min-width: 3em;
max-width: 3em;
height: 3em;
white-space: nowrap;
line-height: 2em;
/*it's working only when you write text with icon*/
transition: 0.5s;
text-decoration: none;
font-size: 15px;
font-family: arial;
color: #fff;
}
.socialIcons li i {
margin-right: 1.5em;
margin-top: 7px;
font-size: 18px;
margin-left: 4px;
}
.socialIcons li:hover a {
max-width: 300px;
padding-right: 1em;
}
.socialIcons .facebook {
background-color: #3b5998;
box-shadow: 0 0 16px #3b5998;
}
.socialIcons .twitter {
background-color: #00aced;
box-shadow: 0 0 16px #00aced;
}
.socialIcons .instagram {
background-color: #cd486b;
box-shadow: 0 0 16px #cd486b;
}
.socialIcons .pinterest {
background-color: #c92228;
box-shadow: 0 0 16px #c92228;
}
.socialIcons .youtube {
background-color: #bb0000;
box-shadow: 0 0 16px #666666;
}
.socialIcons .linkedin {
background-color: #007bb5;
box-shadow: 0 0 16px #666666;
}
.socialIcons .dribbble {
background-color: #ea4c89;
box-shadow: 0 0 16px #666666;
}
.socialIcons .vimeo {
background-color: #45bbff;
box-shadow: 0 0 16px #666666;
}
.socialIcons .tumblr {
background-color: #2c4762;
box-shadow: 0 0 16px #666666;
}
.socialIcons .reddit {
background-color: #ff5700;
box-shadow: 0 0 16px #666666;
}
.socialIcons .flickr {
background-color: #f40083;
box-shadow: 0 0 16px #666666;
}
</style>
<body>
<div class="se-pre-con"></div>
<div class="main contact-main">
<!-- HEADER START --> <?php include'include/header.php'?>
<!-- HEADER END -->
<!-- Bread Crumb STRAT -->
<!-- Bread Crumb END -->
<!-- CONTAIN START ptb-95-->
<!-- <section class="pt-70"><div class="container"><div class="row"><div class="col-12"><div class="map"><div class="map-part"><div id="map" class="map-inner-part"></div></div><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7001.845322852673!2d77.25556546206084!3d28.66203427150548!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjjCsDM5JzM5LjkiTiA3N8KwMTUnNTMuNCJF!5e0!3m2!1sen!2sin!4v1628147048989!5m2!1sen!2sin" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy"></iframe></div></div></div></div></section> -->
<section class="pt-70 client-main align-center topmar">
<div class="container">
<div class="contact-info">
<div class="row m-0">
<div class="col-md-4 ">
<div class="contact-box pb-5">
<div class="contact-icon contact-phone-icon"></div>
<span>
<b>MOBILE NO</b>
</span>
<p><?php echo "+91-".$contact_no; ?></p>
</div>
</div>
<div class="col-md-4 ">
<div class="contact-box pb-5">
<div class="contact-icon contact-mail-icon"></div>
<span>
<b>MAIL</b>
</span>
<p><?php echo $support_email; ?></p>
</div>
</div>
<div class="col-md-4 ">
<div class="contact-box">
<div class="contact-icon contact-open-icon"></div>
<span>
<b>ADDRESS</b>
</span>
<p><?php echo $adds; ?></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ptb-70">
<div class="container border p-4 rounded">
<div class="row">
<div class="col-12">
<div class="heading-part mb-30">
<h2 class="main_title heading">
<span>Leave a message!</span>
</h2>
</div>
</div>
</div>
<div class="main-form">
<form name="contactform">
<div class="row">
<div class="col-md-6 mb-30">
<input type="text" class="form-control shadow" required placeholder="Name" name="name" id="name">
</div>
<div class="col-md-6 mb-30">
<input type="email" class="form-control shadow" required placeholder="Email" name="email" id="email">
</div>
<div class="col-md-6 mb-30">
<input type="number" class="form-control shadow" required placeholder="Mobile Number" name="mobile" id="mobb">
</div>
<div class="col-12 mb-30">
<textarea required placeholder="Message" class="form-control shadow" rows="3" cols="30" name="message" id="msgg"></textarea>
</div>
<div class="col-12">
<div class="align-center">
<button type="button" name="submit" class="btn btn-warning btn-lg fw-bold fs-3" onclick="sendEnq()">SUBMIT</button>
</div>
</div>
</div>
</form>
</div>
<hr>
<div class="row mt-30">
<div class="col-12">
<div class="consocl">
<div id="social">
<p style=" margin-top: 17px;color: crimson; text-align: center; margin-bottom: 25px; font-size: 27px; text-decoration: overline;">Connect with Us</p>
<ul class="socialIcons">
<li class="facebook">
<a href="https://www.facebook.com/profile.php?id=100090741523053">
<i class="fa fa-fw fa-facebook"></i>FACEBOOK </a>
</li>
<li class="instagram">
<a href="https://www.instagram.com/">
<i class="fa fa-fw fa-instagram"></i>INSTAGRAM </a>
</li>
<li class="youtube">
<a href="https://www.youtube.com/channel/UC51Z0bjj2zzSWkw0RN93BvA">
<i class="fa fa-fw fa-youtube"></i>YOUTUBE </a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CONTAINER END -->
<!-- FOOTER START --> <?php include'include/footer.php'?> <div class="scroll-top">
<div class="scrollup"></div>
</div>
<!-- FOOTER END -->
</div>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.downCount.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/fotorama.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>