File: /var/www/grapossconnect/grapossconnect/career.php
<?php include 'header.php'; ?>
<style>
.HeaderSection {
background: #eec9cb;
}
.TopHeaderSection .HeaderContact span {
color: #1f1f1f;
}
.TopHeaderSection h2 a {
color: #434343;
border-right: 1px solid #5c5c5c;
}
</style>
<!-- ALL PAGE HEADER SECTION -->
<section class="AllpageHeaderSection">
<div class="AllpageHeaderBg" style="background-image: url(/grapossconnect/images/page-banner-1.jpg);"></div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h2 class="wow fadeInUp">Career
<span><a href="">Home</a> Career</span>
</h2>
</div>
</div>
</div>
</section>
<section class="graposs-career-details">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-7 col-xs-12">
<h3 class="wow fadeInUp">Career with Graposs Connect</h3>
<p class="wow fadeInUp">Graposs Connect is a marketplace at the intersection of Education and Technology.</p>
<div class="graposs-career-box">
<ul class="career-details-ul accordion">
<li class="wow fadeInLeft">
<img src="https://grapossconnect.com/images/Career-img.png" alt="Career">
<div class="career-details-box">
<h4>Trainees/ Freshers/ Experienced programmers to work in WordPress, Php, Javascript, JQuery and Node.js</h4>
<p>Key skills required: WordPress API, MySQL/RDBMS, SQL, OOPS Concepts, HTML/CSS/JQuery, Web design</p>
<h6>
<span>
<i class="fa fa-link"></i>
info(AT)grapossconnect(DOT)com
</span>
<span>
<i class="fab fa-chrome"></i> https://grapossconnect.com/
</span>
</h6>
</div>
</li>
</ul>
<div class="panel">
<div class="job-description-box">
<h4>Job Description</h4>
<p>We are looking for Freshers / Experienced Programmers who have skills in WordPress, Core Php, HTML/CSS/JQuery, Programmers with knowledge of some Php MVC Framework would be prefered. Pls send us your resumes by email. Educational qualification is no bar, your skills and experience is the most important consideration. Exposure to Computer Science and a BE/ BTech/ MCA/ BSc/ MSc/ PGDCA/ Diploma is good to have. We expect a minimum two year commitment from all applicants. Please Email your CV at info(AT)grapossconnect(DOT)com.</p>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-5 col-xs-12">
<h6 class="wow fadeInUp">
<i class="fa fa-external-link"></i> Apply for job
</h6>
<form id="carrerInfo" method="post" enctype="multipart/form-data" class="career-form-box wow fadeInRight">
<input type="text" placeholder="Title*" id="q_jb" value="" name="q_jb">
<input type="text" placeholder="First Name*" id="q_fn" value="" name="q_fn">
<input type="text" placeholder="Mobile Number*" id="q_m" value="" name="q_m">
<input type="text" placeholder="Email*" id="q_em" value="" name="q_em">
<textarea rows="4" placeholder="Message" id="q_msg" name="q_msg"></textarea>
<input type="file" accept=".docx,.pdf" placeholder="Upload Profile" name="q_prof" value="" id="q_prof">
<button type="submit" id="submitInfo">SUBMIT</button>
</form>
<div class="sdetail-success" id="sdetail-success" style="display:none;"></div>
<div class="sdetail-error" id="sdetail-error" style="display:none;"></div>
</div>
</div>
</div>
</section>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
<!--------Career Page---->
<script type="text/javascript">
function validateEmail($email) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (!emailReg.test($email)) {
return false;
} else {
return true;
}
}
function validateMobile($mobile) {
var mobilePat = /^\d{10}$/;
if (!mobilePat.test($mobile)) {
return false;
} else {
return true;
}
}
function validateMessage($message) {
var regex = /^[a-zA-Z ]*$/;
if (regex.test($message)) {
return true;
} else {
return false;
}
}
jQuery(function($) {
jQuery('#carrerInfo').on('submit', function(e) {
e.preventDefault();
jQuery("#loading").css('display', 'block');
var q_jb = jQuery('#q_jb').val();
var q_fn = jQuery('#q_fn').val();
var q_m = jQuery('#q_m').val();
var q_em = jQuery('#q_em').val();
var q_msg = jQuery('#q_msg').val();
var q_prof = jQuery('#q_prof').val();
if (q_fn == "") {
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html("Enter Your Name.");
jQuery('#q_fn').focus();
jQuery("#loading").css('display', 'none');
return false;
} else if (q_em == '') {
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html("Enter Your Email.");
jQuery('#q_em').focus();
jQuery("#loading").css('display', 'none');
return false;
} else if (!validateEmail(q_em)) {
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html("Please enter valid email address.");
jQuery('#q_em').focus();
jQuery("#loading").css('display', 'none');
return false;
} else if (q_m == "") {
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html("Enter Mobile Number.");
jQuery('#q_m').focus();
jQuery("#loading").css('display', 'none');
return false;
} else if (!validateMobile(q_m)) {
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html("Enter a Valid Phone Number.");
jQuery('#q_m').focus();
jQuery("#loading").css('display', 'none');
return false;
} else if (!validateMessage(q_msg)) {
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html("Message box only accept alphabets.");
jQuery('#q_msg').focus();
jQuery("#loading").css('display', 'none');
return false;
} else {
jQuery("#submitInfo").attr("disabled", "disabled");
jQuery("#submitInfo").css("opacity", "0.5");
var file_data = jQuery('#q_prof').prop('files')[0];
var form_data = new FormData();
form_data.append('dataType', 'career');
form_data.append('q_jb', q_jb);
form_data.append('q_fn', q_fn);
form_data.append('q_m', q_m);
form_data.append('q_em', q_em);
form_data.append('q_msg', q_msg);
form_data.append('q_prof', file_data);
jQuery.ajax('https://grapossconnect.com/enquiry_data.php', {
type: 'POST',
enctype: 'multipart/form-data',
data: form_data,
contentType: false,
cache: false,
processData: false,
success: function(data) {
console.log(data);
if (data.status == 1) {
var msgSuccess = data.msg;
jQuery("#sdetail-success").css('display', 'block');
jQuery("#sdetail-success").html(msgSuccess);
jQuery("#sdetail-error").css('display', 'none');
jQuery("#loading").css('display', 'none');
jQuery("#carrerInfo")[0].reset();
jQuery("#submitInfo").removeAttr("disabled", "disabled");
jQuery("#submitInfo").css("opacity", "1");
} else if (data.status == 0) {
var msgFail = data.msg;
jQuery("#sdetail-error").css('display', 'block');
jQuery("#sdetail-error").html(msgFail);
jQuery("#loading").css('display', 'none');
jQuery("#submitInfo").removeAttr("disabled", "disabled");
jQuery("#submitInfo").css("opacity", "1");
}
},
error: function(jqXhr, textStatus, errorMessage) {}
});
}
});
});
</script>
<?php include 'footer.php'; ?>