ok
Mini Shell
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<?php include('top.php');?>
<style>
.komal {
position: relative;
max-width: 800px;
margin: 0 auto;
}
.komal img {vertical-align: middle;}
.pratik {
position: absolute;
bottom: 0;
color: #f1f1f1;
width: 100%;
padding: 20px;
}
</style>
</head>
<body class="">
<div id="wrapper" class="clearfix">
<!-- preloader -->
<!-- Header -->
<?php include('header.php');?>
<!-- Start main-content -->
<div class="main-content">
<section class="inner-header divider parallax layer-overlay overlay-white-8" data-bg-img="">
<!-- <div class="komal"> -->
<img src="images/sbg.PNG" alt="Notebook" style="width:;">
<div class="pratik">
<ol class="breadcrumb text-center text-black mt-10" style="color:white; font-size: 16px;">
<li ><a href="index.php" style="color:black">Home</a></li>
<li ><a href="#" style="color:black;">Contact us</a></li>
</ol>
</div>
<!-- <img src="images/sbg.PNG"> -->
<!-- <div class="container pt-60 pb-60">
<div class="section-content">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="title" style="color:white">Contact</h2>
<ol class="breadcrumb text-center text-black mt-10" style="color:white">
<li><a href="index.php">Home</a></li>
<li><a href="#">Contact us</a></li>
</ol>
</div>
</div>
</div>
</div> -->
</section>
<!-- Section: Have Any Question -->
<section class="divider">
<div class="container pt-60 pb-60">
<div class="section-title mb-60">
<div class="row">
<div class="col-md-12">
<div class="esc-heading small-border text-center">
<h3>Have any Questions?</h3>
</div>
</div>
</div>
</div>
<div class="section-content">
<div class="row">
<div class="col-sm-12 col-md-4">
<div class="contact-info text-center">
<i class="fa fa-phone font-36 mb-10 text-theme-colored"></i>
<h4>Call Us</h4>
<h3 class="text-gray">79 4030 7693</h3>
<!-- <h3 class="text-gray">+91 82389 38074</h3> -->
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="contact-info text-center">
<i class="fa fa-map-marker font-36 mb-10 text-theme-colored"></i>
<h4>Address</h4>
<h5 class="text-gray">Shop No-9, First Floor, AARSH COMPLEX, Prahlad Nagar, Ahmedabad, Gujarat 380015</h5>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="contact-info text-center">
<i class="fa fa-envelope font-36 mb-10 text-theme-colored"></i>
<h4>Email</h4>
<h5 class="text-gray">pateldrridhi@gmail.com</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Contact -->
<section data-bg-img="images/pattern/p4.png">
<div class="container">
<div class="section-title text-center">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-uppercase font-28 mt-0"><span class="text-theme-colored">Contact</span> Us</h2>
</div>
</div>
</div>
<div class="section-content">
<div class="row">
<div class="col-md-12">
<!-- Contact Form -->
<form class="contact-form-transparent" action="inquiry.php" method="post">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label>Name <small>*</small></label>
<input name="name" class="form-control" type="text" placeholder="Enter Name" required="">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>Phone</label>
<input name="contact" class="form-control" type="text" placeholder="Enter Phone">
</div>
</div>
</div>
<div class="row">
<!-- <div class="col-sm-6">
<div class="form-group">
<label>Service <small>*</small></label>
<input name="form_subject" class="form-control required" type="text" placeholder="Enter Subject">
</div>
</div> -->
<div class="col-sm-12">
<div class="form-group">
<label>Email <small>*</small></label>
<input name="email" class="form-control required email" type="email" placeholder="Enter Email">
</div>
</div>
</div>
<div class="form-group">
<label>Message</label>
<textarea name="msg" class="form-control required" rows="5" placeholder="Enter Message"></textarea>
</div>
<div class="form-group">
<input name="submit" class="form-control btn btn-dark btn-theme-colored btn-flat btn-block" type="submit" value="Send your message" />
<!--<button name="submit" type="submit " class="btn btn-dark btn-theme-colored btn-flat btn-block" data-loading-text="Please wait...">Send your message</button> -->
</div>
</form>
<!-- Contact Form Validation-->
<!--<script type="text/javascript">
$("#contact_form").validate({
submitHandler: function(form) {
var form_btn = $(form).find('button[type="submit"]');
var form_result_div = '#form-result';
$(form_result_div).remove();
form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>');
var form_btn_old_msg = form_btn.html();
form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
$(form).ajaxSubmit({
dataType: 'json',
success: function(data) {
if( data.status == 'true' ) {
$(form).find('.form-control').val('');
}
form_btn.prop('disabled', false).html(form_btn_old_msg);
$(form_result_div).html(data.message).fadeIn('slow');
setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
}
});
}
});
</script> -->
</div>
</div>
</div>
</div>
</section>
<!-- Divider: Google Map -->
<section>
<div class="container-fluid pt-0 pb-0">
<div class="row">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3672.2519266687345!2d72.5115439753323!3d23.014520466628632!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e84cfc5e28b97%3A0x13b9ee1b062269e9!2sI%20-%20Smile%20Dental%20Care!5e0!3m2!1sen!2sin!4v1686208699994!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
</div>
<!-- end main-content -->
<div class="footer-bottom bg-black-333">
<div class="container pt-20 pb-20">
<div class="row">
<div class="col-md-6">
<p class="font-11 text-black-777 m-0">Copyright ©2023. All Rights Reserved | Design & Developed By <a href="https://inddigmedia.in/">Inddig Media Pvt. Ltd.</a></p>
</div>
<!-- <div class="col-md-6 text-right">
<div class="widget no-border m-0">
<ul class="list-inline sm-text-center mt-5 font-12">
<li>
<a href="#">FAQ</a>
</li>
<li>|</li>
<li>
<a href="#">Help Desk</a>
</li>
<li>|</li>
<li>
<a href="#">Support</a>
</li>
</ul>
</div>
</div> -->
</div>
</div>
</div>
<!-- Footer -->
<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
</div>
<!-- end wrapper -->
<!-- Footer Scripts -->
<!-- JS | Custom script for all pages -->
<script src="js/custom.js"></script>
</body>
</html>
Zerion Mini Shell 1.0