519 lines
22 KiB
PHP
519 lines
22 KiB
PHP
<?PHP
|
||
|
||
require_once "./admin/db/config.php";
|
||
|
||
|
||
?>
|
||
|
||
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<?PHP include './includes/links.php'; ?>
|
||
<link rel="canonical" href="<?php echo $BASE_URL; ?>/careers-old">
|
||
<title>Tech4Biz Solutions - Excellence Guaranteed</title>
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<?PHP include './includes/spinner.php'; ?>
|
||
|
||
<?PHP include './includes/header.php'; ?>
|
||
|
||
|
||
<div class="careers-details-area pt-100 pb-70">
|
||
<div class="container position-relative">
|
||
<div class="row ptb-70 form-flex">
|
||
<h1 class="careers-details-title">Join our growing <br>team today!</h1>
|
||
<p class="search-title">Explore all the most exciting job roles based on your interest and study major</p>
|
||
<div class="see-open-positions">
|
||
<a href="search-job" class="see-open-positions read-more-button">See open positions</a>
|
||
</div>
|
||
<!-- <form name="countries" class="form d-flex" id="">
|
||
<div class="form-group-careers">
|
||
<span class="form-arrow"><i class="bx bx-chevron-down"></i></span>
|
||
<select name="country" id="country" class="dropdown">
|
||
<option disabled>Search Jobs</option>
|
||
<option value="Angular JS">Angular JS</option>
|
||
<option value="Node Js">Node Js</option>
|
||
<option value="React Native">React Native</option>
|
||
<option value="React JS">React JS</option>
|
||
<option value="iOS">iOS</option>
|
||
<option value="Android">Android</option>
|
||
<option value="PHP">PHP</option>
|
||
<option value="IONIC">IONIC</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group-careers">
|
||
<span class="form-arrow"><i class="bx bx-chevron-down"></i></span>
|
||
<select name="country" id="country" class="dropdown">
|
||
<option disabled>Search for location</option>
|
||
<option value="Afghanistan">Afghanistan</option>
|
||
<option value="Albania">Albania</option>
|
||
<option value="Algeria">Algeria</option>
|
||
<option value="American Samoa">American Samoa</option>
|
||
<option value="Andorra">Andorra</option>
|
||
<option value="Angola">Angola</option>
|
||
<option value="Armenia">Armenia</option>
|
||
<option value="Aruba">Aruba</option>
|
||
<option value="Australia">Australia</option>
|
||
<option value="Austria">Austria</option>
|
||
<option value="Azerbaijan">Azerbaijan</option>
|
||
<option value="Bahamas">Bahamas</option>
|
||
<option value="Bahrain">Bahrain</option>
|
||
<option value="Bangladesh">Bangladesh</option>
|
||
<option value="Barbados">Barbados</option>
|
||
<option value="Belarus">Belarus</option>
|
||
<option value="Belgium">Belgium</option>
|
||
<option value="Belize">Belize</option>
|
||
</select>
|
||
</div>
|
||
<div class="job-search-button">
|
||
<button>Search</button>
|
||
</div>
|
||
</form> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="container ptb-70">
|
||
<div>
|
||
<div class="Job-area-title">
|
||
<h1>Job areas</h1>
|
||
<p>We, at Tech4biz Solutions, are looking for experienced full-stack developers who will be responsible for designing the overall architecture of web/mobile/server applications, maintaining quality, and ensuring robustness and responsiveness of the applications. </p>
|
||
<p>You will communicate with employees, stakeholders and customers to ensure maintain standards for high-quality, resilient, and highly performant applications.</p>
|
||
<p>Strategic thinking and strong business acumen are essential in this role. We expect you to be well-versed in current technological trends and familiar with a variety of business concepts. If you are also an excellent communicator and can well document your thoughts, we’d like to meet you.</p>
|
||
<p><b>In this role you will:</b></p>
|
||
<ul>
|
||
<li>Work as part of a team developing applications and services using Agile development methods.</li>
|
||
<li>Work with the clients, directors to design client-side and server-side architecture</li>
|
||
<li>Provides support and leadership to junior developers.</li>
|
||
<li>Build front-end applications and backend services for enterprise</li>
|
||
<li>Build reusable code and libraries for future use.</li>
|
||
<li>Develop appropriate software documentation.</li>
|
||
<li>Develop and manage well-functioning databases and applications.</li>
|
||
<li>Effectively use tools and ingenuity to identify and fix defects before they become a problem.</li>
|
||
<li>Works on one or more projects which are moderate to complex.</li>
|
||
<li>Provides direction tools, technical and process support to less senior developers.</li>
|
||
<li>Demonstrate and communicate a passion for implementing maximum speed, highly scalable, and maintainable front-end services.</li>
|
||
<li>Demonstrate advance knowledge of Agile or SDLC processes, software design, design patterns, integration standards as well as its applicability at coding and testing cycles</li>
|
||
<li>Demonstrate advance knowledge of software engineering best practices such as: versioning and versioning control, software packaging and software release management.</li>
|
||
<li>Share technical solutions and product ideas through design review, pair programming, code review, and technical discussions.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="job-area-column">
|
||
<div class="job-area-icon">
|
||
<img src="assets/images/careers/Software.png" alt="Software">
|
||
</div>
|
||
<div class="job-area-description">
|
||
<h3>Software</h3>
|
||
<p>Transform how people interact with our products and develop new solutions to make technology smarter.</p>
|
||
<a href="search-job">See software jobs</a>
|
||
</div>
|
||
</div>
|
||
<div class="job-area-column">
|
||
<div class="job-area-icon">
|
||
<img src="assets/images/careers/Hardware.png" alt="Hardware">
|
||
</div>
|
||
<div class="job-area-description">
|
||
<h3>Hardware</h3>
|
||
<p>Transform how people interact with our products and develop new solutions to make technology smarter.</p>
|
||
<a href="search-job">See hardware jobs</a>
|
||
</div>
|
||
</div>
|
||
<div class="job-area-column">
|
||
<div class="job-area-icon">
|
||
<img src="assets/images/careers/Network.png" alt="Network">
|
||
</div>
|
||
<div class="job-area-description">
|
||
<h3>Network</h3>
|
||
<p>Transform how people interact with our products and develop new solutions to make technology smarter.</p>
|
||
<a href="search-job">See network jobs</a>
|
||
</div>
|
||
</div>
|
||
<div class="job-area-column">
|
||
<div class="job-area-icon">
|
||
<img src="assets/images/careers/Product-Management.png" alt="Product-Management">
|
||
</div>
|
||
<div class="job-area-description">
|
||
<h3>Product Management and Marketing</h3>
|
||
<p>Transform how people interact with our products and develop new solutions to make technology smarter.</p>
|
||
<a href="search-job">See pre-sales and product management jobs</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pt-100 pb-100">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="d-flex justify-content-between">
|
||
<div class="difference-section-box">
|
||
<div class="difference-section">
|
||
<img src="assets/images/careers/careers-img-1.jpg" alt="careers">
|
||
</div>
|
||
<div class="difference-section-description">
|
||
<h1>The experts have noticed us. <br> Now it’s your turn.</h1>
|
||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was in the 1960s with the release of sheets containing Lorem Ipsum passages,</p>
|
||
</div>
|
||
</div>
|
||
<div class="difference-second-image">
|
||
<img src="assets/images/careers/careers-img-2.webp" alt="careers">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pt-100 pb-100">
|
||
<div class="container">
|
||
<div class="mb-5">
|
||
<h2 class="text-center">
|
||
Skill Services
|
||
</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="skill-services">
|
||
<h3><a href="search-job">Professional services</a></h3>
|
||
<ul>
|
||
<li>Customer support and engineering</li>
|
||
<li>Solutions architecture</li>
|
||
<li>Services consulting</li>
|
||
</ul>
|
||
</div>
|
||
<div class="skill-services">
|
||
<h3><a href="search-job">Corporate services</a></h3>
|
||
<ul>
|
||
<li>Human resources</li>
|
||
<li>Finance</li>
|
||
<li>Legal</li>
|
||
</ul>
|
||
</div>
|
||
<div class="skill-services">
|
||
<h3><a href="search-job">Sales and marketing</a></h3>
|
||
<ul>
|
||
<li>Sales - product</li>
|
||
<li>Services, solutions, and customer success</li>
|
||
<li>Business development</li>
|
||
<li>Marketing and communications</li>
|
||
</ul>
|
||
</div>
|
||
<div class="skill-services">
|
||
<h3><a href="search-job">Operations and support</a></h3>
|
||
<ul>
|
||
<li>Business strategy and operations</li>
|
||
<li>Supply chain</li>
|
||
<li>Information technology</li>
|
||
<li>Project and program management</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="d-flex flex-wrap">
|
||
<div class="column-w-25 textBackground">
|
||
<p class="textBackground-text">Careers</p>
|
||
<h2 class="textBackground-title">Looking to make a difference?</h2>
|
||
</div>
|
||
<div class="column-w-25 imageBackground">
|
||
<img src="assets/images/careers/careers-image-1.webp" alt="careers">
|
||
</div>
|
||
<div class="column-w-25 textBackground">
|
||
<p class="textBackground-text">Did you know?</p>
|
||
<h2 class="textBackground-title">Looking to make a difference?</h2>
|
||
</div>
|
||
<div class="column-w-25 imageBackground">
|
||
<img src="assets/images/careers/careers-image-4.webp" alt="careers">
|
||
</div>
|
||
|
||
<div class="column-w-25 imageBackground">
|
||
<img src="assets/images/careers/careers-image-3.webp" alt="careers">
|
||
</div>
|
||
<div class="column-w-25 textBackground">
|
||
<p class="textBackground-text">Did you know?</p>
|
||
<h2 class="textBackground-title">We are team of skilled and hardworking people.</h2>
|
||
</div>
|
||
<div class="column-w-25 imageBackground">
|
||
<img src="assets/images/careers/careers-image-2.webp" alt="careers">
|
||
</div>
|
||
<div class="column-w-25 textBackground">
|
||
<p class="textBackground-text">Careers</p>
|
||
<h2 class="textBackground-title">Apply Today to Join Our Team</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="container ptb-70">
|
||
<div class="core-value-div">
|
||
<h1>Our Core Value</h1>
|
||
<p>Six core value define our behavior and guide our strategy</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 core-value-section">
|
||
<div>
|
||
<div class="core-value-icon-div">
|
||
<img src="assets/images/careers/Respect.png" alt="Respect">
|
||
</div>
|
||
<p>Respect</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 core-value-section">
|
||
<div>
|
||
<div class="core-value-icon-div">
|
||
<img src="assets/images/careers/Integrity.png" alt="Integrity">
|
||
</div>
|
||
<p>Integrity</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 core-value-section">
|
||
<div>
|
||
<div class="core-value-icon-div">
|
||
<img src="assets/images/careers/Collaboration.png" alt="Collaboration">
|
||
</div>
|
||
<p>Collaboration</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 core-value-section">
|
||
<div>
|
||
<div class="core-value-icon-div">
|
||
<img src="assets/images/careers/Innovation.png" alt="Innovation">
|
||
</div>
|
||
<p>Innovation</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 core-value-section">
|
||
<div>
|
||
<div class="core-value-icon-div">
|
||
<img src="assets/images/careers/Excellence.png" alt="Excellence">
|
||
</div>
|
||
<p>Excellence</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 core-value-section">
|
||
<div>
|
||
<div class="core-value-icon-div">
|
||
<img src="assets/images/careers/Trust.png" alt="Trust">
|
||
</div>
|
||
<p>Trust</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="container pt-50 pb-100">
|
||
<div class="text-center">
|
||
<h1>Our Benefits</h1>
|
||
<p>Our workforce has grown because we make taking care of our employees a priority.</p>
|
||
</div>
|
||
<div class="row">
|
||
<div class="serviceBox">
|
||
<div class="icon" style="--i: #4eb7ff">
|
||
<img src="assets/images/careers/Shape-your-career.png" alt="Shape-your-career">
|
||
</div>
|
||
<div class="content">
|
||
<h2>Shape your career</h2>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis eos facilis beatae dicta preferences. Similitude.</p>
|
||
</div>
|
||
</div>
|
||
<div class="serviceBox">
|
||
<div class="icon" style="--i: #FE7A59">
|
||
<img src="assets/images/careers/Learn-and-grow.png" alt="Learn-and-grow">
|
||
</div>
|
||
<div class="content">
|
||
<h2>Learn and grow</h2>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis eos facilis beatae dicta preferences. Similitude.</p>
|
||
</div>
|
||
</div>
|
||
<div class="serviceBox">
|
||
<div class="icon" style="--i: #FFA44D">
|
||
<img src="assets/images/careers/Keep-current.png" alt="Keep-current">
|
||
</div>
|
||
<div class="content">
|
||
<h2>Keep current</h2>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis eos facilis beatae dicta preferences. Similitude.</p>
|
||
</div>
|
||
</div>
|
||
<div class="serviceBox">
|
||
<div class="icon" style="--i: #ffb508">
|
||
<img src="assets/images/careers/Give-back.png" alt="Give-back">
|
||
</div>
|
||
<div class="content">
|
||
<h2>Give back</h2>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis eos facilis beatae dicta preferences. Similitude.</p>
|
||
</div>
|
||
</div>
|
||
<div class="serviceBox">
|
||
<div class="icon" style="--i: #37ba82">
|
||
<img src="assets/images/careers/Stay-healthy.png" alt="Stay-healthy">
|
||
</div>
|
||
<div class="content">
|
||
<h2>Stay healthy</h2>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis eos facilis beatae dicta preferences. Similitude.</p>
|
||
</div>
|
||
</div>
|
||
<div class="serviceBox">
|
||
<div class="icon" style="--i: #3C76E8">
|
||
<img src="assets/images/careers/Invest-in-yourself.png" alt="Invest-in-yourself">
|
||
</div>
|
||
<div class="content">
|
||
<h2>Invest in yourself</h2>
|
||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis eos facilis beatae dicta preferences. Similitude.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
var vid = document.getElementsByTagName("video")
|
||
var playing=0;
|
||
function playVid() {
|
||
if(playing==0){
|
||
vid[0].play();
|
||
playing=1;
|
||
}
|
||
else{
|
||
vid[0].pause()
|
||
playing=0;
|
||
}
|
||
$('#PlayContentHide').toggleClass('play-content-hide')
|
||
$('#playOn').toggleClass('bx-pause').toggleClass('bx-play')
|
||
$('#playIconDiv').toggleClass('play-icon-div-second')
|
||
}
|
||
function pauseVid() {
|
||
vid.pause();
|
||
}
|
||
</script>
|
||
<script>
|
||
const form = document.querySelector(".form");
|
||
const dropdowns = document.querySelectorAll(".dropdown");
|
||
|
||
if (dropdowns.length > 0) {
|
||
dropdowns.forEach((dropdown) => {
|
||
createCustomDropdown(dropdown);
|
||
});
|
||
}
|
||
|
||
if (form !== null) {
|
||
form.addEventListener("submit", (e) => {
|
||
e.preventDefault();
|
||
});
|
||
}
|
||
|
||
|
||
function createCustomDropdown(dropdown) {
|
||
|
||
const options = dropdown.querySelectorAll("option");
|
||
const optionsArr = Array.prototype.slice.call(options);
|
||
|
||
const customDropdown = document.createElement("div");
|
||
customDropdown.classList.add("dropdown");
|
||
dropdown.insertAdjacentElement("afterend", customDropdown);
|
||
|
||
|
||
const selected = document.createElement("div");
|
||
selected.classList.add("dropdown-select");
|
||
selected.textContent = optionsArr[0].textContent;
|
||
customDropdown.appendChild(selected);
|
||
|
||
const menu = document.createElement("div");
|
||
menu.classList.add("dropdown-menu");
|
||
customDropdown.appendChild(menu);
|
||
selected.addEventListener("click", toggleDropdown.bind(menu));
|
||
|
||
const search = document.createElement("input");
|
||
search.placeholder = "Search...";
|
||
search.type = "text";
|
||
search.classList.add("dropdown-menu-search");
|
||
menu.appendChild(search);
|
||
|
||
const menuInnerWrapper = document.createElement("div");
|
||
menuInnerWrapper.classList.add("dropdown-menu-inner");
|
||
menu.appendChild(menuInnerWrapper);
|
||
|
||
optionsArr.forEach((option) => {
|
||
const item = document.createElement("div");
|
||
item.classList.add("dropdown-menu-item");
|
||
item.dataset.value = option.value;
|
||
item.textContent = option.textContent;
|
||
menuInnerWrapper.appendChild(item);
|
||
|
||
item.addEventListener(
|
||
"click",
|
||
setSelected.bind(item, selected, dropdown, menu)
|
||
);
|
||
});
|
||
|
||
menuInnerWrapper.querySelector("div").classList.add("selected");
|
||
|
||
search.addEventListener("input", filterItems.bind(search, optionsArr, menu));
|
||
document.addEventListener(
|
||
"click",
|
||
closeIfClickedOutside.bind(customDropdown, menu)
|
||
);
|
||
dropdown.style.display = "none";
|
||
}
|
||
function toggleDropdown() {
|
||
if (this.offsetParent !== null) {
|
||
this.style.display = "none";
|
||
} else {
|
||
this.style.display = "block";
|
||
this.querySelector("input").focus();
|
||
}
|
||
}
|
||
function setSelected(selected, dropdown, menu) {
|
||
const value = this.dataset.value;
|
||
const label = this.textContent;
|
||
|
||
selected.textContent = label;
|
||
dropdown.value = value;
|
||
|
||
menu.style.display = "none";
|
||
menu.querySelector("input").value = "";
|
||
menu.querySelectorAll("div").forEach((div) => {
|
||
if (div.classList.contains("is-select")) {
|
||
div.classList.remove("is-select");
|
||
}
|
||
if (div.offsetParent === null) {
|
||
div.style.display = "block";
|
||
}
|
||
});
|
||
this.classList.add("is-select");
|
||
}
|
||
function filterItems(itemsArr, menu) {
|
||
const customOptions = menu.querySelectorAll(".dropdown-menu-inner div");
|
||
const value = this.value.toLowerCase();
|
||
const filteredItems = itemsArr.filter((item) =>
|
||
item.value.toLowerCase().includes(value)
|
||
);
|
||
const indexesArr = filteredItems.map((item) => itemsArr.indexOf(item));
|
||
|
||
itemsArr.forEach((option) => {
|
||
if (!indexesArr.includes(itemsArr.indexOf(option))) {
|
||
customOptions[itemsArr.indexOf(option)].style.display = "none";
|
||
} else {
|
||
if (customOptions[itemsArr.indexOf(option)].offsetParent === null) {
|
||
customOptions[itemsArr.indexOf(option)].style.display = "block";
|
||
}
|
||
}
|
||
});
|
||
}
|
||
function closeIfClickedOutside(menu, e) {
|
||
if (
|
||
e.target.closest(".dropdown") === null &&
|
||
e.target !== this &&
|
||
menu.offsetParent !== null
|
||
) {
|
||
menu.style.display = "none";
|
||
}
|
||
}
|
||
|
||
</script>
|
||
<?PHP include './includes/footer.php'; ?>
|
||
|
||
<?PHP include './includes/scripts.php'; ?>
|
||
</body>
|
||
</html>
|