ikan Uploader :
Directory : /home/ni05r7l36tus/public_html/sabksolutions.com/
Upload File : |
| Current File : /home/ni05r7l36tus/public_html/sabksolutions.com/index.php |
<?php include "common/header.php"; ?>
<style>
.bg-img {
background-image: url('assets/img/banner/banner1.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Change background image for screens smaller than 768px (phones) */
@media (max-width: 767px) {
.bg-img {
background-image: url('assets/img/banner/mobile.webp');
}
}
</style>
<!-- main-area -->
<main class="fix">
<!-- banner-area -->
<section class="banner-area banner-bg">
<div class="bg-img position-absolute top-0 bottom-0 start-0 w-100 h-100"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="banner-content">
<span class="sub-title" data-aos="fade-up" data-aos-delay="0">We Are Experts In This Field</span>
<h2 class="title text-primary " data-aos="fade-up" data-aos-delay="200">All-in-One Business Consulting Solutions</h2>
<p data-aos="fade-up" data-aos-delay="400">SAB-K Innovative Solutions LLP is an ISO 9001:2015 certified start-up that facilitates ease of doing business. We are a group of professionals having vast experiences in various cross-sections of government and business activities.</p>
<a href="about.php" class="btn" data-aos="fade-up" data-aos-delay="600">Read More</a>
</div>
<div class="banner-shape">
<img src="assets/img/banner/banner_shape01.png" alt="Apexa" class="rightToLeft" />
<img src="assets/img/banner/banner_shape02.png" alt="Apexa" class="ribbonRotate" />
</div>
</div>
</div>
<div class="banner-scroll">
<a href="#footer"
>Scroll Down <span><i class="fas fa-arrow-right"></i></span
></a>
</div>
</div>
</section>
<!-- banner-area-end -->
<!-- Swiper CSS -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- brand-area -->
<div class="brand-area">
<div class="container">
<div class="swiper brandSwiper">
<div class="swiper-wrapper">
<?php
include 'connection/config.php'; // Ensure this initializes $pdo
try {
$stmt = $pdo->query("SELECT * FROM `client`");
$i = 0;
while ($service_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<div class="swiper-slide d-flex justify-content-center">
<div class="brand-item" style="height:100px;width:100px">
<img src="admin/upload/<?php echo $service_row['image'] ?>" alt="Brand Logo" />
</div>
</div>
<?php
} // end while
} catch (PDOException $e) {
echo "<li>Error: " . $e->getMessage() . "</li>";
}
?>
</div>
</div>
</div>
</div>
<!-- brand-area -->
<script>
const brandSwiper = new Swiper('.brandSwiper', {
loop: true,
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
slidesPerView: 6,
spaceBetween: 30,
breakpoints: {
320: {
slidesPerView: 2,
spaceBetween: 10,
},
576: {
slidesPerView: 3,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 20,
},
992: {
slidesPerView: 6,
spaceBetween: 30,
},
},
});
</script>
<!-- about-area -->
<section class="about__area-two about__bg">
<div class="bg-img position-absolute top-0 bottom-0 start-0 w-100 h-100" data-background="assets/img/bg/about_bg.jpg"></div>
<div class="container">
<div class="row align-items-center justify-content-center">
<?php
include 'connection/config.php'; // Ensure this initializes $pdo
try {
$stmt = $pdo->query("SELECT * FROM `about`");
$i = 0;
while ($service_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<div class="col-lg-6 col-md-8">
<div class="about__img-wrap-two">
<img src="admin/upload/<?php echo $service_row['image'] ?>" alt="Apexa" />
<div class="shape">
<img src="assets/img/images/h2_about_img_shape.png" alt="Apexa" class="alltuchtopdown" />
</div>
<div class="experience__box-two">
<div class="experience__shape">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82 295" fill="none" preserveAspectRatio="none">
<path d="M70.7685 260.479C77.6405 257.127 82 250.15 82 242.503L82 44.8205C82 36.5032 76.8524 29.054 69.0724 26.1128L-3.51784e-06 9.7784e-07L0 295L70.7685 260.479Z" fill="currentcolor" />
</svg>
</div>
<div class="experience__content">
<h4 class="title"><?php echo $service_row['experience'] ?></h4>
<p>
Experience <br />
Years Of
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="about__content-two">
<div class="section-title mb-20 tg-heading-subheading animation-style3">
<span class="sub-title">About Our Company</span>
<h2 class="title tg-element-title text-primary"><?php echo $service_row['title'] ?></h2>
</div>
<p><?php echo $service_row['shortdescription'] ?></p>
<div class="about__content-inner">
<div class="about__list-box">
<ul class="list-wrap">
<li><i class="flaticon-arrow-button"></i> Driving Business Growth</li>
<li><i class="flaticon-arrow-button"></i> In-Depth Analysis & Research</li>
<li><i class="flaticon-arrow-button"></i>Financial Security Solutions</li>
<li><i class="flaticon-arrow-button"></i>Maximizing Financial Growth</li>
</ul>
</div>
</div>
<div class="about-bottom">
<div class="author-wrap">
<div class="thumb">
<img src="assets/img/images/ceo.jpg" alt="Apexa" />
</div>
<div class="content">
<h4 class="title">Kamal Kumar <span>, CEO</span></h4>
</div>
</div>
<a href="about.php" class="btn btn-two">Read More</a>
</div>
</div>
</div>
<?php
} // end while
} catch (PDOException $e) {
echo "<p>Error loading gallery: " . $e->getMessage() . "</p>";
}
?>
</div>
</div>
</section>
<!-- about-area-end -->
<!-- services-area -->
<section class="services__area-seven services__area-home7 services__bg-seven mb-100">
<!-- <div class="icon-line dark-opacity"><img src="assets/img/home7/icon-line.svg" /></div> -->
<div class="icon-snow dark-opacity"><img class="rotateme" src="assets/img/home7/icon-snow.svg" /></div>
<!-- <div class="icon-star dark-opacity"><img class="ribbonRotate" src="assets/img/home7/icon-star.svg" /></div> -->
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="section-title text-center mb-50">
<span class="sub-title">Our Services </span>
<h2 class="title">
Tailored Business and Accounting Services for Modern Enterprises.
</h2>
</div>
</div>
</div>
<div class="row justify-content-center gutter-24 services__item-style-2">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("SELECT * FROM `service`");
$i = 0;
while ($service_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="services__item-five">
<div class="services__icon-five">
<div class="icon">
<i class="<?php echo $service_row['icon'] ?>"></i>
</div>
<div class="services__icon-shape">
<div class="shape one">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="89" viewBox="0 0 100 89" fill="none">
<path
d="M89.3997 20.1665C90.5806 21.4322 91.2497 23.0786 91.2607 24.7458C91.2717 26.4129 90.6237 27.965 89.4585 29.0627L82.7168 35.3787C83.8857 34.2836 85.4772 33.7354 87.141 33.8548C88.8049 33.9742 90.4049 34.7514 91.589 36.0153C92.7732 37.2792 93.4445 38.9265 93.4553 40.5946C93.4661 42.2627 92.8154 43.815 91.6465 44.9101L89.4391 46.9782C90.7021 46.1158 92.2814 45.7931 93.8594 46.075C95.4374 46.3569 96.897 47.2225 97.9445 48.4977C98.9919 49.7729 99.5496 51.363 99.5051 52.948C99.4607 54.5331 98.8175 55.9955 97.705 57.041L66.4218 86.3494C65.306 87.3914 63.8048 87.938 62.2202 87.8791C60.6357 87.8202 59.0853 87.1602 57.881 86.0319C56.6767 84.9037 55.908 83.3908 55.7294 81.7978C55.5509 80.2048 55.9757 78.6498 56.9185 77.4457L46.2874 87.4056C45.1185 88.5008 43.5271 89.0489 41.8632 88.9295C40.1994 88.8101 38.5994 88.033 37.4152 86.769C36.2311 85.5051 35.5598 83.8579 35.549 82.1898C35.5382 80.5217 36.1888 78.9693 37.3578 77.8742L42.5545 73.0055C41.5403 73.9509 40.2052 74.4903 38.7733 74.5334C37.3414 74.5764 35.8998 74.1205 34.6905 73.242C33.4812 72.3636 32.5777 71.1161 32.1318 69.7089C31.6858 68.3017 31.7245 66.8205 32.2413 65.5139L22.1964 74.9247C21.0275 76.0198 19.4361 76.5679 17.7722 76.4485C16.1084 76.3291 14.5084 75.552 13.3242 74.2881C12.1401 73.0241 11.4688 71.3769 11.458 69.7088C11.4472 68.0407 12.0978 66.4883 13.2667 65.3932L25.0674 54.3375C23.8985 55.4326 22.3071 55.9808 20.6432 55.8614C18.9794 55.742 17.3794 54.9649 16.1952 53.7009C15.0111 52.437 14.3398 50.7898 14.329 49.1217C14.3182 47.4536 14.9688 45.9012 16.1377 44.8061L11.4359 49.2111C10.267 50.3062 8.67555 50.8544 7.01169 50.735C5.34784 50.6156 3.74784 49.8384 2.56369 48.5745C1.37954 47.3106 0.708235 45.6633 0.697453 43.9952C0.686672 42.3271 1.3373 40.7748 2.5062 39.6797L35.5613 8.71135C36.7302 7.61624 38.3217 7.06808 39.9855 7.18747C41.6494 7.30686 43.2494 8.08401 44.4335 9.34795C45.6177 10.6119 46.289 12.2591 46.2998 13.9272C46.3105 15.5953 45.6599 17.1477 44.491 18.2428L61.4956 2.31173C62.6645 1.21663 64.2559 0.668477 65.9198 0.787863C67.5836 0.90725 69.1836 1.6844 70.3678 2.94834C71.5519 4.21229 72.2232 5.8595 72.234 7.5276C72.2448 9.19571 71.5942 10.7481 70.4253 11.8432L65.2285 16.7119C66.242 15.7657 67.5766 15.2252 69.0084 15.181C70.4403 15.1369 71.8821 15.5918 73.092 16.4694C74.3019 17.3471 75.2063 18.594 75.6532 20.001C76.1001 21.4079 76.0625 22.8893 75.5466 24.1964L80.5275 19.5299C81.699 18.4397 83.2895 17.8948 84.9518 18.014C86.6141 18.1333 88.2131 18.9071 89.3997 20.1665Z"
fill="currentcolor"
/>
</svg>
</div>
<div class="shape two">
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
<path d="M7.36755 4.37738C7.36755 6.02099 6.03514 7.3534 4.39153 7.3534C2.74792 7.3534 1.41552 6.02099 1.41552 4.37738C1.41552 2.73376 2.74792 1.40136 4.39153 1.40136C6.03514 1.40136 7.36755 2.73376 7.36755 4.37738Z" stroke="currentcolor" stroke-width="1.19041" />
</svg>
</div>
<div class="shape three rotateme">
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" fill="none">
<path d="M1.70898 1.73877L7.06581 7.0956M1.70898 7.0956L7.06581 1.73877" stroke="currentcolor" stroke-width="1.92846" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
</div>
<div class="services__content-five">
<h2 class="title"><a href="servicedetails.php"><?php echo $service_row['title'] ?></a></h2>
<p><?php echo $service_row['short_description'] ?></p><br>
<a href="servicedetails.php?id=<?php echo $service_row['id']; ?>" class="btn" style="margin-top:-40px">Read More</a>
</div>
</div>
</div>
<?php
} // end while
} catch (PDOException $e) {
echo "<p>Error loading gallery: " . $e->getMessage() . "</p>";
}
?>
</div>
</div>
</section>
<!-- services-area-end -->
<!-- testimonials area -->
<section class="testimonials__area-home-11 position-relative ">
<div class="container position-relative z-1">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-8">
<div class="section-title text-center mb-50 tg-heading-subheading animation-style3">
<span class="sub-title">Places We Offer</span>
<h2 class="title tg-element-title">Growth-Focused Business Consulting Across India</h2>
</div>
</div>
</div>
<div class="row">
<div class="col">
<nav>
<div class="nav nav-tabs bg-neutral-100 border-bottom-0 mb-5" id="nav-tab" role="tablist">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("SELECT * FROM `place`");
$i = 0;
while ($place_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<button class="nav-link position-relative " id="nav-marketing-tab" data-bs-toggle="tab" data-bs-target="#nav-marketing" type="button" role="tab" aria-controls="nav-marketing" aria-selected="true">
<img src="admin/upload/<?php echo $place_row['image'] ?>" alt="Apexa" height="60" width="60" class=" rounded-pill">
<span class="ms-2 text-start"><?php echo $place_row['name'] ?></span>
<span class="triangle">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none">
<path d="M7.5 13L14.8612 0.25H0.138784L7.5 13Z" fill="#191D88" />
</svg>
</span>
</button>
<?php
} // end while
} catch (PDOException $e) {
echo "<p>Error loading gallery: " . $e->getMessage() . "</p>";
}
?>
</div>
</nav>
</div>
</div>
</div>
</section>
<!-- end testimonials area -->
<!-- choose-area -->
<section class="choose-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-0 order-lg-2">
<div class="choose-img-wrap">
<img src="assets/img/images/dubai.jpg" alt="Apexa" class="w-100 h-auto"/>
</div>
</div>
<div class="col-lg-6">
<div class="choose-content">
<div class="section-title white-title mb-30 tg-heading-subheading animation-style3">
<span class="sub-title">SAB-K INNOVATIVE SOLUTIONS @ UAE INFRASTRUCTURE DOMAIN</span>
<h2 class="title tg-element-title">
We make bridges for smooth business
around the world
</h2>
</div>
<p>
Why Dubai ? It’s a futuristic city with investor friendly policies and support system. The city/country is growing at a rapid speed fuelled by HNIs from India, Russia, Ukraine and Iran. If you are in the INFRASTRUCTURE domain and you have a desire to grow through quality works, we are there to guide you and hand-hold you in setting up your venture there.
</p>
<p>What can we do for you ?</p>
<ul style="margin-left: 20px; padding-left: 20px;">
<li style="color: white; list-style: disc;">Help in setting up your company, business and other legal requirements.</li>
<li style="color: white; list-style: disc;">Help in identifying and acquiring land for various projects like warehouses, industrial parks, hotels, commercial buildings etc.</li>
<li style="color: white; list-style: disc;">Help in choosing the right bank and other financial institutions</li>
<li style="color: white; list-style: disc;">Help in securing the required CREDIT LINE from reputed banks</li>
<li style="color: white; list-style: disc;">Help in choosing the right FINANCIAL INSTRUMENT for your business.</li>
</ul>
<p>
If our offerings excite you, pack your bag and come to BUSINESS BAY in DUBAI. Let’s get the balls rolling and we guarantee you a SUCCESSFUL SET-UP in UAE. Please come prepared with the right intentions and quality works as there is no short-cut to success.
</p>
</div>
</div>
</div>
</div>
<div class="choose-shape-wrap">
<img src="assets/img/images/choose_shape01.png" alt="Apexa" data-aos="fade-right" data-aos-delay="400" class=""/>
<img class="dark-opacity" src="assets/img/images/choose_shape02.png" alt="Apexa" data-aos="fade-left" data-aos-delay="400" />
</div>
</section>
<!-- choose-area-end -->
<!-- counter-area -->
<section class="counter-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="counter-item">
<div class="icon">
<i class="flaticon-trophy"></i>
</div>
<div class="content">
<h2 class="count"><span class="odometer" data-count="45"></span>+</h2>
<p>
Projects Successfully <br />
Completed
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="counter-item">
<div class="icon">
<i class="flaticon-happy"></i>
</div>
<div class="content">
<h2 class="count"><span class="odometer" data-count="150"></span>+</h2>
<p>
Fully Satisfied <br />
Clients
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="counter-item">
<div class="icon">
<i class="fas fa-globe-asia"></i>
</div>
<div class="content">
<h2 class="count"><span class="odometer" data-count="19"></span>+</h2>
<p>
Available <br/>
pan-India
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="counter-item">
<div class="icon">
<i class="flaticon-time"></i>
</div>
<div class="content">
<h2 class="count"><span class="odometer" data-count="25"></span>+</h2>
<p>
Years of Industry <br />
Experience
</p>
</div>
</div>
</div>
</div>
</div>
<div class="counter-shape-wrap">
<img class="dark-opacity" src="assets/img/images/counter_shape01.png" alt="Apexa" data-aos="fade-right" data-aos-delay="400" />
<img src="assets/img/images/counter_shape02.png" alt="Apexa" data-parallax='{"x" : 100 , "y" : -100 }' />
<img class="dark-opacity" src="assets/img/images/counter_shape03.png" alt="Apexa" data-aos="fade-left" data-aos-delay="400" />
</div>
</section>
<!-- counter-area-end -->
<!-- project-area -->
<!-- <section class="project-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-7">
<div class="section-title text-center mb-50 tg-heading-subheading animation-style3">
<span class="sub-title">OUR PROJECTS</span>
<h2 class="title tg-element-title">Let’s Discover All Our Clients Recent Project</h2>
</div>
</div>
</div>
</div>
<div class="project-item-wrap">
<div class="container custom-container-two">
<div class="row">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("SELECT * FROM `project`");
$i = 0;
while ($place_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<div class="col-xl-3 col-md-6">
<div class="project-item">
<div class="project-thumb">
<a href="project_details.php?id=<?php echo $place_row['id']; ?>"><img src="admin/upload/<?php echo $place_row['image'] ?>" alt="Apexa" /></a>
</div>
<div class="project-content">
<div class="left-side-content">
<h4 class="title"><a href="project_details.php?id=<?php echo $place_row['id']; ?>"><?php echo $place_row['title'] ?></a></h4>
<span><?php echo $place_row['short_description'] ?></span>
</div>
<div class="link-arrow">
<a href="project_details.php?id=<?php echo $place_row['id']; ?>">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6293 3.27957C17.7117 2.80341 17.4427 2.34763 17.0096 2.17812C16.9477 2.15385 16.8824 2.13552 16.8144 2.12376L6.96081 0.419152C6.41654 0.325049 5.89911 0.689856 5.80491 1.23411C5.71079 1.77829 6.07564 2.29578 6.61982 2.38993L14.0946 3.68295L1.36574 12.6573C0.914365 12.9756 0.806424 13.5995 1.12467 14.0509C1.44292 14.5022 2.06682 14.6102 2.51819 14.2919L15.247 5.31753L13.954 12.7923C13.8598 13.3365 14.2247 13.854 14.7689 13.9482C15.3131 14.0422 15.8305 13.6774 15.9248 13.1332L17.6293 3.27957Z" fill="currentcolor" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6293 3.27957C17.7117 2.80341 17.4427 2.34763 17.0096 2.17812C16.9477 2.15385 16.8824 2.13552 16.8144 2.12376L6.96081 0.419152C6.41654 0.325049 5.89911 0.689856 5.80491 1.23411C5.71079 1.77829 6.07564 2.29578 6.61982 2.38993L14.0946 3.68295L1.36574 12.6573C0.914365 12.9756 0.806424 13.5995 1.12467 14.0509C1.44292 14.5022 2.06682 14.6102 2.51819 14.2919L15.247 5.31753L13.954 12.7923C13.8598 13.3365 14.2247 13.854 14.7689 13.9482C15.3131 14.0422 15.8305 13.6774 15.9248 13.1332L17.6293 3.27957Z" fill="currentcolor" />
</svg>
</a>
</div>
</div>
</div>
</div>
<?php
} // end while
} catch (PDOException $e) {
echo "<p>Error loading gallery: " . $e->getMessage() . "</p>";
}
?>
</div>
</div>
</div>
<div class="project-shape-wrap">
<img class="dark-opacity" src="assets/img/project/project_shape01.png" alt="Apexa" class="alltuchtopdown" />
<img src="assets/img/project/project_shape02.png" alt="Apexa" class="rotateme" />
</div>
</section> -->
<!-- project-area-end -->
<!-- request-area -->
<section class="request-area request-bg " data-background="assets/img/bg/bg1.jpeg">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="request-content text-center tg-heading-subheading animation-style3">
<h2 class="title tg-element-title text-white ">Offering The Best Experience Of Business Consulting Services</h2>
<div class="content-bottom">
<a href="tel:+91-9810820369" class="btn text-white">Request a Free Call</a>
<div class="content-right">
<div class="icon">
<i class="flaticon-phone-call"></i>
</div>
<div class="content">
<span class="text-white">Toll Free Call</span>
<a class="text-white" href="tel:+91-9810820369">+91-9810820369</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="request-shape">
<img src="assets/img/images/request_shape01.png" alt="Apexa" data-aos="fade-right" data-aos-delay="400" />
<img src="assets/img/images/request_shape02.png" alt="Apexa" data-aos="fade-left" data-aos-delay="400" />
</div>
</section>
<!-- request-area-end -->
<!-- team-area -->
<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css">
<!-- FontAwesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<section class="team-area mt-lg-5" style="margin-bottom:-50px;">
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-6">
<div class="section-title mb-40 tg-heading-subheading animation-style3">
<span class="sub-title">MEET OUR TEAM</span>
<h2 class="title tg-element-title">
Domain Expertise You <br /> Can Trust
</h2>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="section-content">
<p>Our team combines deep industry knowledge with a passion for excellence. With the freedom to innovate and the drive to deliver, we bring you solutions that are both effective and reliable.</p>
</div>
</div>
</div>
<!-- Swiper Navigation Outside the Slider -->
<div class="swiper-button-prev team-nav-btn"></div>
<div class="swiper-button-next team-nav-btn"></div>
<!-- Swiper Slider -->
<div class="swiper team-slider">
<div class="swiper-wrapper">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("SELECT * FROM `team`");
$i = 0;
while ($place_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<div class="swiper-slide">
<div class="team-item">
<div class="team-thumb" >
<img src="admin/upload/<?php echo $place_row['image'] ?>" alt="<?php echo $place_row['name'] ?>" />
</div>
<div class="team-content">
<h4 class="title"><a href="#"><?php echo $place_row['name'] ?></a></h4>
<span><?php echo $place_row['designation'] ?></span>
</div>
</div>
</div>
<?php
} // end while
} catch (PDOException $e) {
echo "<p>Error loading gallery: " . $e->getMessage() . "</p>";
}
?>
</div>
</div>
</div>
</section>
<style>
.team-area .team-nav-btn {
position: absolute;
top: 60%;
transform: translateY(-50%);
z-index: 10;
width: 45px;
height: 45px;
background-color: #191d88; /* Change this to match your brand color */
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transition: background-color 0.3s, transform 0.3s;
font-size: 18px;
cursor: pointer;
}
.team-area .swiper-button-prev.team-nav-btn {
left: -40px;
}
.team-area .swiper-button-next.team-nav-btn {
right: -40px;
}
.team-area .team-nav-btn:hover {
background-color: #f7a400; /* Darker shade on hover */
transform: translateY(-50%) scale(1.05);
}
.team-area .team-nav-btn::after {
font-family: 'Font Awesome 6 Free';
font-weight: 900;
font-size: 16px;
}
.team-area .swiper-button-prev::after {
content: '\f104'; /* FontAwesome left arrow */
}
.team-area .swiper-button-next::after {
content: '\f105'; /* FontAwesome right arrow */
}
/* Hide on smaller screens */
@media (max-width: 768px) {
.team-area .team-nav-btn {
display: none;
}
}
@media (min-width: 1025px) {
.team-thumb {
height: 360px; /* Adjust as needed */
overflow: hidden;
}
.team-thumb img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
}
/* Apply to phone devices */
@media (max-width: 767px) {
.team-thumb {
height: 500px; /* You can adjust this value */
overflow: hidden;
}
.team-thumb img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
new Swiper(".team-slider", {
spaceBetween: 20,
loop: true,
speed: 1000,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
1200: { slidesPerView: 4 },
1024: { slidesPerView: 3 },
768: { slidesPerView: 2 },
480: { slidesPerView: 1 },
},
});
});
</script>
<!-- team-area-end -->
<!-- FAQ -->
<section class="faqs__area-six">
<div class="container">
<div class="row align-items-center d-flex justify-content-center">
<div class="col-lg-10 mb-30">
<div class="box-faq-right">
<h2 class="title tg-element-title text-primary text-uppercase mb-20">Frequently asked questions</h2>
<p class="tg-element-title mb-40">
We believe in empowering our clients with knowledge and clarity. Explore common questions and get the answers you need to make informed decisions with confidence.
</p>
<div class="block-faqs">
<div class="accordion wow fadeInUp" id="accordionFAQ">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("SELECT * FROM `faq`");
$i = 0;
while ($place_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
$headingId = "heading$i";
$collapseId = "collapse$i";
?>
<div class="accordion-item">
<h5 class="accordion-header" id="<?php echo $headingId; ?>">
<button class="accordion-button text-heading-5 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<?php echo $collapseId; ?>" aria-expanded="false" aria-controls="<?php echo $collapseId; ?>">
<?php echo htmlspecialchars($place_row['question']); ?>
</button>
</h5>
<div id="<?php echo $collapseId; ?>" class="accordion-collapse collapse" aria-labelledby="<?php echo $headingId; ?>" data-bs-parent="#accordionFAQ">
<div class="accordion-body">
<?php echo nl2br(htmlspecialchars($place_row['answer'])); ?>
</div>
</div>
</div>
<?php
}
} catch (PDOException $e) {
echo "<p class='text-danger'>Error loading FAQs: " . $e->getMessage() . "</p>";
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End FAQ -->
<!-- testimonials area -->
<section class="testimonials__area-home8 position-relative ">
<div class="container position-relative z-1">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-8">
<div class="section-title text-center mb-50 tg-heading-subheading animation-style3">
<span class="sub-title">Testimonials</span>
<h2 class="title tg-element-title">
What are they saying <br />
about our company
</h2>
</div>
</div>
</div>
<div class="box-slide-testimonials">
<div class="swiper-container testiminials-active-2">
<div class="swiper-wrapper">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("SELECT * FROM `testimonial`");
$i = 0;
while ($place_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$i++;
?>
<div class="swiper-slide">
<div class="testimonial__item-three home-9">
<p>“ <?php echo $place_row['testimonial'] ?></p>
<div class="testimonial__bottom home-9">
<div class="d-flex align-items-center">
<div class="testimonial__img">
<img src=" admin/upload/<?php echo $place_row['image'] ?>" alt="Apexa" />
</div>
<div class="testimonial__info-three home-9">
<h4 class="title"> <?php echo $place_row['name'] ?></h4>
<span> <?php echo $place_row['role'] ?></span>
</div>
</div>
<div class="testimonial__icon">
<img src="assets/img/icon/quote02.svg" alt="Apexa" />
</div>
</div>
</div>
</div>
<?php
} // end while
} catch (PDOException $e) {
echo "<p>Error loading gallery: " . $e->getMessage() . "</p>";
}
?>
</div>
</div>
</div>
</div>
<div class="position-absolute top-50 start-50 translate-middle z-0">
<img src="assets/img/bg/h9_testimonials-map.png" alt="Apexa" />
</div>
</section>
<!-- end testimonials area -->
<!-- blog-post-area -->
<section class="blog-post-area blog-post-bg">
<div class="bg-img position-absolute top-0 bottom-0 start-0 w-100 h-100 end-0" data-background="assets/img/bg/blog_post_bg.jpg"></div>
<div class="container position-relative z-1">
<div class="row justify-content-center">
<div class="col-xl-6">
<div class="section-title text-center mb-40 tg-heading-subheading animation-style3">
<span class="sub-title">OUR BLOG UPDATE</span>
<h2 class="title tg-element-title text-primary">Featured News And Insights</h2>
</div>
</div>
</div>
<div class="row justify-content-center">
<?php
include 'connection/config.php';
try {
$stmt = $pdo->query("
SELECT blog.*, blog_category.blog_category AS category_name
FROM blog
LEFT JOIN blog_category ON blog.cat_id = blog_category.id
LIMIT 3
");
while ($place_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
?>
<div class="col-xl-4 col-lg-6 col-md-10">
<div class="blog-post-item shine-animate-item" style="height: 600px; overflow: hidden;">
<div class="blog-post-thumb">
<a href="blogdetails.php?id=<?= $place_row['id']; ?>" class="shine-animate">
<img src="admin/upload/<?= htmlspecialchars($place_row['image']); ?>" alt="Apexa" />
</a>
<a href="blog" class="post-tag"><?= htmlspecialchars($place_row['type1']); ?></a>
</div>
<div class="blog-post-content">
<ul class=" list-unstyled">
<li><i class="fas fa-calendar-alt"></i> <?= htmlspecialchars($place_row['date']); ?></li>
</ul>
<h2 class="title">
<a href="blogdetails.php?id=<?= $place_row['id']; ?>">
<?= htmlspecialchars($place_row['title']); ?>
</a>
</h2>
<div class="blog-avatar">
<div class="avatar-content">
<p>By <a href="blog-details"><?= htmlspecialchars($place_row['author']); ?></a></p>
</div>
</div>
<div class="blog-post-meta">
<ul class="list-wrap">
<li>
<a href="blogdetails.php?id=<?= $place_row['id']; ?>" class="btn">Read More</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php
}
} catch (PDOException $e) {
echo "<div class='alert alert-danger'>Error loading blog posts: " . $e->getMessage() . "</div>";
}
?>
</div>
<div class="blog-post-meta d-flex justify-content-center align-items-center mt-5">
<ul class="list-wrap">
<li>
<a href="blog.php" class="btn" target="_blank">View More</a>
</li>
</ul>
</div>
<div class="blog-shape-wrap">
<img src="assets/img/images/blog_shape01.png" alt="Apexa" data-aos="fade-right" data-aos-delay="400" />
<img src="assets/img/images/blog_shape02.png" alt="Apexa" data-aos="fade-left" data-aos-delay="400" />
</div>
</div>
</section>
<!-- blog-post-area-end -->
</main>
<!-- main-area-end -->
<?php include "common/footer.php"; ?>
........