HOME

Mini Shell 1.0
Current File : /home/silentplanet.in/www/includes/header.php
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script>
  function openModal(){
  $("#open").click(function(){
     $("#a").css("display","block");
     $("#b").css("display","block");
                 });


$(".cancel").click(function(){
     $("#a").fadeOut();
     $("#b").fadeOut();
});
  }
  </script>
  <style>
  .modal{
  display:none;
  top: 40%;
  left:0;
  right:0;
  min-width: 250px;
  width: 20%;
  height: 290px;
  margin: 0 auto !important;
  position: fixed;
  z-index: 40001;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #000;
  margin-top: 30px;
  margin-left: 10%;

  animation-name: fadeIn_Modal;
  animation-duration: 0.8s;
 
}
.fixed-button button {
    padding: 0px;
}
 .modal.header{
  width: 100%;
  height: 70px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 2px solid #ccc;
}

 .modal .header a{
  text-decoration: none;
  float: right;
  line-height: 30px;
  margin-right: 20px;
  color: #aaa;
}
#form div[data-role="control"] div[data-role="input-container"] input{
    border: 1px solid #000 !important;	
}
  </style>
 <div class="fixed-button">
                             <!--a id="onclick"><img src="images/cl-b-2.png"></a-->
							 <button id="open" onclick="openModal()"><img src="images/cl-b-2.png"></button>
                             </div>
                             <script src="js/jquery_popup.js"></script>
							 <div class="modal" id="b">
  <div class="header">
    <a href="#" class="cancel">X</a>
  </div>
  <div class="content">
   <iframe allowtransparency="true" style="min-height:240px; height:inherit; overflow:auto;" width="100%" id="contactform123" name="contactform123" marginwidth="0" marginheight="0" frameborder="0" src="https://form.123formbuilder.com/my-contact-form-5945605.html"><p>Your browser does not support iframes. The contact form cannot be displayed. Please use another contact method (phone, fax etc)</p></iframe>
  </div>
  <!--div class="footer">
    <button id="login">Iniciar Sesión</button>
    <button class="cancel">Cancelar</button>
  </div-->
</div>

                             <div id="contactdiv" class="call-back-btn"> 
								 <img src="images/button_cancel.png" class="img" id="cancel">
                                      <form class="form" action="#" id="contact" method="post" role="form">  
                                        <img src="images/button_cancel.png" class="img" id="cancel"/>	       
                                          <h3>Call Back</h3>     <hr/><br/>   
                                           <label>Name: <span>*</span></label>  
                                             <br/>             
                                              <input type="text" name="name" placeholder="Name" id="name" ><br/>	
                                              <span class="required-err" id="Uname" style="display:none;">Please Enter Name</span>	
                                             <br/>              
                                               <label>Email: <span>*</span></label>                <br/>    
                                                <input type="text" name="email" placeholder="Email" id="email" ><br/>  
                                                <span class="required-err" id="Uemail" style="display:none;">Please Enter Valid Email</span>    
                                                 <br/>				   
                                                <label>Contact No: <span>*</span></label>       
                                                <br/>             
                                                   <input type="text" name="phone" placeholder="Phone" id="phone" ><br/>  
                                                   <span class="required-err" id="Uphone" style="display:none;">Please Enter Valid Email</span>
                                                    <br/>				                <!--label>Message:</label>                <br/>				  
                                                                  <textarea id="message" placeholder="Message......."></textarea><br/-->      
                                                                            <br/>             
                                                                             <a class="submit" id="submit" class="button"/>Submit</a>
                                              <!-- <input type="submit" id="submit" value="submit" class="button"/> 
                                               
                                            <input type="reset" id="cancel" value="Cancel" class="button"/> -->
                                            <div id="result"></div>          
                                                 <br/>         
                                                    </form>      
                                                   </div>
 <header class="main-header"> 
        <div class="main-header-top-container">
          <div class="container"> 
            <div class="main-header-top"> 
			<span>Follow us:  <a class="main-header-top-social" href="#"><i class="fa fa-twitter-square"></i></a><a class="main-header-top-social" href="#"><i class="fa fa-facebook-square"></i></a><a class="main-header-top-social" href="#"><i class="fa fa-instagram"></i></a><a class="main-header-top-social" href="#"><i class="fa fa-linkedin-square"></i></a>
			</span>
			<span> <a class="main-header-top-features" href="tel:9816069065"><strong><i class="fa fa-phone" aria-hidden="true"></i></strong> 9816069065</a> <a class="main-header-top-features" href="https://wa.link/rlfem4" target="_blank"> <i class="fa fa-whatsapp" aria-hidden="true"></i> 8219962406</a>
			</span>
			</div>
          </div>
        </div>
        <div class="main-header-navbar-container"> 
			<div class="container"> 
				<div class="row">
					<div class="col-sm-12">
						<div class="main-header-navbar"> 
						  <div class="main-header-logotype"><a href="/"><img src="images/logo.png" alt=""></a></div>
						  <ul class="main-header-navbar-item">
							<li> <a href="/">Home </a></li>
							<li> <a href="about.php">About Us </a></li>
							<li> <a href="tour-packages.php">Tour Packages</a>
								<ul class="submenu"> 
									<li><a href="kinnaur-spiti-tour.php">Kinnaur Spiti</a></li>
									<li><a href="leh-tour-packages.php">Leh</a></li>
									<li><a href="rajsthan-package.php">Rajsthan</a>
									  <!--ul> 
										<li><a href="#">Sub </a></li>
										<li><a href="#">Sub</a></li>
									  </ul-->
									</li>
									<li><a href="srinagar-package.php">Srinagar</a></li>
									<li><a href="uttranchal-package.php">Uttranchal</a></li>
								</ul>
							</li>
							<li> <a href="car-package.php">Car Tour Packages</a></li>
							<li> <a href="volvo-package.php">Volvo Tour Packages</a></li>
							<li> <a href="contact.php">Contacts</a></li>
							<!--li> <a href="enquiry.php">Enquiry</a></li-->
						  </ul>
						  <div class="main-header-navbar-toggle">
							<div class="main-header-navbar-toggle-icon"> 
							  <div class="main-header-navbar-toggle-icon-item"></div>
							</div>
						  </div>
						</div><!--/ main-header-navbar -->
					</div>
				</div>
			</div>
        </div>
      </header>	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  	  
<script  type="text/javascript">
jQuery(document).ready(function() {


jQuery("#submit").click(function() {
        var user_name = jQuery('#contact input[name=name]').val();
        var user_email = jQuery('#contact input[name=email]').val();
        var user_phone = jQuery('#contact input[name=phone]').val();
		
		var proceed = true;
        if (user_name == '') {
            jQuery('#contact input[name=name]').css('border-color', 'red');
            jQuery('#Uname').show();
            proceed = false;
        }
        
            
        
        if (user_email == '') {
            jQuery('input[name=email]').css('border-color', 'red');
            if (jQuery.trim(user_email).length == 0) {
                jQuery('#Uemail').show();
                proceed = false;
            }
        }
        if (validateEmail(user_email)) {
            jQuery('#Uemail').hide();
        } else {
            jQuery('#Uemail').show();
            proceed = false;
        }

        function validateEmail(user_email) {
            var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
            if (filter.test(user_email)) {
                return true;
            } else {
                return false;
            }
        }
        
         if (user_phone == '') {
            jQuery('#contact input[name=phone]').css('border-color', 'red');
            jQuery('#Uphone').show();
            proceed = false;
        }   
		
        
 	jQuery('#contact input[name=phone]').keydown(function(event) {
	//alert(event.keyCode);
	if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 
		|| event.keyCode == 27 || event.keyCode == 13 || event.keyCode == 229 
		|| (event.keyCode == 187 && event.shiftKey == true)
		|| (event.keyCode == 189 && event.shiftKey == false)	
		|| (event.keyCode >= 35 && event.keyCode <= 43)  || event.keyCode == 173 || event.keyCode == 107 || event.keyCode == 109 ){
			return;
	}
	else 
	{
		if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
			event.preventDefault(); 
		}   
	}
	});
      
        
		if (proceed) {
            post_data = {
                'name': user_name,
                'email': user_email,
                'phone': user_phone,
             
                
            };
            jQuery.post('process.php', post_data, function(response) {
                if (response.type == 'error') {
                    output = '<div class="error">' + response.text + '</div>';
                } else {
                    output = '<div class="success">' + response.text + '</div>';
                    jQuery('#contact input[type=text]').val('');
					jQuery('#contact input[type=email]').val('');
                    jQuery('#contact input[type=number]').val('');
                    jQuery('#contact textarea').val('');                  
                }
                jQuery("#contact #result").hide().html(output).slideDown();
                jQuery("#contact #result .success").delay(5000).slideUp(500);
            }, 'json');
        }
    });
	jQuery("#contact input[name=name]").keyup(function() { 
        $("#contact input[name=name]").css('border-color',''); 
		$('#Uname').hide();
    });		
	jQuery("#contact input[name=name]").click(function() { 
        $("#contact input[name=name]").css('border-color',''); 
		$('#Uname').hide();
    });		
	jQuery("#contact input[name=email]").keyup(function() { 
        $("#contact input[name=email]").css('border-color',''); 
		$('#Uemail').hide();
    });		
	jQuery("#contact input[name=email]").click(function() { 
        $("#contact input[name=email]").css('border-color',''); 
		$('#Uemail').hide();
    });		
	jQuery("#contact input[name=phone]").keyup(function() { 
        $("#contact input[name=phone]").css('border-color',''); 
		$('#Uphone').hide();
    });		
	jQuery("#contact input[name=phone]").click(function() { 
        $("#contact input[name=phone]").css('border-color',''); 
		$('#Uphone').hide();
    });	
		});
</script>