|
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/team.php
Size: 7.06 KB
Permissions: 0644
<?php include_once("include/main.inc.php");
$admin_res = getAdminDetails();
//Home page Banners
// $team_res = mysqli_fetch_array($ourteam);
$banner_link = upload_url . "page-banners/" . $team_res['pageBanner'];
$image_link = upload_url . "page-images/" . $team_res['pageImage'];
$page_metatitle = 'Our-team - ' . COMPANY;
$page_metakey = 'Our-team - ' . COMPANY;
$page_metadesc = 'Our-team - ' . COMPANY;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="UTF-8">
<?php include 'app_top.php'; ?>
<style>
.header-4 {
background-color: white;
}
</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">Our Team</h1>
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
<li>
<a href="<?= site_url; ?>">
Home
</a>
</li>
<li>
<i class="fas fa-chevron-right"></i>
</li>
<li>
Our Team
</li>
</ul>
</div>
</div>
</div>
<!-- Team Section Start -->
<section class="team-section-4 section-padding">
<div class="container">
<!-- <div class="row g-4">
<php
$ourteam = mysqli_query($GLOBALS['dbconn'], "select * from certificate ");
while ($team_res = mysqli_fetch_assoc($ourteam)) {
?>
<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">
<h3>
<a href="javascript:void(0);" title="<?= $team_res['name']; ?>" ><?= $team_res['name']; ?></a>
</h3>
</div>
<p><?= $team_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: 135px;
}
.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>
<?php include 'footer.php'; ?>
<?php include 'app_bottom.php'; ?>
</body>
</html>