ikan Uploader :
Directory : /home/ni05r7l36tus/.trash/sabksolutions.com/common/
Upload File : |
| Current File : /home/ni05r7l36tus/.trash/sabksolutions.com/common/header.php |
<!DOCTYPE html>
<html class="no-js" lang="en">
<!-- Mirrored from apexa-html-demo.vercel.app/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Mar 2025 07:36:55 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>SAB-K Consulting</title>
<script src="assets/js/vendor/color-modes.js"></script>
<meta name="description" content="Apexa - Business Consulting HTML Template" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png" />
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/animate.min.css" />
<link rel="stylesheet" href="assets/css/magnific-popup.css" />
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="assets/css/flaticon.css" />
<link rel="stylesheet" href="assets/css/odometer.css" />
<link rel="stylesheet" href="assets/css/swiper-bundle.css" />
<link rel="stylesheet" href="assets/css/aos.css" />
<link rel="stylesheet" href="assets/css/default.css" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<style>
body {
font-family: Arial, sans-serif;
}
/* Scroll Top Button */
.scroll__top {
position: fixed;
left: 20px;
z-index: 999;
padding: 10px 15px;
background: #191d88;
color: white;
border: none;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
/* WhatsApp Chat Widget */
#whatsapp-chat {
position: fixed;
bottom: 90px; /* Above scroll-top */
right: 20px;
width: 300px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
overflow: hidden;
z-index: 1000;
}
.hide {
display: none;
}
.header-chat {
background-color: #f7a400;
color: white;
padding: 10px;
display: flex;
align-items: center;
}
.info-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.whatsapp-name {
font-weight: bold;
}
.home-chat, .start-chat {
padding: 10px;
}
.WhatsappChat__Text-sc-1wqac52-2 {
background: #e1ffc7;
padding: 10px;
border-radius: 8px;
max-width: 80%;
margin: 10px 0;
}
.WhatsappChat__Time-sc-1wqac52-5 {
font-size: 0.75em;
color: #888;
text-align: right;
}
.blanter-msg {
display: flex;
gap: 5px;
margin-top: 10px;
}
.blanter-msg textarea {
flex: 1;
resize: none;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
.blanter-msg a svg {
fill: #25d366;
width: 24px;
height: 24px;
margin-top: 8px;
}
.close-chat {
position: absolute;
top: 8px;
right: 10px;
font-size: 20px;
color: white;
text-decoration: none;
}
.blantershow-chat {
position: fixed;
bottom: 20px;
right: 20px;
background: #191d88;
color: white;
padding: 10px;
border-radius: 50px;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
z-index: 1001;
}
.blantershow-chat svg {
width: 20px;
height: 20px;
}
</style>
<!-- Scroll-to-Top Button -->
<button class="scroll__top scroll-to-target" data-target="html">
<i class="fas fa-angle-up"></i>
</button>
<!-- WhatsApp Chat Widget -->
<div id="whatsapp-chat" class="hide">
<div class="header-chat">
<div class="info-avatar">
<img src="assets/img/logo/sabke.png" alt="SAB-K Logo" />
</div>
<div>
<span class="whatsapp-name">SAB-K</span><br />
<small>Typically replies within an hour</small>
</div>
<a class="close-chat" href="javascript:void(0);">×</a>
</div>
<div class="home-chat"></div>
<div class="start-chat">
<div class="WhatsappChat__Text-sc-1wqac52-2">
Hi there 👋<br /><br />How can I help you?
</div>
<div class="WhatsappChat__Time-sc-1wqac52-5">1:40</div>
<div class="blanter-msg">
<textarea id="chat-input" placeholder="Write a response" maxlength="120" rows="1"></textarea>
<a href="javascript:void(0);" id="send-it">
<svg viewBox="0 0 448 448"><path d="M.213 32L0 181.333 320 224 0 266.667.213 416 448 224z"/></svg>
</a>
</div>
</div>
</div>
<!-- Floating Chat Button -->
<a class="blantershow-chat" href="javascript:void(0);" title="Show Chat">
<svg viewBox="0 0 24 24">
<path fill="#eceff1" d="M20.5 3.4A12.1 12.1 0 0012 0 12 12 0 001.7 17.8L0 24l6.3-1.7c2.8 1.5 5 1.4 5.8 1.5a12 12 0 008.4-20.3z"/>
<path fill="#4caf50" d="M12 21.8c-3.1 0-5.2-1.6-5.4-1.6l-3.7 1 1-3.7-.3-.4A9.9 9.9 0 012.1 12a10 10 0 0117-7 9.9 9.9 0 01-7 16.9z"/>
<path fill="#fafafa" d="M17.5 14.3c-.3 0-1.8-.8-2-.9-.7-.2-.5 0-1.7 1.3-.1.2-.3.2-.6.1s-1.3-.5-2.4-1.5a9 9 0 01-1.7-2c-.3-.6.4-.6 1-1.7l-.1-.5-1-2.2c-.2-.6-.4-.5-.6-.5-.6 0-1 0-1.4.3-1.6 1.8-1.2 3.6.2 5.6 2.7 3.5 4.2 4.2 6.8 5 .7.3 1.4.3 1.9.2.6 0 1.7-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z"/>
</svg>
Chat with Us
</a>
<script>
document.addEventListener("DOMContentLoaded", function () {
const chatBox = document.getElementById("whatsapp-chat");
const toggleButton = document.querySelector(".blantershow-chat");
const closeButton = document.querySelector(".close-chat");
const sendButton = document.getElementById("send-it");
const inputField = document.getElementById("chat-input");
toggleButton.addEventListener("click", () => {
chatBox.classList.toggle("hide");
});
closeButton.addEventListener("click", () => {
chatBox.classList.add("hide");
});
sendButton.addEventListener("click", () => {
const message = inputField.value.trim();
if (message) {
const phoneNumber = "9810820369"; // Replace with your real WhatsApp number
const url = "https://wa.me/" + phoneNumber + "?text=" + encodeURIComponent(message);
window.open(url, "_blank");
inputField.value = "";
}
});
// Scroll to top behavior
document.querySelector('.scroll__top').addEventListener('click', function () {
document.querySelector(this.dataset.target).scrollIntoView({ behavior: 'smooth' });
});
});
</script>
<!-- header-area -->
<?php
include "connection/config.php";
$service_sql = $mysqli->query("SELECT * FROM setting");
$service = mysqli_fetch_assoc($service_sql);
?>
<header class="transparent-header">
<div class="tg-header__top">
<div class="container custom-container">
<div class="row">
<div class="col-lg-6">
<ul class="tg-header__top-info left-side list-wrap">
<li><i class="flaticon-phone-call"></i><a href="tel:<?php echo $service['owner_number1'] ?>"><?php echo $service['owner_number1'] ?></a></li>
<li><i class="flaticon-pin"></i><?php echo $service['owner_email2'] ?></li>
</ul>
</div>
<div class="col-lg-6">
<ul class="tg-header__top-right list-wrap">
<li><i class="flaticon-envelope"></i><a href="mailto:Kamal@sabksoutions.com"><?php echo $service['owner_email1'] ?></a></li>
<li><i class="flaticon-time"></i>Mon-Fri: 10:00am - 09:00pm</li>
</ul>
</div>
</div>
</div>
</div>
<div id="sticky-header" class="tg-header__area">
<div class="container custom-container">
<div class="row">
<div class="col-12">
<div class="tgmenu__wrap">
<nav class="tgmenu__nav">
<div class="logo">
<a href="index.php"><img src="assets/img/logo/sabke.png" alt="Logo" /></a>
</div>
<div class="tgmenu__navbar-wrap tgmenu__main-menu d-none d-lg-flex justify-content-center">
<ul class="navigation">
<li><a href="index.php" >Home</a></li>
<li class="menu-item-has-children">
<a href="about.php">About Us</a>
<ul class="sub-menu">
<li><a href="ourstory.php">Our Story</a></li>
<li><a href="team.php">Our Team</a></li>
<!-- <li><a href="testimonial.php">Testimonial</a></li> -->
<li><a href="career.php">Careers at SAB-K </a></li>
<li><a href="partners.php">Clients</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="service.php">Services</a>
<ul class="sub-menu">
<?php
include 'connection/config.php';
$service_sql=$mysqli->query("SELECT * FROM `service`");
$i=0;
while($service_row=mysqli_fetch_array($service_sql))
{
$i++;
?>
<li><a href="servicedetails.php?id=<?php echo $service_row['id']; ?>"><?php echo $service_row['title'] ?></a></li>
<?php } ?>
</ul>
</li>
<li>
<a href="blog.php">Blog</a>
</li>
</ul>
</div>
<div class="tgmenu__action d-none d-md-block">
<ul class="list-wrap">
<li class="offCanvas-menu">
<a href="javascript:void(0)" class="menu-tigger">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none" style="color:#191d88">
<path d="M0 2C0 0.895431 0.895431 0 2 0C3.10457 0 4 0.895431 4 2C4 3.10457 3.10457 4 2 4C0.895431 4 0 3.10457 0 2Z" fill="currentcolor" />
<path d="M0 9C0 7.89543 0.895431 7 2 7C3.10457 7 4 7.89543 4 9C4 10.1046 3.10457 11 2 11C0.895431 11 0 10.1046 0 9Z" fill="currentcolor" />
<path d="M0 16C0 14.8954 0.895431 14 2 14C3.10457 14 4 14.8954 4 16C4 17.1046 3.10457 18 2 18C0.895431 18 0 17.1046 0 16Z" fill="currentcolor" />
<path d="M7 2C7 0.895431 7.89543 0 9 0C10.1046 0 11 0.895431 11 2C11 3.10457 10.1046 4 9 4C7.89543 4 7 3.10457 7 2Z" fill="currentcolor" />
<path d="M7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9Z" fill="currentcolor" />
<path d="M7 16C7 14.8954 7.89543 14 9 14C10.1046 14 11 14.8954 11 16C11 17.1046 10.1046 18 9 18C7.89543 18 7 17.1046 7 16Z" fill="currentcolor" />
<path d="M14 2C14 0.895431 14.8954 0 16 0C17.1046 0 18 0.895431 18 2C18 3.10457 17.1046 4 16 4C14.8954 4 14 3.10457 14 2Z" fill="currentcolor" />
<path d="M14 9C14 7.89543 14.8954 7 16 7C17.1046 7 18 7.89543 18 9C18 10.1046 17.1046 11 16 11C14.8954 11 14 10.1046 14 9Z" fill="currentcolor" />
<path d="M14 16C14 14.8954 14.8954 14 16 14C17.1046 14 18 14.8954 18 16C18 17.1046 17.1046 18 16 18C14.8954 18 14 17.1046 14 16Z" fill="currentcolor" />
</svg>
</a>
</li>
<li class="header-btn"><a href="contact.php" class="btn">let’s Talk</a></li>
</ul>
</div>
<div class="mobile-nav-toggler">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none">
<path d="M0 2C0 0.895431 0.895431 0 2 0C3.10457 0 4 0.895431 4 2C4 3.10457 3.10457 4 2 4C0.895431 4 0 3.10457 0 2Z" fill="currentcolor" />
<path d="M0 9C0 7.89543 0.895431 7 2 7C3.10457 7 4 7.89543 4 9C4 10.1046 3.10457 11 2 11C0.895431 11 0 10.1046 0 9Z" fill="currentcolor" />
<path d="M0 16C0 14.8954 0.895431 14 2 14C3.10457 14 4 14.8954 4 16C4 17.1046 3.10457 18 2 18C0.895431 18 0 17.1046 0 16Z" fill="currentcolor" />
<path d="M7 2C7 0.895431 7.89543 0 9 0C10.1046 0 11 0.895431 11 2C11 3.10457 10.1046 4 9 4C7.89543 4 7 3.10457 7 2Z" fill="currentcolor" />
<path d="M7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9Z" fill="currentcolor" />
<path d="M7 16C7 14.8954 7.89543 14 9 14C10.1046 14 11 14.8954 11 16C11 17.1046 10.1046 18 9 18C7.89543 18 7 17.1046 7 16Z" fill="currentcolor" />
<path d="M14 2C14 0.895431 14.8954 0 16 0C17.1046 0 18 0.895431 18 2C18 3.10457 17.1046 4 16 4C14.8954 4 14 3.10457 14 2Z" fill="currentcolor" />
<path d="M14 9C14 7.89543 14.8954 7 16 7C17.1046 7 18 7.89543 18 9C18 10.1046 17.1046 11 16 11C14.8954 11 14 10.1046 14 9Z" fill="currentcolor" />
<path d="M14 16C14 14.8954 14.8954 14 16 14C17.1046 14 18 14.8954 18 16C18 17.1046 17.1046 18 16 18C14.8954 18 14 17.1046 14 16Z" fill="currentcolor" />
</svg>
</div>
</nav>
</div>
<!-- Mobile Menu -->
<div class="tgmobile__menu">
<nav class="tgmobile__menu-box">
<div class="close-btn"><i class="fas fa-times"></i></div>
<div class="nav-logo">
<a href="index.php"><img src="assets/img/logo/sabke.png" alt="Logo" /></a>
</div>
<div class="tgmobile__menu-outer">
<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
</div>
<div class="tgmobile__menu-bottom">
<div class="contact-info">
<ul class="list-wrap">
<li><a href="mailto:<?php echo $service['owner_email1'] ?>"><?php echo $service['owner_email1'] ?></a></li>
<li><a href="tel:<?php echo $service['owner_number1'] ?>"><?php echo $service['owner_number1'] ?></a></li>
</ul>
</div>
<div class="social-links">
<ul class="list-wrap">
<li>
<a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="javascript:void(0)"><i class="fab fa-x-twitter"></i></a>
</li>
<li>
<a target="_blank" href="<?php echo $service['linkedin'] ?>"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="tgmobile__menu-backdrop"></div>
<!-- End Mobile Menu -->
</div>
</div>
</div>
</div>
<!-- header-search -->
<div class="search__popup">
<div class="container">
<div class="row">
<div class="col-12">
<div class="search__wrapper">
<div class="search__close">
<button type="button" class="search-close-btn">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 1L1 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1 1L17 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<div class="search__form">
<form action="#">
<div class="search__input">
<input class="search-input-field" type="text" placeholder="Type keywords here" />
<span class="search-focus-border"></span>
<button>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.55 18.1C14.272 18.1 18.1 14.272 18.1 9.55C18.1 4.82797 14.272 1 9.55 1C4.82797 1 1 4.82797 1 9.55C1 14.272 4.82797 18.1 9.55 18.1Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19.0002 19.0002L17.2002 17.2002" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search-popup-overlay"></div>
<!-- header-search-end -->
<!-- offCanvas-menu -->
<div class="offCanvas__info">
<div class="offCanvas__close-icon menu-close">
<button><i class="far fa-window-close"></i></button>
</div>
<div class="offCanvas__logo mb-30">
<a href="index.php"><img src="assets/img/logo/sabke.png" alt="Logo" /></a>
</div>
<div class="offCanvas__side-info mb-30">
<div class="contact-list mb-30">
<h4>Office Address</h4>
<p>
<?php echo $service['owner_email2'] ?>
</p>
</div>
<div class="contact-list mb-30">
<h4>Phone Number</h4>
<p><?php echo $service['owner_number1'] ?></p>
</div>
<div class="contact-list mb-30">
<h4>Email Address</h4>
<p><?php echo $service['owner_email1'] ?></p>
</div>
</div>
<div class="offCanvas__social-icon mt-30">
<a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
<a href="javascript:void(0)"><i class="fab fa-x-twitter"></i></a>
<a target="_blank" href="<?php echo $service['linkedin'] ?>"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="offCanvas__overly"></div>
<!-- offCanvas-menu-end -->
</header>
<style>
.tgmobile__menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
overflow-y: auto; /* allow vertical scroll */
z-index: 9999;
background: #fff;
}
.tgmobile__menu-box {
height:550px;
overflow-y: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
</style>
<!-- header-area-end -->
........