Mini Shell
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<?php include('include/head.php'); ?>
</head>
<body>
<?php include('include/header.php'); ?>
<main>
<!-- breadcrumb-area-start -->
<div class="tp-breadcrumb__area p-relative fix tp-breadcrumb-height" data-background="assets/img/breadcrumb/breadcrumb-bg.png">
<div class="tp-breadcrumb__shape-1 z-index-5">
<img src="assets/img/breadcrumb/breadcrumb-shape-1.png" alt="">
</div>
<div class="tp-breadcrumb__shape-2 z-index-5">
<img src="assets/img/breadcrumb/breadcrumb-shape-2.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="tp-breadcrumb__content z-index-5">
<h3 class="tp-breadcrumb__title">About Us</h3>
<div class="tp-breadcrumb__list">
<span><a href="index.php">Home</a></span>
<span class="dvdr"><i class="fa-sharp fa-solid fa-slash-forward"></i></span>
<span>About Us</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- breadcrumb-area-end -->
<!-- about-area-start -->
<div class="tp-about-3__area" style="margin-top: 50px;">
<div class="container">
<?php $image = json_decode($about['image']) ?>
<div class="row align-items-xl-start align-items-center">
<div class="col-xl-5 col-lg-5 wow tpfadeLeft" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-about-3__main-thumb p-relative">
<img src="media/about/<?= $image[0] ?>" alt="<?= $about['image_alt_tag'] ?>" style="border: 3px solid #181919;">
</div>
</div>
<div class="col-xl-7 col-lg-7 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".9s">
<div class="tp-about-3__left-side">
<div class="tp-about-3__section-title">
<span class="tp-section-subtitle-3">About Us</span>
<h4 class="tp-section-title"><?= $about['heading'] ?></h4>
</div>
<div class="tp-about-3__content">
<div class="tp-about-3__text">
<?= $about['description'] ?>
</div>
<div class="tp-about-3__btn">
<a class="tp-btn" href="contact.php">Contact More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about-area-end -->
<div class="tp-about-4__area tp-about-4__space p-relative fix grey-bg gr-bg">
<div class="container">
<div class="row p-5" style="border: 3px solid #fff;">
<div class="col-xl-6 col-lg-6 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-about-4__left-side">
<div class="tp-about-4__section-title">
<h4 class="tp-section-title">Our Mission</h4>
</div>
<div class="tp-about-4__content">
<div class="tp-about-4__text">
<p style="color: #181919;"><?= $about['mission'] ?></p>
</div>
<div class="tp-about-4__btn">
<a class="tp-btn" href="contact.php">Contact More</a>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 wow tpfadeRight" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-about-4__left-side">
<div class="tp-about-4__section-title">
<h4 class="tp-section-title">Our Vision</h4>
</div>
<div class="tp-about-4__content">
<div class="tp-about-4__text text-white">
<p style="color: #181919;"><?= $about['vision'] ?></p>
</div>
<div class="tp-about-4__btn">
<a class="tp-btn" href="contact.php">Contact More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- testimonial-area-start -->
<div class="tp-testimonial-3__area pb-120 mt-5" style="margin-top: 30px;">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="tp-testimonial-3__section-title text-center pb-35">
<span class="tp-section-subtitle-3">OUR TESTIMONIALS</span>
<h4 class="tp-section-title">Our Clients Feedback</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="tp-testimonial-3__wrapper">
<div class="swiper-container tp-testimonial-3__active">
<div class="swiper-wrapper">
<?php
$sql = mysqli_query($con, "SELECT * FROM `testimonial`");
while ($testimonial = mysqli_fetch_assoc($sql)) {
?>
<div class="swiper-slide" style="border: 3px solid #ffdd0f;">
<div class="tp-testimonial-3__item">
<div
class="tp-testimonial-3__top d-flex align-items-center justify-content-between">
<div class="tp-testimonial-3__top-text">
<p><?= $testimonial['comment'] ?></p>
</div>
</div>
<div
class="tp-testimonial-3__bottom d-flex align-items-center justify-content-between">
<div class="tp-testimonial-3__author-info">
<h4 class="tp-testimonial-3__author-name"><?= $testimonial['name'] ?></h4>
<span>Customer</span>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="tp-testimonial-slider-dots"></div>
</div>
</div>
</div>
</div>
</div>
<!-- testimonial-area-end -->
</main>
<?php include('include/footer.php'); ?>
<?php include('include/foot.php'); ?>
</body>
</html>