314 lines
14 KiB
PHP
314 lines
14 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; ?>/search-job">
|
||
<title>Tech4Biz Solutions - Excellence Guaranteed</title>
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<?PHP include './includes/spinner.php'; ?>
|
||
|
||
<?PHP include './includes/header.php'; ?>
|
||
|
||
|
||
<div class="filter-background pt-100 pb-70">
|
||
<div class="container position-relative">
|
||
<div class="row ptb-70 form-flex">
|
||
<form name="countries" class="form d-flex flex-wrap justify-content-between" id="">
|
||
<div class="Keyword-box">
|
||
<!-- <label for="Keywords">Keywords</label> -->
|
||
<input type="text" id="Keywords" placeholder="Keywords search here..."/>
|
||
</div>
|
||
<div class="form-group-careers location-section">
|
||
<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="form-group-careers location-section">
|
||
<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 location-section">
|
||
<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 location-section">
|
||
<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="job-search-button job-search-reset">
|
||
<button>Reset</button>
|
||
</div>
|
||
<div class="job-search-button">
|
||
<button>Search</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="container ptb-70">
|
||
<!-- <div class="row pb-50 search-job-subtitle">
|
||
<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>
|
||
</div> -->
|
||
<div class="row justify-content-between">
|
||
<?php
|
||
$careersData = $connection->query("SELECT * FROM `job_list_add` ");
|
||
foreach ($careersData as $val) {
|
||
?>
|
||
<div class="Job-box-div">
|
||
<p class="job-title">
|
||
<a href="job-details?job=<?php echo $val['ref_id'];?>"><?php echo $val['job_title']; ?></a>
|
||
<span>
|
||
<?php
|
||
$timestamp = strtotime($val['job_posted_date']);
|
||
echo date('d-n-Y', $timestamp);
|
||
?>
|
||
</span>
|
||
</p>
|
||
<style>
|
||
.job-title-description p:first-child {
|
||
display: block;
|
||
}
|
||
.job-title-description p {
|
||
display: none;
|
||
}
|
||
.job-title-description ul {
|
||
display: none;
|
||
}
|
||
</style>
|
||
<div class="job-title-description">
|
||
<?php echo $val['job_description']; ?>
|
||
</div>
|
||
<div class="job-list-apply-div">
|
||
<a href="job-details?job=<?php echo $val['ref_id'];?>" class="job-list-apply-now">Read More</a>
|
||
</div>
|
||
</div>
|
||
<?php }?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<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>
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org/",
|
||
"@type": "JobPosting",
|
||
"title": "WordPress Developer",
|
||
"description": "In this Job as a WordPress Developer, you will analyze, design, implement and manage website Development.",
|
||
"hiringOrganization": {
|
||
"@type": "Organization",
|
||
"name": "Tech4biz pvt ltd",
|
||
"sameAs": "https://tech4bizsolutions.com/"
|
||
},
|
||
"industry": "IT",
|
||
"employmentType": "FULL_TIME",
|
||
"datePosted": "2024-07-09",
|
||
"validThrough": "2024-08-09",
|
||
"jobLocation": {
|
||
"@type": "Place",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"streetAddress": "HSR layout Sector 1 Bangalore south",
|
||
"addressLocality": "Banglore",
|
||
"postalCode": "560102",
|
||
"addressCountry": "India",
|
||
"addressRegion": "Karnataka"
|
||
}
|
||
},
|
||
"responsibilities": "Expertise in WordPress Custom Theme Development and Plugin Development Expertise in WP Plugin Integration (WooCommerce, WPML, Membership plugins, etc.) Should understand how to make WordPress manageable from the admin panel Understands WP architecture and knows how to perform database and code optimization for WordPress Expertise in HTML5, CSS3, JavaScript Proficiency in PHP/MYSQL and AJAX The ability to work in the LAMP development environment A thorough understanding of cross-browser compatibility issues Strong understanding of responsive web design techniques Understanding of W3C Web Standards/Semantics and Accessibility Guidelines An ability to work on multiple projects and tasks at the same time Great attention to detail, highly organized. A positive and upbeat attitude with the ability to learn quickly Experience with BigCommerce, Magento, and Shopify (preferred) Experience with ReactJS/Angular (preferred)",
|
||
"skills": "Knowledge of different page builders like Elementor, WPBakery, and Good layers, etc. Different Plugins used for optimization like w3 total cache, etc Ability to understand any given theme code and manipulate acc. to the client requirement Should follow DRY Principle",
|
||
"qualifications": "BTech, BE, BCA",
|
||
"experienceRequirements": "1-3"
|
||
}
|
||
</script>
|
||
<?PHP include './includes/footer.php'; ?>
|
||
|
||
<?PHP include './includes/scripts.php'; ?>
|
||
</body>
|
||
</html>
|