| Current File : /home/viralhoga/public_html/support.php |
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="utf-8">
<meta name="description"
content="" />
<meta name="keywords"
content="" />
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- title -->
<title>Viralhoga.com | Support</title>
<!-- favicon -->
<link rel="icon" type="image/x-icon" href="img/logo/favicon.png">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- magnific-popup css -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<!-- bootstrap icon -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-icons.css">
<!-- font-awesome css -->
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<!--fether css -->
<link rel="stylesheet" type="text/css" href="css/feather.css">
<!-- owl css -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
<!-- swiper-bundle css -->
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css">
<!-- slick slider css -->
<link rel="stylesheet" type="text/css" href="css/slick.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/ourstyle.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/other-page.css">
</head>
<body>
<!-- header start -->
<?php include('includes/navbar.php');?>
<!-- header end -->
<!-- main section start-->
<main>
<!-- breadcrumb start -->
<section class="breadcrumb-area">
<div class="container">
<div class="col">
<div class="row">
<div class="breadcrumb-index">
<!-- breadcrumb main-title start-->
<div class="breadcrumb-title">
<h2>Support</h2>
</div>
<!-- breadcrumb main-title end-->
<!-- breadcrumb-list start -->
<ul class="breadcrumb-list">
<li class="breadcrumb-item-link">
<a href="index.php">Home</a>
</li>
<li class="breadcrumb-item-link">
<span>Support</span>
</li>
</ul>
<!-- breadcrumb-list end -->
</div>
</div>
</div>
</div>
</section>
<!-- breadcrumb end -->
<section class="section-ptb">
<div class="container">
<div class="row">
<div class="col-lg-6 ">
<div class="checkout-area">
<div class="billing-area ">
<form class="py-4">
<h2 class="text-danger mb-3 text-center">Track My Booking</h2>
<p class="mb-5 text-center">Help us with your Email Id & Phone Number to track your order.</p>
<div class="billing-form">
<ul class="billing-ul">
<li class="billing-li">
<label>Track via<span class="text-danger">*</span></label>
<select id="slt" onchange="change_color()" >
<option>Email ID</option>
<option>Phone Number</option>
</select>
</li>
</ul>
<ul class="billing-ul">
<li class="billing-li">
<label>Email ID<span class="text-danger">*</span></label>
<input type="text" name="" placeholder="Enter Email ID">
</li>
</ul>
<ul class="billing-ul">
<li class="billing-li">
<a href="" class="btn btn-danger w-100 py-2 mt-3">Submit</a>
</li>
</ul>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="checkout-area">
<div class="billing-area">
<form method="post">
<h2 class="text-danger mb-3 text-center">Need Help</h2>
<p class="mb-5 text-center">Need help regarding order contact our team.</p>
<div class="billing-form">
<ul class="billing-ul">
<li class="billing-li">
<label>Email ID<span class="text-danger">*</span></label>
<input type="email" name="email" placeholder="Enter Your Email ID" required>
</li>
</ul>
<ul class="billing-ul">
<li class="billing-li">
<label>Contact number<span class="text-danger">*</span></label>
<input type="text" name="mobile" placeholder="Enter Contact number" required>
</li>
</ul>
<ul class="billing-ul">
<li class="billing-li">
<label>Query Type<span class="text-danger">*</span></label>
<select name="queryType" required>
<option value="">Select</option>
<option>Select Query</option>
<option>Need help to book?</option>
<option>Where is my order?</option>
<option>Why is my order delayed?</option>
<option>Edit my order</option>
</select>
</li>
</ul>
<ul class="billing-ul">
<li class="billing-li">
<label class="mb-3">Message<span class="text-danger">*</span></label>
<textarea name="message" rows="5" class="w-100"></textarea>
</li>
</ul>
<ul class="billing-ul">
<li class="billing-li">
<button type="submit" name="contactEnquiry" class="btn btn-danger w-100 py-2 mt-3">Submit</button>
</li>
</ul>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- main section end-->
<!-- footer start -->
<?php include('includes/footer.php')?>
<?php
//edit song
if(isset($_POST['contactEnquiry'])){
if(mysqli_query($con,"insert into `contact_tbl` set email='$_POST[email]',mobile_no='$_POST[mobile]',queryType='$_POST[queryType]',suggest_pro='$_POST[message]',enquiryType='Contact Enquiry'")){
echo "<script>alert('Enquiry has been submitted successfully');window.location='support.php'</script>";
}else echo "<script>alert('Data has not submit.');window.location='service.php'</script>";
}
?>
<!-- screen-bg start -->
<div class="screen-bg"></div>
<!-- screen-bg end -->
<!-- back-to-top start -->
<a href="javascript:void(0)" id="top" class="scroll">
<span><i class="feather-arrow-up"></i></span>
</a>
<!-- back-to-top end -->
<!-- jquery -->
<script src="js/jquery-3.6.3.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- magnific-popup js -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- owl js -->
<script src="js/owl.carousel.min.js"></script>
<!-- swiper-bundle js -->
<script src="js/swiper-bundle.min.js"></script>
<!-- slick js -->
<script src="js/slick.min.js"></script>
<!-- waypoints js -->
<script src="js/waypoints.min.js"></script>
<!-- counter js -->
<script src="js/counter.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
<script>
var slt = document.getElementById('slt');
var box = document.getElementById('box');
function change_color() {
box.style.background = slt.value;
}
</script>
</html>