Revonzy Mini Shell

<?php
include("header.php");

$name       =   "";
$email_id   =   "";
$contact_no =   "";
$message    =   "";
$flag       =    0;
$error_counter = 0;

$name_error	=	"";
$email_error=	"";
$contact_no_error = "";
$message_error = "";

if(isset($_POST['contact_btn']))
{
	$name       =   $_POST['txtname'];
	$email_id   =   $_POST['txtemail'];
	$contact_no =   $_POST['txtcno'];
	$message    =   $_POST['txtmsg'];
	
	
	if(!is_numeric($contact_no))
	{
		$contact_no_error = "Please enter valid contact number";
		$error_counter = 1;
	}
	else if(strlen($contact_no)<10 OR strlen($contact_no)>10)
	{
		$contact_no_error = "Please enter valid 10 digit contact no";
		$error_counter = 1;
	}

	
	if(strlen($message)<20)
	{
		$message_error = "Please enter minimum 20 characters";
		$error_counter = 1;
	}

	if($error_counter==0)
	{
		if($db->set_contact_data($name,$email_id,$contact_no,$message))
		{
			$flag  =  1;
			$name       =   "";
			$email_id   =   "";
			$contact_no =   "";
			$message    =   "";
		}
		else
		{
			$flag  =  2;
		}
	}
	
}

?>
<style>
.error_msgs
{
	color:red;	
}
</style>
<div class="slider_above_div"> 
</div>
<div class="banner-top">
<div class="container">
<h3 >Contact</h3>
<h4><a href="index.php">Home</a><label>/</label>Contact</h4>
<div class="clearfix"> </div>
</div>
</div>
<?php
	if($flag==1)
	{
?>
<div class="alert alert-success">
<strong>Success!</strong> Your message sent sucessfully
</div>

		
<?php
}
else if($flag==2)
{
?>
<div class="alert alert-danger">
<strong>Failed!</strong> Sorry, Your message not sent
</div>
		
<?php
	}									
?>
<!-- contact -->
<div class="contact">
<div class="container">
<div class="spec ">
<h3>Contact</h3>
<div class="ser-t">
<b></b>
<span><i></i></span>
<b class="line"></b>
</div>
</div>
<div class=" contact-w3">	
<div class="col-md-5 contact-right">	
<img src="images/s2.jpg" class="img-responsive parcel_person" alt="">



<iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d60701.4059561293!2d75.52167552270079!3d18.032726249786748!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sAt%20Kewad%20Po.Undargoan%20Tal.Madha%20Dist.Solapur%20Maharashtra%20413209%20India!5e0!3m2!1sen!2sin!4v1615536644697!5m2!1sen!2sin" class="map_a" frameborder="0" style="border:0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
<div class="col-md-7 contact-left">
<h4>Contact Information</h4>

<ul class="contact-list">
<li> <i class="fa fa-map-marker" aria-hidden="true"></i><?php echo $address; ?></li>
<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:<?php echo $email_id; ?>"><?php echo $email_id; ?></a></li>
<li> <i class="fa fa-phone" aria-hidden="true"></i><?php echo $phone; ?></li>
</ul>
<div id="container">
<!--Horizontal Tab-->
<div id="parentHorizontalTab">
<ul class="resp-tabs-list hor_1">
	<li><i class="fa fa-envelope" aria-hidden="true"></i></li>
	<!--<li> <i class="fa fa-map-marker" aria-hidden="true"></i> </span></li>
	<li> <i class="fa fa-phone" aria-hidden="true"></i></li>-->
</ul>
<div class="resp-tabs-container hor_1">
	<div>
		  <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
			<input type="text" class="form-control" id="name"  name="txtname" placeholder="Name"  value="<?php echo $name; ?>" required >
			<span class="error_msgs"><?php echo $name_error; ?></span>
			<input type="email" class="form-control" id="email" name="txtemail" placeholder="E-mail" value="<?php echo $email_id; ?>" required >
			<span class="error_msgs"><?php echo $email_error; ?></span>
			<input type="number" class="form-control" id="email" name="txtcno"  placeholder="Contact No" value="<?php echo $contact_no; ?>" required >
			<span class="error_msgs"><?php echo $contact_no_error; ?></span>
			<br />
			<textarea name="txtmsg" class="form-control" id="message" cols="30" rows="10" placeholder="Message" required ><?php echo $message; ?></textarea>
			<span class="error_msgs"><?php echo $message_error; ?></span>
			<br />
			<input type="submit" value="Submit" name="contact_btn" >
		</form>
	</div>
	<!--<div>
		<div class="map-grid">
		<h5>Our Branches</h5>
			<ul>
				<li><i class="fa fa-arrow-right" aria-hidden="true"></i>756 Global Place, New York.</li>
				<li><i class="fa fa-arrow-right" aria-hidden="true"></i>889 diamond street, USA.</li>
				<li><i class="fa fa-arrow-right" aria-hidden="true"></i>756 global Place, New York.</li>
				<li><i class="fa fa-arrow-right" aria-hidden="true"></i>889 diamond street, USA.</li>
			</ul>
		</div>
	</div>
	<div>
		<div class="map-grid">
			<h5>Contact Me Through</h5>
			<ul>
				<li>Mobile No : +123 456 7890</li>
				<li>Office No : +123 222 2222</li>
				<li>Home No : +123 456 7890</li>
				<li>Fax No : +123 456 7890</li>
			</ul>
		</div>
	</div>-->
</div>
</div>
</div>

<!--Plug-in Initialisation-->
<script type="text/javascript">
$(document).ready(function() {
//Horizontal Tab
$('#parentHorizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'hor_1', // The tab groups identifier
activate: function(event) { // Callback function if tab is switched
	var $tab = $(this);
	var $info = $('#nested-tabInfo');
	var $name = $('span', $info);
	$name.text($tab.text());
	$info.show();
}
});

// Child Tab
$('#ChildVerticalTab_1').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true,
tabidentify: 'ver_1', // The tab groups identifier
activetab_bg: '#fff', // background color for active tabs in this group
inactive_bg: '#F5F5F5', // background color for inactive tabs in this group
active_border_color: '#c1c1c1', // border color for active tabs heads in this group
active_content_border_color: '#5AB1D0' // border color for active tabs contect in this group so that it matches the tab head border
});

//Vertical Tab
$('#parentVerticalTab').easyResponsiveTabs({
type: 'vertical', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
tabidentify: 'hor_1', // The tab groups identifier
activate: function(event) { // Callback function if tab is switched
	var $tab = $(this);
	var $info = $('#nested-tabInfo2');
	var $name = $('span', $info);
	$name.text($tab.text());
	$info.show();
}
});
});
</script>

</div>

<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //contact -->

<hr style="border-bottom:1px solid #DFDFDF" />

<?php
	include("footer.php");
?>



<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$('#horizontalTab').easyResponsiveTabs({
			type: 'default', //Types: default, vertical, accordion           
			width: 'auto', //auto or any width like 600px
			fit: true   // 100% fit in a container
			});
		});				
	</script>
<!-- //tabs -->
<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<script type='text/javascript' src="js/jquery.mycart.js"></script>


</div>
</div>
</div>
</div>
</body>
</html>