|
Server : LiteSpeed System : Linux terra.hostitbro.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : outerorb ( 1091) PHP Version : 8.1.34 Disable Function : mail Directory : /home2/outerorb/zapnix.co/ | |
|
Path: /home2/outerorb/zapnix.co/services.php
Size: 30.41 KB
Permissions: 0644
<?php include_once("include/main.inc.php");
$admin_res = getAdminDetails();
//Home data query
$homepage = mysqli_query($GLOBALS['dbconn'], "select pageDesc,page_metatitle,page_keyword,page_metadesc,pageDesc1,pageTitle,pageBanner, pageImage, page_keyword, page_metadesc, page_metatitle, pageBanner,keyword1,keyword2 from static_pages where pageID='3' and status='Y'");
//Home page Banners
$home_res = mysqli_fetch_array($homepage);
$banner_link = upload_url . "page-banners/" . $home_res['pageBanner'];
$image_link = upload_url . "page-images/" . $home_res['pageImage'];
//setting standard format of meta tags by key1 & key2
if ($home_res['keyword1'] != '' && $home_res['keyword2'] != '') {
$m_title = "hotkeyword1 Manufacturers,hotkeyword2 Suppliers Exporters city, country";
$page_metatitle = str_replace('hotkeyword1', $home_res['keyword1'], str_replace('hotkeyword2', $home_res['keyword2'], str_replace('city', $admin_res['city'], str_replace('state', $admin_res['state'], str_replace('country', $admin_res['country'], $m_title)))));
$m_keyword = "hotkeyword1 Manufacturers,hotkeyword2 Manufacturers,hotkeyword1 Suppliers, hotkeyword2 Suppliers,hotkeyword1 Exporters,hotkeyword2 Exporters,hotkeyword1,hotkeyword2";
$page_metakey = str_replace('hotkeyword1', $home_res['keyword1'], str_replace('hotkeyword2', $home_res['keyword2'], str_replace('state', $admin_res['state'], $m_keyword)));
$m_desc = "companyName is the leading hotkeyword1 Manufacturers in city. Best Quality hotkeyword2 Suppliers and Exporters in country at Factory Price. Call phone";
$page_metadesc = str_replace('hotkeyword1', $home_res['keyword1'], str_replace('hotkeyword2', $home_res['keyword2'], str_replace('companyName', $admin_res['companyName'], str_replace('phone', $admin_res['mobile'], str_replace('city', $admin_res['city'], str_replace('state', $admin_res['state'], str_replace('country', $admin_res['country'], $m_desc)))))));
} else if ($home_res['page_metatitle'] != '' && $home_res['page_metadesc'] != '') {
//getting metatags from admin
$page_metatitle = $home_res['page_metatitle'];
$page_metakey = $home_res['page_keyword'];
$page_metadesc = $home_res['page_metadesc'];
}
$page_desc = $home_res['pageDesc1'];
$page_desc = str_ireplace('{companyName}', $admin_res['companyName'], $page_desc);
$blog = mysqli_query($GLOBALS['dbconn'], "select blogDate,catImage,catName,blogDname,catDesc,blog_written,blogDate from blog_tbl order by catID DESC limit 0,4");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php include 'app_top.php'; ?>
<style>
p {
font-size: 15px;
}
</style>
</head>
<body>
<?php include 'header.php'; ?>
<section class="hero-section hero-4 bg-cover" style="background-image: url('<?= theme_url; ?>img/section-bg.jpg');">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-lg-6">
<div class="hero-content">
<div class="tt wow fadeInUp">US Staffing Solutions for Scalable Growth</div>
<h1 class="maintt wow fadeInUp" data-wow-delay=".3s">Connecting You with The Right Talent Every
Time</h1>
<p class="wow fadeInUp" data-wow-delay=".5s">
We deliver tailored US staffing services that align with your business goals. From sourcing
skilled professionals to managing end-to-end recruitment, we help you build reliable teams
faster.
</p>
<div class="hero-button">
<a title="Let's Connect" href="<?= site_url; ?>/contact.html"
class="theme-btn wow fadeInUp rounded-pill" data-wow-delay=".7s">
Let's Connect
</a>
</div>
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
<div class="hero-image">
<img src="<?= theme_url; ?>img/BAnner png.png" alt="US Staffing Solutions for Scalable Growth"
title="US Staffing Solutions for Scalable Growth">
</div>
</div>
</div>
</div>
</section>
<section class="technology-partners py-4 mt-2"
style="background: linear-gradient(to right,rgb(182, 211, 240),rgb(245, 206, 206));">
<div class="container-fluid px-md-5">
<div class="row align-items-center">
<div class="col-md-2 text-md-start text-center">
<div class="fw-bold mb-0">Technology Partners |</div>
</div>
<div class="col-md-10">
<div class="swiper brand-slider">
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/amazone.png" title="Amazon" alt="Amazon"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/cicso.png" title="Cisco" alt="Cisco"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/ibm.png" title="IBM" alt="IBM"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/microsoft.png"
title="Microsoft" alt="Microsoft" class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/nutankx.png" title="Nutanix" alt="Nutanix"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/oracle.png" title="Oracle" alt="Oracle"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/redhat.png" title="Red Hat" alt="Red Hat"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/salesforce.png"
title="Salesforce" alt="Salesforce" class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/sap.png" title="SAP" alt="SAP"
class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/servicenow.png"
title="ServiceNow" alt="ServiceNow" class="img-fluid" style="max-height: 40px;"></div>
<div class="swiper-slide"><img src="<?= theme_url; ?>img/clients/workday.png" title="Workday" alt="Workday"
class="img-fluid" style="max-height: 40px;"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
var swiper = new Swiper(".brand-slider", {
slidesPerView: 5,
spaceBetween: 30,
loop: true,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
breakpoints: {
320: { slidesPerView: 2, spaceBetween: 10 },
576: { slidesPerView: 3 },
768: { slidesPerView: 4 },
992: { slidesPerView: 5 }
}
});
</script>
<!-- service page head content -->
<style>
.service-card2 {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-bottom: 40px;
overflow: hidden;
background-color: #fff;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-img2 {
width: 100%;
object-fit: cover;
border-radius: 0% 10% 0% 10%;
}
.card_title2 {
font-size: 23px;
font-weight: 800;
line-height: 130%;
}
</style>
<section class="testimonial-section-4 fix bg-cover">
<div class="container py-3">
<div class="row service-card2 p-4">
<div class="col-md-8">
<div class="section-title">
<h2 class="tt wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Top US Staffing Solutions for IT, Digital, Finance & More | <span> Hire Faster with Zapnix</span></h2>
</div>
<p><?= html_entity_decode($page_desc); ?></p>
</div>
<div class="col-md-4">
<img src="<?= $image_link; ?>" title="US Staffing Service Provider" alt="US Staffing Service Provider"
class="img-fluid service-img2">
</div>
</div>
</div>
</section>
<!-- service page head content end -->
<style>
.service-card {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-bottom: 40px;
overflow: hidden;
background: linear-gradient(25deg, rgb(255, 255, 255), rgb(215, 227, 241));
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.service-img {
width: 100%;
object-fit: cover;
}
.card_title {
font-size: 29px;
font-weight: 700;
line-height: 130%;
text-align: center;
}
.service-card:hover .card_title {
color: #005c88;
}
</style>
<section class="testimonial-section-4 fix bg-cover"
style="background: linear-gradient(180deg,rgb(253, 253, 255),rgb(229, 233, 243));">
<div class="container py-5">
<div class="section-title text-center">
<div class="tt wow fadeInUp">Tailored Staffing Solutions for
<span> Every Business Need</span>
</div>
<p class="wow fadeInUp" data-wow-delay=".3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">From contract-based positions to full-time placements, Zapnix specializes in connecting businesses with high-performing, pre-vetted professionals across diverse industries. Our agile staffing solutions are designed to match the right talent to your unique needs ensuring fast hiring, dependable support, and long-term success.</p>
</div>
<?php
$cat_like = "SELECT * FROM casestudy_tbl WHERE status='Y' ORDER BY catOrder";
$cat_qryLike = mysqli_query($GLOBALS['dbconn'], $cat_like);
$index = 0; // Loop counter
while ($resLike = mysqli_fetch_assoc($cat_qryLike)) {
if ($resLike['catImage'] != '') {
$imglink_sub = getImage($resLike['catImage'], 320, 320, $resLike['catName'], "/uploaded-files/category/images/");
} else {
$imglink_sub = NO_IMG_URL;
}
// Add extra class on even index
$row_class = ($index % 2 == 1) ? 'row service-card align-items-center flex-md-row-reverse' : 'row service-card align-items-center';
?>
<div class="<?= $row_class; ?>">
<div class="col-md-4 p-0">
<img src="<?= $imglink_sub; ?>" title="<?= $resLike['catName']; ?>" alt="<?= $resLike['catName']; ?>" class="img-fluid service-img">
</div>
<div class="col-md-8 p-4">
<h3 class="card_title"><?= $resLike['catName']; ?></h3>
<p><?= html_entity_decode($resLike['heading1']); ?></p>
</div>
</div>
<?php
$index++; // Increase loop count
}
?>
</div>
</section>
<style>
.tr {
background-color: #0a2a43;
}
.counter-section {
padding: 80px 0;
}
.counter-box {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 20px;
padding: 30px;
position: relative;
overflow: hidden;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.counter-box:hover {
transform: scale(1.03);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}
.counter-icon {
font-size: 32px;
color: #0dcaf0;
margin-bottom: 15px;
}
.counter-number,
.counter-title {
color: #fff;
}
.counter-number {
font-size: 40px;
font-weight: 800;
position: relative;
display: inline-block;
padding: 15px 25px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 60% 40% / 50% 30%;
margin-bottom: 10px;
z-index: 1;
}
.counter-number::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
background: rgba(13, 202, 240, 0.2);
box-shadow: 0 0 30px rgba(13, 202, 240, 0.3);
opacity: 0;
z-index: -1;
transition: opacity 0.4s ease-in-out;
}
.counter-box:hover .counter-number::before {
opacity: 1;
}
.counter-title {
font-size: 16px;
margin-top: 10px;
font-weight: 500;
}
@media (max-width: 768px) {
.counter-number {
font-size: 30px;
padding: 12px 20px;
}
.counter-title {
font-size: 14px;
}
.counter-box {
padding: 20px 15px;
}
}
</style>
<section class="tr counter-section text-center">
<div class="container">
<div class="row gy-4">
<div class="col-12 col-sm-6 col-md-3">
<div class="counter-box">
<div class="counter-icon"><i class="fas fa-users"></i></div>
<div class="counter-number" data-target="100">0</div>
<div class="counter-title">Our Team Members</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="counter-box">
<div class="counter-icon"><i class="fas fa-smile-beam"></i></div>
<div class="counter-number" data-target="500">0</div>
<div class="counter-title">Satisfied Clients & Growing</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="counter-box">
<div class="counter-icon"><i class="fas fa-globe"></i></div>
<div class="counter-number" data-target="1200">0</div>
<div class="counter-title">Completed Websites</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="counter-box">
<div class="counter-icon"><i class="fas fa-chart-line"></i></div>
<div class="counter-number" data-target="100">0</div>
<div class="counter-title">Sales Generated for Clients</div>
</div>
</div>
</div>
</div>
</section>
<script>
const counters = document.querySelectorAll('.counter-number');
let started = false;
const runCounter = (counter) => {
const target = +counter.dataset.target;
let count = 0;
const increment = Math.max(1, Math.ceil(target / 100));
const update = () => {
count += increment;
if (count >= target) {
counter.textContent = target + "+";
} else {
counter.textContent = count;
requestAnimationFrame(update);
}
};
update();
};
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting && !started) {
counters.forEach(counter => runCounter(counter));
started = true;
}
});
}, { threshold: 0.3 });
observer.observe(document.querySelector('.counter-section'));
</script>
<section class="testimonial-section-4 fix section-padding bg-cover"
style="background-image: url('<?= theme_url; ?>img/section-bg.jpg');">
<div class="container-fluid px-md-5">
<div class="testimonial-wrapper-2">
<div class="row">
<div class="col-lg-4 wow fadeInUp" data-wow-delay=".4s">
<div class="tesimonial-image">
<img src="<?= theme_url; ?>img/Testomonial.png" alt="<?=COMPANY;?> - Client Testimonials"
title="<?=COMPANY;?> - Client Testimonials">
</div>
</div>
<div class="col-lg-6 mt-4 mt-lg-0">
<div class="tesimonial-area">
<div class="section-title mx-0 mb-2">
<span class="wow fadeInUp" data-wow-delay=".3s">Testimonials</span>
<div class="tt wow fadeInUp" data-wow-delay=".5s">
What do clients say about us
</div>
</div>
<div class="swiper testimonial-slider-3">
<div class="swiper-wrapper">
<?php $client_sql = mysqli_query($GLOBALS['dbconn'], "select * from client_testimonial_tbl");
while ($client_res = mysqli_fetch_assoc($client_sql)) {
?>
<div class="swiper-slide">
<div class="tesimonial-card-items">
<div class="icon">
<img src="<?= theme_url; ?>img/testimonial/quote.svg"
alt="<?=COMPANY;?> - Client Testimonials" title="<?=COMPANY;?> - Client Testimonials">
</div>
<div class="star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p>
<?= $client_res['caption']; ?>
</p>
<div class="client-info-items">
<div class="thumb">
<img src="<?= upload_url ?>client-image/<?= $client_res['logo_image']; ?>"
alt="<?=COMPANY;?> - Client Testimonials" title="<?=COMPANY;?> - Client Testimonials">
</div>
<div class="content">
<div class="name"><?= $client_res['name']; ?></div>
<p><?= $client_res['designation']; ?></p>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.zap-form-container {
backdrop-filter: blur(10px);
background-color: #005c88;
padding: 40px;
border-radius: 20px;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
color: #fff;
max-width: 900px;
margin: 10px auto;
}
.zap-form-check-label {
color: #fff;
}
.zap-form-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 25px;
text-align: center;
}
.zap-form-check-label {
color: #ddd;
}
.zap-form-control::placeholder {
color: #000;
opacity: 1;
}
.zap-form-check-input:checked {
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.zap-btn-submit {
background: linear-gradient(90deg, #5b21b6, #2563eb);
border: none;
padding: 12px;
font-size: 18px;
color: white;
border-radius: 10px;
transition: 0.3s;
}
.zap-btn-submit:hover {
background: linear-gradient(90deg, #4f46e5, #1d4ed8);
}
.zap-form-check {
margin-bottom: 10px;
}
.iti__country-name {
color:black;
}
.iti__selected-dial-code{
color:black;
}
.iti__dial-code{
color:black;
}
@media (max-width: 768px) {
.zap-form-title {
font-size: 22px;
}
.zap-form-container {
padding: 25px;
}
}
</style>
<div class="" style="
flex: 1 1 300px;
/* background-image: url('<?= theme_url; ?>img/section-bg.jpg'); */
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 300px;
padding: 50px;">
<div class="zap-form-container">
<div class="zap-form-title">
Connect with Our Expert Today
</div>
<div id="responseMessageContact"></div>
<form id="career_form" method="POST">
<div class="row g-3">
<div class="col-md-6 col-12">
<input class="form-control" type="text" name="fname" placeholder="First Name*" required>
</div>
<div class="col-md-6 col-12">
<input class="form-control" type="text" name="lname" placeholder="Last Name*" required>
</div>
<div class="col-md-6 col-12">
<input class="form-control" type="email" name="email" placeholder="Email*" required>
</div>
<div class="col-md-6 col-12">
<input type="hidden" name="countryName" style="color:#000;" class="countryName" value="">
<input type="hidden" name="code" class="code" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" value="1" required>
<input class="form-control telePhone" type="tel" name="mobile" value="" maxlength="13" minlength="9" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" placeholder="Mobile Number*" required>
</div>
<div class="col-md-6 col-12">
<input class="form-control" type="text" name="company" placeholder="Company name*" required>
</div>
<div class="col-md-6 col-12">
<input class="form-control" type="text" name="Country" placeholder="Country*" required>
</div>
<div class="col-12">
<textarea name="message" id="" class="form-control" required placeholder="Tell us how we can help you*" required></textarea>
</div>
<div class="col-12 mt-3">
<fieldset class="form-columns-1 m-0">
<div class="hs_by_checking_this_box__you_agree_to_receive_an_sms_from_aci_infotech hs-by_checking_this_box__you_agree_to_receive_an_sms_from_aci_infotech hs-fieldtype-booleancheckbox field hs-form-field mb-0">
<legend class="hs-field-desc" style="display: none;"></legend>
<div class="input">
<ul class="inputs-list">
<li class="hs-form-booleancheckbox"><label style="color: #fff;" for="by_checking_this_box__you_agree_to_receive_an_sms_from_aci_infotech-0ca3a913-67ee-4456-8dab-a4b485e5abfe_8634" class="hs-form-booleancheckbox-display"><input id="by_checking_this_box__you_agree_to_receive_an_sms_from_aci_infotech-0ca3a913-67ee-4456-8dab-a4b485e5abfe_8634" class="hs-input" type="checkbox" name="checkbox" value="true"><span> By checking this box, you agree to receive an SMS from Zapnix.</span></label></li>
</ul>
</div>
</div>
</fieldset>
</div>
<div class="col-12 mt-0">
<fieldset class="form-columns-1 m-0">
<div class="legal-consent-container">
<div>
<div class="hs-dependent-field">
<div class="hs_LEGAL_CONSENT.subscription_type_11008319 hs-LEGAL_CONSENT.subscription_type_11008319 hs-fieldtype-booleancheckbox field hs-form-field">
<legend class="hs-field-desc" style="display: none;"></legend>
<div class="input">
<ul class="inputs-list">
<li class="hs-form-booleancheckbox"><label style="color: #fff;" for="LEGAL_CONSENT.subscription_type_11008319-0ca3a913-67ee-4456-8dab-a4b485e5abfe_8634" class="hs-form-booleancheckbox-display"><input id="LEGAL_CONSENT.subscription_type_11008319-0ca3a913-67ee-4456-8dab-a4b485e5abfe_8634" class="hs-input" type="checkbox" name="checkbox1" value="true"><span>
I agree to receive other communications from Zapnix.
</span></label></li>
</ul>
</div>
</div>
</div>
<legend class="hs-field-desc checkbox-desc" style="display: none;"></legend>
</div>
<div>
<div class="hs-dependent-field">
<div class="hs_LEGAL_CONSENT.processing hs-LEGAL_CONSENT.processing hs-fieldtype-booleancheckbox field hs-form-field">
<legend class="hs-field-desc" style="display: none;"></legend>
<div class="input">
<ul class="inputs-list" required="">
<li class="hs-form-booleancheckbox"><label style="color: #fff;" for="LEGAL_CONSENT.processing-0ca3a913-67ee-4456-8dab-a4b485e5abfe_8634" class="hs-form-booleancheckbox-display"><input id="LEGAL_CONSENT.processing-0ca3a913-67ee-4456-8dab-a4b485e5abfe_8634" class="hs-input" type="checkbox" name="checkbox2" value="true"><span>
I agree to allow Zapnix to store and process data.<span class="hs-form-required"></span>
</span></label></li>
</ul>
</div>
</div>
</div>
<legend class="hs-field-desc checkbox-desc" style="display: none;"></legend>
</div>
</div>
</fieldset>
</div>
<div class="col-12">
<div class="g-recaptcha" data-sitekey="<?=SITE_KEY;?>"></div>
</div>
<div class="col-12">
<button type="submit" class="theme-btn w-100 mt-3 liner-bg" name="career_submit">Get In Touch</button>
</div>
</div>
</form>
</div>
</div>
<?php include 'footer.php'; ?>
<?php include 'app_bottom.php'; ?>
</body>
</html>