<?php 
ob_start();
session_start();
if($_SESSION['frontuserid']=="")
{header("location:login");exit();
}

$userid = $_SESSION['frontuserid'];

?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php include'head.php' ?>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/index.css">
<link rel="stylesheet" href="assets/css/club.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<style>
body{font-family: "Montserrat", sans-serif !important;}
.appHeader1 {
	background-color: #fff !important;
	border-color: #fff !important;
}
.appContent3 {
	background: #009688 !important;
	border-color: #2196f3 !important;
	padding:12px;
	border-radius:3px;
	font-size:16px;
}
.user-block img {
	width: 40px;
	height: 40px;
	float: left;
	margin-right:10px;
	background:#333;
}
.img-circle {
	border-radius: 50%;
}
/*.accordion .btn-link {
	box-shadow:none;
	padding:8px !important;
	margin:0px 0px;
	color: #333 !important;
	font-size: 16px;
	font-weight: normal;
	border-top:solid 1px #ccc;
}
.accordion .collapsed {
	border:none;
}
.accordion .show {
	border-bottom:solid 1px #ccc;
}
.accordion .sub-link {
	box-shadow:none;
	padding:8px !important;
	color: #333 !important;
	font-size: 20px;
	font-weight: normal;
	display:block;
}
.accordion .sub-link:hover {
color:#00F !important;
}
.accordion .btn-link:hover {
	background:#F5F5F5;
}
.accordion .btn-link {
	position: relative;
}
 .accordion .btn-link::after {
 content: "\f107";
 color: #757575;
 top: 8px;
 right: 9px;
 position: absolute;
 font-family: "FontAwesome";
 font-size:24px;
}
 .accordion .btn-link[aria-expanded="true"]::after {
 content: "\f106";
}*/
.light{
    height: 24px;
    padding: 0px 0px;
	margin: 5px 2px;
	border-radius: 20px;
width: 24px;}
.light1{
    height: 26px;
    padding: 0px 0px;
	margin: 5px 2px;
	border-radius: 20px;
width: 26px;}

.recharge{
       
        margin-top:5px;
}
.accordion .card-header h2{text-align:left;}
.bx-shadow{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;}
.mine{
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    font-size: 16px;
    padding: 20px 0;
}
.modal-title {
    font-weight: normal;
    color: #000;
}
.top-header {
    /*background: url(assets/img/bgtiop.png) no-repeat;*/
    background:#ff8706;
    overflow: hidden;
    background-size: cover;
    /*     margin: 30px 0px 0px 16px;*/
    width: 91%;
    border-radius: 6px;
    margin-top:100%;
}
.top-header .nb{
	width: 40px;
    height: 40px;
    float: left;
	margin-top: 23px;
    margin-right: 15px;
    margin-left: 19px;
  
}
.id-m{
    margin: 29px 0 0 0;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
}

.home[data-v-432e6ed0] {
    padding-bottom: 23.13333rem;
         background: linear-gradient(90deg, #05012b 0%, #080245 100%);
}

.bnt{
     box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    background: #f5f5f5;
    border-radius: 2px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: rgba(0,0,0,.87);
    border: 0;
    width: 50%;
}
.icn-right{
 color: #7f7e7e !important;
    position: absolute;
    right: 31px;

}

.bx-shadow {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;
}
.bgf {
        display: flex;
    color: #fff;
    margin-top: -47px;
    margin-left: 25px;
    font-size: 15px;
    /* margin-right: 71%; */
    flex-direction: column;
    align-items: center;
    /* align-items: flex-start;*/
}
.bgf h4{
	color:#fff;
	font-size:18px;
}

.bgf p{font-size:16px;}
.van-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.top-chunk {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.top-chunk-sub{
    color: #fff;
    text-align: center;
    flex: 1;
}
.van-grid-item__content--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.van-grid-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 16px 8px;
    background-color: #fff;
}

.van-grid-item__content i{
    font-size: 33px;
    color: #a9a7a7;
}

.flt{
    position: fixed;
    top: 291px;
    right: 19px;
        width: 67px;
    font-size: 17px;
    height: 67px;
    border-color: #009688;
    color: #009688;
    background-color: #fff !important;
    border-radius: 50%;
}

.accordion .card-header a i{display:none;}

.btn-success {
    color: #000;
    background-color: #28dfd7;
    border-color: #28dfd7;
}

.mnu-list{
	margin:0px auto;
	padding:0px;
	list-style-type:none;
}

.mnu-list li{  
    padding: 10px 25px;
    margin: 22px 0;
    }
    
.mnu-list li:hover{background: #e7e7e7 !important;}

.mnu-list li:hover i{color:#009688 !important;}
.mnu-list a{color: #7f7e7e !important;
    font-size: 18px;
    text-decoration: none;
    font-weight: 400;
}
.mnu-list a:hover{color:#009688 !important;}
.btn-bell{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #757575 !important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 10px;
    
}
.modal-header{background-color:#fff; border:none;}
.modal-footer{border:none;}
.contentBox.long .contentBox-body{padding: 7px;}

.accordion {
  width: 93%;
  max-width: 100%;
      margin: 17px 13px 0;
  padding:0px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
      cursor: pointer;
    display: block;
    padding:5px 15px 15px 33px;
    font-size: 14px;
    color: #4e4e4e;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li:hover i{color:var(--background-color);}

.accordion li:hover a{color:var(--background-color);}

.accordion li i {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 14px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 15px;
    left: auto;
    font-size: 13px;
}

.accordion li.open .link { color:var(--background-color); }

.accordion li.open i { color: var(--background-color); }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.submenu {
  display: none;
  background:none;
  font-size: 14px;
}



.submenu a {
  display: block;
    text-decoration: none;
    color: #595959;
    padding: 6px;
    font-size: 14px;
    padding-left: 19px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
      background: #fff;
    color: #009688;
}
ul{list-style-type:none;}
a{
    
    color: #62686e;
    text-decoration: none;

}
a:hover {
    color: #009688;
    text-decoration: none;
}
.uni-input-input {
    position: relative;
    display: block;
    height: 100%;
    width:100%;
    border:none;
    background:#fff;
    color: inherit;
    opacity: 1;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-indent: inherit;
    text-transform: inherit;
    text-shadow: inherit;
}
.tele{     width: 17px;
    position: absolute;
    left: 11px;
    top: 8px;
}
.tele:hover{
    
}
 .ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 50%;
    
 position: relative;
 background: #ba89b6;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon strong{font-size:30px;}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #986794;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #804f7c transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}
.upb{
    border-radius: 6px;
    background-color:#fff; 
    width: 247px; color: #333;
}
/*.upf{border-radius: 6px;background-color: #fdd907;border-color:#fdd907;width: 100px;color: #000;}*/

.bx6{
    padding-left: 24px;
    position: absolute;
    left: 160px;
}

.intr{
        margin-top: -26px;
    position: absolute;
    left: 33px;
    font-size: 17px;
    font-weight: bold;
}
.user-block{font-size:17px;}
.home[data-v-432e6ed0] {
    padding-bottom: 16.13333rem;}
.bgh{    background: linear-gradient(358deg, #a2f7d3 0%, #1ec2b9 100%);
    border-bottom-right-radius: 67px;
    border-bottom-left-radius: 67px;
    padding: 13px;
    height: 230px;}
.mian{padding-top:0px;}
.jk{    width: 101px;
    border-radius: 60px;
    padding: 0px 7px;
    font-size: 12px;
    color:#fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    background-color: #feaa57;}
.brdr{    padding: 15px;
    margin-top: 22px;
    border-radius: 11px;}
.amoun {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-column-gap: 13px;
    column-gap: 13px;
    width: 100%;
    margin-top: 10px;
    font-size: 19px;
    letter-spacing:1.3px;
    font-weight: 700;
    color: #fff;
    margin-bottom:13px;
}
.bx4{margin:0;
    font-size: 14px;
    color: #fff;
    text-align: center;}
.kol{  display: flex;justify-content: space-between;    padding-top: 8px;
    border-top: 1px solid #cccccc54;}
.bx5{    display: flex;
    background: #011341;
        margin-top: 12px;
    border-radius: 11px;}
.bx5 h4{ font-size: 15px;
    color: #fcfcfc;
    margin-top: 11px;}
.bx5 p{    font-size: 11px;
    line-height: 14px;
    color: #768096;
    font-weight: 500;
    }
.hover2{color: #05012b;
    padding: 7px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .75s ease;}
.hover2:hover{color:#05012b;padding:16px;transition: all .75s ease;}
.table td, .table th {

    background: #f5f5f5;
}
.card{background:#011341;}
@media only screen and (max-width: 600px) {
    .home[data-v-432e6ed0] {
    padding-bottom: 52.13333rem;
}
    .ribbon strong{font-size:13px;}
 
 .bgf{font-size:13px;/*margin-right:0%;margin-top:3%;*/}
 .dropdown-item{padding: 6px 13px;}
 .btn-bell{margin: -46px 9px 0px 0;}
 .mnu-list li {
    padding: 18px 25px;
    margin: 1px 0;
}
.dropdown-toggle::after{display:none;}
.top-header{padding:0px;}
.nmn{padding-right: 20px !important; display:block !important; color: #757575 !important;}
.modal{top:90px;}
.top-header{width:92%;}
.top-chunk{padding:9px 37px;}
.bx6{left:186px;}
.upb{width:192px; font-size:11px;}
/*.upf{width:69px;}*/
 
}
	
</style>
</head>

<body>
<?php
$selectruser=mysqli_query($con,"select * from `tbl_user` where `id`='".$userid."'");
$userresult=mysqli_fetch_array($selectruser);
$selectwallet=mysqli_query($con,"select * from `tbl_wallet` where `userid`='".$userid."'");
$walletResult=mysqli_fetch_array($selectwallet);

$selectwallet1=mysqli_query($con,"select * from `tbl_withdrawal` where `userid`='".$userid."'");
$whithdraw_amount=0;
while($walletResult1=mysqli_fetch_array($selectwallet1))
{
  $whithdraw_amount = $whithdraw_amount + $walletResult1['amount'];
}


?>




<!-- Page loading ->
<div class="loading" id="loading">
  <div class="spinner-grow"></div>
</div>
<!-- * Page loading --> 

<!-- basic modal -->
<div class="modal fade wd500" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Notice</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <?php 
                 $notice_sql = mysqli_query($con,"select * from tbl_website");
                 $notice_rows = mysqli_fetch_array($notice_sql);
                 $notification = $notice_rows['notification'];
                 $telegram = $notice_rows['name'];
                 ?>
        <p>
                 <?php 
                 
                 echo $notification;
                 ?>
       </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <!--<button type="button" class="btn btn-primary">Save changes</button>-->
      </div>
    </div>
  </div>
</div>


<!-- basic modal 
<div class="modal fade" id="basicModal2" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 style="font-size:15px;" class="modal-title" id="myModalLabel">Change Nick Name</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p></p>
        <input maxlength="20" step=""  type="text" placeholder="your name" class="uni-input-input" spellcheck="false" data-ms-editor="true">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary">Confirm</button>
      </div>
    </div>
  </div>
</div>-->

<div data-v-432e6ed0="" class="home mian game">
    
    
    
    <div class="container bgh">
        <div class="row">
            <div class="col-md-12">
                
                <div style="display:flex;    justify-content: start;gap: 20px;">
                <div>
                    <img style="    width: 57px;height: 55px;border-radius: 50%;" src="images/1-a6662edb.png">
                </div>
                <div>
                    <h3 style="    color: #fff;font-size: 16px;"><?php echo user($con,'mobile',$userid);?> <img style="    width: 50px;" src="images/2-c9b115fb.png"></h3>
                    <div data-v-5bd44e74="" class=" jk userInfo__container-content-uid">
                        <span data-v-5bd44e74="">UID</span><span data-v-5bd44e74="">|</span>
                        <span data-v-5bd44e74="">287272</span>
                        
                        </div>
                    <div>
                        <p style="    color: #fff;font-size: 12px;">Last login:&nbsp;2025-00-11 10:07:03</p>
                    </div>
                </div>
                
                </div>
            </div>
            
            
            <div class="col-md-12">
                
                <div class="card brdr">
                    
                    <h3 style="font-weight: 500;font-size: 14px;color: #768096;">Total Balance</h3>
                    <p class="amoun">₹<?php echo number_format(wallet($con,'amount',$userid), 2);?>
                    <a href="myaccount"><img style="width:15px;" src="images/refresh11.png"></a>
                    </p>
                    
                <div class="kol">
                   
                    
                     <div class="bx4 text-center">
                        <a href="recharge">  <img style="width: 36px;" src="images/deposit.png">
                        <h4 class="bx4">Deposit</h4></a>
                    </div>
                    
                     <div class="bx4 text-center">
                        <a href="withdrawal"><img style="width: 36px;" src="images/deposit33.png">
                        <h4 class="bx4">Withdraw</h4></a>
                    </div>
                     <div class="bx4 text-center">
                       <a href="manage_bankcard"> <img style="width: 36px;" src="images/arwallet.png">
                        <h4 class="bx4">Bankcard</h4></a>
                    </div>
                     <div class="bx4 text-center">
                         <a href="Chikanroad.in.net.apk"><img style="width: 36px;" src="images/dwnldicon.png">
                        <h4 class="bx4">Download</h4></a>
                    </div>
                </div>
                    
                </div>
                
                
            </div>
            
            
        </div>
        
        
        <div class="row" style="    padding: 1px 6px;">
            
            <div class="col-6">
                
               <a href="#"> <!--<?php echo $telegram;?>-->
               <div class="bx5">
                    
                    <img style="width: 64px;" src="images/teloegram.png">
                    <div>
                    <h4>Telegram</h4>
                    <p>My Telegram Channel</p>
                    </div>
                   </div></a>
                
            </div>
            
            
            
            <div class="col-6">
                <a href="transactions"> <div class="bx5">
                    
                    <img style="width: 64px;" src="images/transhid.png">
                    <div>
                    <h4>Transaction</h4>
                    <p>My Transaction History</p>
                    </div>
                   </div></a>
            </div>
            
            <div class="col-6">
                
               <a href="recharge"> <div class="bx5">
                    
                    <img style="width: 64px;" src="images/deposit11.png">
                    <div>
                    <h4>Deposit</h4>
                    <p>My Deposit History</p>
                    </div>
                   </div></a>
                
            </div>
            
            
            
            <div class="col-6">
                <a href="withdrawalrecord"> <div class="bx5">
                    
                    <img style="width: 64px;" src="images/widraw11.png">
                    <div>
                    <h4>Withdraw</h4>
                    <p>My Withdraw History</p>
                    </div>
                   </div></a>
            </div>
            
            
        </div>
        
         <div class="row">
       
       <div class="col-md-12 text-center mb-3" style="margin-top: 7%;padding-bottom: 17%;">
           <div class="text-center">
      
                   <a href="logout.php" style="width:206px;"  class="hover2" >Logout</a>
            </div>
       </div>
       
       
   </div>
        
        
    </div>
    
    
    
    




<!-- searchBox --> 

<!-- * searchBox --> 
<!-- * App Header --> 
<!-- sigin modal -->
<div class="modal fade" id="signinModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Sign In</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <ul>
            <li><p>Total：1 Days</p></li>
            <li><p>Today Rebates：₹ 0</p></li>
            <li><p>Total Rebates：₹ 0</p></li>
            <li><p>Status：Had signed in</p></li>
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn " data-dismiss="modal">Cancel</button>
        <button type="button" class="btn ">Sign In</button>
      </div>
    </div>
  </div>
</div>

  
 
    
</div>





<script>
    $(function() {
	var Accordion = function(el, multiple) {
		this.el = el || {};
		this.multiple = multiple || false;

		// Variables privadas
		var links = this.el.find('.link');
		// Evento
		links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
	}

	Accordion.prototype.dropdown = function(e) {
		var $el = e.data.el;
			$this = $(this),
			$next = $this.next();

		$next.slideToggle();
		$this.parent().toggleClass('open');

		if (!e.data.multiple) {
			$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
		};
	}	

	var accordion = new Accordion($('#accordion'), false);
});

</script>
 <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
                                <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js'></script>
                                <script type='text/javascript' src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'></script>



  
</div>




<!---modal--->
<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0">
        <h5 class="modal-title" id="exampleModalLabel">Feel free to message us</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form action="support.php" method="post">
        <div class="modal-body">
          <div class="form-group">
            <label for="email1">Email address</label>
            <input type="email" class="form-control" id="email1" name="email" aria-describedby="emailHelp" placeholder="Enter email" value="<?php echo $userresult['email'];?>" >
            <small id="emailHelp" class="form-text text-muted">Your information is safe with us.</small>
          </div>
          <div class="form-group">
            <label for="PhoneNumber">Phone Number</label>
            <input type="number" class="form-control" id="PhoneNumber" name="mobile" value="<?php echo $userresult['mobile'];?>" placeholder="Phone Number" readonly>
          </div>
          <div class="form-group">
            <label for="message">Message</label>
            <input type="text" class="form-control" id="message" name="message" placeholder="Message">
          </div>
        </div>
        <div class="modal-footer border-top-0 d-flex justify-content-center">
          <!--<button type="submit" class="btn btn-success">Submit</button>-->
          <input type="submit" name="enquery" value="Submit" class="btn btn-success">
        </div>
      </form>
    </div>
  </div>
</div>


<?php include("include/footer.php");?>
<!-- Jquery --> 
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
</body>
</html>