BLACKSITE


	: 3.138.34.75
	: 103.154.184.216 / www.astitvaad.com
	: Linux vps.readyhost.in 4.18.0-553.6.1.el8.x86_64 #1 SMP Thu May 30 04:13:58 UTC 2024 x86_64
: /home/astitvaad/public_html/
files >> /home/astitvaad/public_html/career.php
 <?php
include 'connection.php';

?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<!--=============== basic  ===============-->
<meta charset="UTF-8">
<title>Astitvaa Advertisements Pvt Ltd </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="robots" content="index, follow"/>
<meta name="keywords" content="Hording Unipole, Bus Que Shelter, Radio, TV, Ads, , Social Media, Led Screen"/>
<meta name="description" content="Astitvaa Advertisements Pvt Ltd is a start to end, complete solution agency for all advertising and promotional needs, Hording Unipole, Bus Que Shelter, Radio, TV, Ads, , Social Media, Led Screen"/>
<!--=============== css  ===============-->	
<link type="text/css" rel="stylesheet" href="css/reset.css">
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/yourstyle.css">
<!--=============== favicons ===============-->
<link rel="shortcut icon" href="images/favicon.ico">
<script src='https://www.google.com/recaptcha/api.js'></script>
<style>


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  background-color: #0076d4;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 120px;
}

.sidenav a {
  padding: 8px 8px 8px 12px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


@media only screen and (max-width: 600px) {
  .more {
	  font-size:30px;cursor:pointer; position:absolute; z-index:1000; right:88px; top:15px;
}
}

</style>
<style>
.box{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: skew(45deg) scaleX(0);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
}
.box:hover:before{ transform: skew(0) scaleX(1); }
.box img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.box:hover img{ transform: scale(1.2); }
.box .box-content{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 55%;
    left: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.box .title{
    font-size: 15px;
    font-weight: 600;
    color: #e2211a;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
    position: relative;
    transition: all 0.5s ease 0s;
	text-align:center;
}
.box .post{
    display: block;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    display: inline-block;
    margin-left: 5px;
    opacity: 0;
    transform: translateY(50%);
    transition: all 0.3s ease 0.1s;
}
.box:hover .icon li{
    opacity: 1;
    transform: translateY(0);
}
.box:hover .icon li:nth-child(2){ transition-delay: 0.2s; }
.box .icon li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius:50% 0 50% 50%;
    background: #e2211a;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    background: #fff;
    color: #e2211a;
    box-shadow: 0 0 0 3px #e2211a inset;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}

 ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

<link rel="stylesheet" href="css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="css/vanillabox.css">
   <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
    <script>
function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Name must be filled out");
    return false;
  }
  var x = document.forms["myForm"]["phone"].value;
  if (x == "") {
    alert("mobile number must be filled out");
    return false;
  }
  var x = document.forms["myForm"]["email"].value;
var atposition=x.indexOf("@");  
var dotposition=x.lastIndexOf(".");  
if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){  
  alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n dotposition:"+dotposition);  
  return false;  
  }
   var x = document.forms["myForm"]["file"].value;
  if (x == "") {
    alert("please select a file to upload");
    return false;
  }
   var x = document.forms["myForm"]["profile"].value;
  if (x == "") {
    alert("enter your profile you want!!!");
    return false;
  }
  var x = document.forms["myForm"]["msg"].value;
  if (x == "") {
    alert("please leave some message!!!!!!");
    return false;
  }
}
</script>
</head>
    <body>
        <!--Loader  -->
        <div class="loader"><i class="fa fa-refresh fa-spin"></i></div>
        <!--LOader end  -->
<!--================= main start ================-->
<div id="main">
<!--=============== header ===============-->	
<?php include('header.php')
?>
<!--header end -->
<!--=============== wrapper ===============-->
<div id="wrapper">
                <!--=============== content-holder ===============-->	
<div class="content-holder elem scale-bg2 transition3" >
<!--=============== content ===============-->
<!--  Page title    -->
<div class="fixed-title"><span>Career</span></div>
<!--  Page title end   -->                  	
<div class="content full-height">
<!--background -->	
<div class="full-height-wrap fixed-wrap">
<div class="bg" style="background-image:url(images/59.jpg)"></div>
<div class="overlay"></div>
</div>
<!--background end-->
<!--custom-inner -->
<div class="custom-inner contact-inner">
<div class="container">
<h2 style="color:#fff !important; text-align:center;">CAREER</h2>
<div class="row" style="padding-top:20px;">
<div class="col-md-3"></div>
<div class="col-md-6">
<div id="contact-form" class="text-center">
<div id="message"></div>
<p id="msg"></p>
<form method="post"  id="image_gallery">
<input name="fname" type="text" id="fname"  class="inputForm2" placeholder="NAME">
<input name="phone" type="text" id="phone" placeholder="PHONE">
<input name="email" type="text" id="email"  placeholder="EMAIL" >
 <input type="file" name='upload_profile' id="upload_profile" value="Upload RESUME/CV">
<input type="text" list="profile" placeholder="Job Type" name="profile">
<datalist id="profile">
  <option>Type 1</option>
  <option>Type 2</option>
  <option>Type 3</option>
  <option>Type 4</option>
  
</datalist>            
<textarea name="msg" id="msg" placeholder="TYPE YOUR MESSAGE"></textarea> 
<div class="g-recaptcha" data-sitekey="6LdtM2AnAAAAAMhlBBdMz4ZjtkKpzoQJFUDFb1v3">
                                    </div>
<input type="submit"  name="submit" id="submit" class="send_message transition" value="Submit" />

</form>

</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
<!--custom-inner end-->                    
</div>
<!-- Share container  --> 
  
<!-- Share container  -->    
<div class="share-container  isShare"  data-share="['facebook','pinterest','googleplus','twitter','linkedin']"></div>
</div>
<!-- content holder end -->

<!-- content holder end -->
</div>
<!-- wrapper end -->
<div class="left-decor"></div>
<div class="right-decor"></div>
<!--=============== Footer ===============-->
<?php include('footer.php')
?>
<!-- footer end -->
</div>
<!-- Main end -->
<!--=============== scripts  ===============-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<?php include('menu.php')
?>

<script>
function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}
</script>
<script>
	   document.addEventListener('play', function(e){
		// get all <audio> tag elements in the page.
		var allAudios = document.getElementsByTagName('audio');
		// Iterate through all players and pause them, except for
		// the one who fired the "play" event ("target")
		for(var i = 0; i<allAudios.length; i++){
			if(allAudios[i] != e.target){
				allAudios[i].pause();
			}
		}
		}, true);
	</script>
	  <script src="js/common.js"></script>
	   <script src="js/main.js"></script>
</body>
</html>
 <script src="js/validate.js"></script>
	<script type="text/javascript">
    $(document).ready(function(){
        $("#image_gallery").validate({
            rules: {
                fname: {
                  required: true
                },
                 phone: {
                    required: true,
                    minlength: 10,
                    maxlength: 10,
                    number: true
                },
                 email: {
                    required: true,
                    email: true
                },
                msg: {
                    required: true
                }
              },
               messages: {
                fname: {
                    required: "Please enter your name"
                },
                phone: {
                    required: "Please enter a Valid Mobile Number",
                    minlength: "Mobile Number Must be 10 Digit Only",
                    maxlength: "Mobile Number Must be 10 Digit Only",
                    number: "Kindly Enter Numbers Only."
                },
                email: {
                    required: "Please enter a Valid Email",
                    email: "Please enter a Valid Email"
                },
                msg: {
                    required: "Please write your message"
                }
            },
              errorPlacement: function(label, element) {
                label.addClass('mt2 text-danger');
                label.insertAfter(element);
              },
              highlight: function(element, errorClass) {
                $(element).parent().addClass('has-danger')
                $(element).addClass('form-control-danger')
              },
              submitHandler:function(){
                var formData = new FormData($('#image_gallery')[0]);
                formData.append('file', $('input#upload_profile')[0].files[0]);


                $.ajax({
                    url:'ajax/career.php',
                    method:'POST',
                    dataType:'json',
                    contentType: false,
                    cache: false,
                    processData:false,
                    data: formData,
                    success:function(data){
                            
                        if (data.success=='ok') {
                            $("#msg").removeClass('text-danger').addClass('text-success').text('You have successfully Applied').slideDown().delay(5000).slideUp();
                            $("#image_gallery").trigger('reset');
                        }
                       
                        else{
                            $("#msg").removeClass('text-success').addClass('text-danger').text('some error occured,try again').slideDown().delay(5000).slideUp();
                        }

                        $('#datable_1').load(location.href+" #datable_1>*","");
                    },
                    error:function(){
                        alert("Fail to submit");
                    }
                })
            
            return false;

            }
        });
   
    });
</script>