|
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/about.php
Size: 20.79 KB
Permissions: 0644
<?php
include_once("include/main.inc.php");
$admin_res = getAdminDetails();
$about = 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='2' and status='Y'");
$aboutRes = mysqli_fetch_assoc($about);
$page_metatitle = $aboutRes['page_metatitle'];
$page_metakey = $aboutRes['page_keyword'];
$page_metadesc = $aboutRes['page_metadesc'];
$banner_link = upload_url . "page-banners/" . $aboutRes['pageBanner'];
$image_link = upload_url . "page-images/" . $aboutRes['pageImage'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<?php include 'app_top.php'; ?>
<style>
.header-4 {
background-color: white;
}
.team-card-items {
border: 1px solid #eee;
/* Optional border */
border-radius: 10px;
padding: 10px;
transition: all 0.3s ease;
}
.team-card-items:hover {
transform: translateY(-5px);
/* Lift effect on hover */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.team-member-img {
width: 100%;
height: 180px;
/* Reduced image height */
object-fit: cover;
border-radius: 8px;
}
.tt a {
font-size: 16px;
/* Smaller name */
font-weight: 600;
color: #333;
}
</style>
</head>
<body>
<?php include 'header.php'; ?>
<!--<< Breadcrumb Section Start >>-->
<div class="breadcrumb-wrapper bg-cover">
<div class="container">
<div class="page-heading">
<h1 class="main-ttt wow fadeInUp" data-wow-delay=".3s">About Us</h1>
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
<li>
<a href="<?= site_url; ?>" title="Home">
Home
</a>
</li>
<li>
<i class="fas fa-chevron-right"></i>
</li>
<li>
About Us
</li>
</ul>
</div>
</div>
</div>
<!-- About Section Start -->
<section class="about-section section-padding fix"
style="background-image: url('<?= theme_url; ?>img/service/service-bg-2.jpg');">
<div class="container">
<div class="about-wrapper style-2">
<div class="row g-5 align-items-center">
<div class="col-lg-5 col-12">
<div class="about-image-items">
<div class="circle-shape">
<img src="<?= theme_url; ?>img/about/circle.png" alt="shape-img" title="shape-img">
</div>
<div class="counter-shape float-bob-y">
<div class="icon">
<img src="<?= theme_url; ?>img/about/icon-1.svg" alt="icon-img" title="icon-img">
</div>
<div class="content">
<div class="tt"><span>10+</span>Years</div>
<p>Of Experience</p>
</div>
</div>
<div class="bg-cover wow fadeInLeft" data-wow-delay=".3s"
style="background-image: url('<?= theme_url; ?>img/digital-marketing.jpg');">
<div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
<img src="<?= upload_url ?>page-images/<?= $aboutRes['pageImage']; ?>"
alt="about-img" title="Digital Marketing Agency in USA">
</div>
</div>
</div>
</div>
<div class="col-lg-7 ps-lg-5">
<div class="about-content">
<div class="section-title mb-3">
<span class="wow fadeInUp">ABOUT Zapnix Inc</span>
<h2 class="tt wow fadeInUp" data-wow-delay=".3s">Empowering Brands in USA & Canada with <span>Strategic Digital Excellence</span></h2>
</div>
<?= html_entity_decode($aboutRes['pageDesc1']); ?>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="achievement-section-2 fix section-bg-2">
<div class="container">
<div class="achievement-wrapper style-2">
<div class="section-title mb-0 mx-0">
<span class="text-white wow fadeInUp">achievement</span>
<div class="tt text-white fs-2 wow fadeInUp" data-wow-delay=".3s">
We Are Increasing <br> Business Success
</div>
</div>
<div class="counter-area">
<div class="counter-items wow fadeInUp" data-wow-delay=".3s">
<div class="icon">
<img src="<?= theme_url; ?>img/achievement-icon/01.svg" alt="icon-img" title="icon-img">
</div>
<div class="content">
<div class="tt"><span class="count">6,561</span>+</div>
<p>Satisfied Clients</p>
</div>
</div>
<div class="counter-items wow fadeInUp" data-wow-delay=".5s">
<div class="icon">
<img src="<?= theme_url; ?>img/achievement-icon/02.svg" alt="icon-img" title="icon-img">
</div>
<div class="content">
<div class="tt"><span class="count">600</span>+</div>
<p>Finished Projects</p>
</div>
</div>
<div class="counter-items wow fadeInUp" data-wow-delay=".7s">
<div class="icon">
<img src="<?= theme_url; ?>img/achievement-icon/03.svg" alt="icon-img" title="icon-img">
</div>
<div class="content">
<div class="tt"><span class="count">100</span>+</div>
<p>Skilled Experts</p>
</div>
</div>
<div class="counter-items wow fadeInUp" data-wow-delay=".9s">
<div class="icon">
<img src="<?= theme_url; ?>img/achievement-icon/04.svg" alt="icon-img" title="icon-img">
</div>
<div class="content">
<div class="tt"><span class="count">590</span>+</div>
<p>Media Posts</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="team-section-2 section-padding bg-cover"
style="background-image: url('<?= theme_url; ?>img/team/bg.jpg');" id="team">
<div class="container">
<div class="section-title-area">
<div class="section-title mx-0">
<span class="wow fadeInUp">Team Members</span>
<div class="tt wow fadeInUp" data-wow-delay=".3s">
Executive Leadership
</div>
</div>
</div>
<!-- <div class="row">
<php
$team = mysqli_query($GLOBALS['dbconn'], "select * from certificate limit 0,20");
while ($ourteam_res = mysqli_fetch_assoc($team)) {
?>
<div class="team-card-items" style="max-width: 250px; margin: 0 auto;">
<div class="team-content text-center mt-2 mb-2">
<div class="tt">
<a href="javascript:void(0);" title="<?= $ourteam_res['name']; ?>"><?= $ourteam_res['name']; ?></a>
</div>
<p style="font-size: 13px;"><?= $ourteam_res['caption']; ?></p>
</div>
</div>
<php } ?>
</div> -->
<style>
.team-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
/* padding: 30px 15px; */
padding-top: 144px;
}
.team-card-container {
position: relative;
width: 250px;
}
/* Tooltip bio */
.bio-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(0);
background: #ffffff;
border-radius: 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
padding: 15px;
font-size: 13px;
color: #333;
width: 270px;
text-align: left;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 10;
}
/* Tooltip arrow */
.tooltip-arrow {
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #ffffff;
}
/* Show tooltip on hover */
.team-card-container:hover .bio-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(10px);
/* Tooltip moves downward slightly */
pointer-events: auto;
}
/* Card content */
.team-card-items {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
padding: 20px;
text-align: center;
transition: 0.3s ease;
}
.team-card-items .tt a {
font-weight: bold;
font-size: 18px;
color: #111;
text-decoration: none;
}
.team-card-items p {
font-size: 13px;
color: #555;
margin-top: 6px;
}
/* Responsive Design */
@media screen and (max-width: 768px) {
.team-wrapper {
gap: 20px;
}
.team-card-container {
width: 90%;
}
.bio-tooltip {
width: 90%;
font-size: 14px;
padding: 12px;
}
}
</style>
<div class="team-wrapper">
<?php
$team = mysqli_query($GLOBALS['dbconn'], "SELECT * FROM certificate LIMIT 0,20");
while ($ourteam_res = mysqli_fetch_assoc($team)) {
?>
<div class="team-card-container">
<div class="bio-tooltip text-center">
<?= htmlspecialchars($ourteam_res['description'] ?? 'Zapnix Inc is a fast-emerging Digital Marketing Agency in the USA') ?>
<div class="tooltip-arrow"></div>
</div>
<div class="team-card-items">
<div class="tt">
<a href="javascript:void(0);" title="<?= htmlspecialchars($ourteam_res['name']) ?>">
<?= htmlspecialchars($ourteam_res['name']) ?>
</a>
</div>
<p><?= htmlspecialchars($ourteam_res['caption']) ?></p>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<!--<< Testimonial Section Start >>-->
<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/Testimonial_zapnix.png" alt="Testimonial"
title="Testimonial">
</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">
We Prominent Truly Trusted <br>
IT Business Solutions
</div>
</div>
<div class="swiper testimonial-slider-3">
<div class="swiper-wrapper">
<?php $client_sql = mysqli_query($GLOBALS['dbconn'], "select * from client_testi_video_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="Client Testimonial" title="Client Testimonial">
</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="Client Logo" title="Client Logo">
</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>
<!--<< Faq Section Start >>-->
<section class="faq-section-2 fix section-padding">
<div class="container">
<div class="faq-wrapper">
<div class="row g-4">
<div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s">
<div class="faq-image">
<img src="<?= theme_url; ?>img/faq/faq-2.png" alt="See Our Faqs" title="See Our Faqs">
</div>
</div>
<div class="col-lg-7">
<div class="faq-content style-2">
<div class="section-title">
<span class="wow fadeInUp">See Our Faqs</span>
<div class="tt wow fadeInUp" data-wow-delay=".3s">
Keep Your Business Safe & <br> Ensure High Availability
</div>
</div>
<div class="faq-accordion mt-4 mt-md-0">
<div class="accordion" id="accordion">
<?php
$faq = mysqli_query($GLOBALS['dbconn'], "SELECT slno, question, answer FROM faqnew_tbl WHERE status='1'");
$index = 0;
while ($resFaq = mysqli_fetch_assoc($faq)) {
$index++;
$isActive = $index === 1 ? 'show' : 'collapsed';
$isExpanded = $index === 1 ? 'true' : 'false';
$collapseClass = $index === 1 ? 'collapse show' : 'collapse';
?>
<div class="accordion-item mb-3 wow fadeInUp" data-wow-delay=".<?= $index * 3; ?>s">
<div class="accordion-header">
<button class="accordion-button <?= $isActive ?>" type="button"
data-bs-toggle="collapse" data-bs-target="#faq<?= $index ?>"
aria-expanded="<?= $isExpanded ?>" aria-controls="faq<?= $index ?>">
<?= $resFaq['question']; ?>
</button>
</div>
<div id="faq<?= $index ?>" class="accordion-collapse <?= $collapseClass ?>"
data-bs-parent="#accordion">
<div class="accordion-body">
<?= $resFaq['answer'] ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'; ?>
<?php include 'app_bottom.php'; ?>
</body>
</html>