File: /var/www/grapossconnect/career.php
<?php include 'header.php'; ?>
<style type="text/css">
div.sdetail-error {
color: #c6484e;
font-size: 12px;
border: 1px solid #f2b1b8;
padding: 7px 13px;
text-align: center;
width: 70%;
background-color: #fadde0;
margin: 0 auto 1em;
}
div.sdetail-success {
color: #004000;
font-size: 12px;
border: 1px solid #004000;
padding: 7px 14px;
text-align: left;
width: 430px;
background-color: #e0f1e0;
margin-bottom: 15px;
margin-top: 20px;
}
</style>
<title>Career with Graposs Connect | Graposs Connect</title>
<meta name="robots" content="index, follow">
<meta name="description" content="Trainees/ Freshers/ Experienced programmers to work in WordPress, Php, Javascript, JQuery and Node.js. Key skills required: WordPress API, MySQL/RDBMS, SQL, OOPS Concepts, HTML/CSS/JQuery, Web design">
<section class="partner-page">
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h1>CAREER</h1>
<p>Home / <span>Career</span></p>
</div>
</div>
</div>
</div>
<div class="graposs-career-details">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h3>Career with Graposs Connect</h3>
<p>Graposs Connect is a marketplace at the intersection of Education and Technology.</p>
</div>
<hr>
<div class="col-md-8 col-sm-8 col-xs-12">
<div class="graposs-career-box">
<ul class="career-details-ul accordion">
<li>
<img src="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>
<span>
<i class="fa fa-link"></i>
info(AT)grapossconnect(DOT)com
</span>
<span>
<i class="fa fa-chrome"></i> https://grapossconnect.com/
</span>
</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-4 col-sm-4 col-xs-12">
<h6>
<i class="fa fa-external-link"></i> Apply for job
</h6>
<form id="carrerInfo" method="post" enctype="multipart/form-data" class="career-form-box">
<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>
</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'; ?>