Mini Shell
<!doctype html>
<html class="no-js" lang="en">
<head>
<?php include('include/head.php'); ?>
</head>
<body>
<?php include('include/header.php'); ?>
<main>
<!-- slider-area-start -->
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<?php
$sql = mysqli_query($con, "SELECT * FROM `banner`");
$i = 0;
while ($banner = mysqli_fetch_assoc($sql)) {
?>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="<?= $i ?>" class="<?= $i === 0 ? 'active' : '' ?>" aria-label="Slide <?= $i + 1 ?>"></button>
<?php
$i++;
}
?>
</div>
<div class="carousel-inner">
<?php
$sql = mysqli_query($con, "SELECT * FROM `banner`");
$first = true;
while ($banner = mysqli_fetch_assoc($sql)) {
?>
<div class="carousel-item <?= $first ? 'active' : '' ?>">
<img src="media/banner/<?= $banner['image'] ?>" class="d-block w-100" alt="Banner Image">
</div>
<?php
$first = false;
}
?>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- slider-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 -->
<!-- service-area-start -->
<div id="service" class="tp-service-3__area mt-3">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="tp-service-3__section-title text-center pb-40">
<span class="tp-section-subtitle-3">What We Provide</span>
<h4 class="tp-section-title">Our Products</h4>
</div>
</div>
</div>
<div class="row">
<?php
$sql = mysqli_query($con, "SELECT * FROM `product` WHERE `active` = '1' LIMIT 6");
while ($product = mysqli_fetch_assoc($sql)) {
$image = json_decode($product['image']);
?>
<div class="col-xl-4 col-lg-3 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-service-3__item p-relative" style="border: 3px solid #383838;">
<div class="tp-service-3__thumb-box p-relative">
<div class="tp-service-3__thumb">
<img src="media/product/<?= $image['0'] ?>" alt="<?= $product['image_alt_tag'] ?>">
</div>
</div>
<div class="tp-service-3__content text-center">
<a href="product.php?url=<?= $product['url'] ?>">
<h4 class="tp-service-3__title-sm"><?= $product['name'] ?> </h4>
</a>
<a href="product.php?url=<?= $product['url'] ?>">Read More</a>
<div class="tp-service-3__shape">
<img src="assets/img/service/service-shape.png" alt="">
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<!-- service-area-end -->
<!-- about-area-start -->
<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>
<!-- about-area-end -->
<!-- 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 -->
<!-- donate-area-start -->
<div class="tp-donate__area p-relative fix gr-bg">
<div class="tp-donate__shape-3 d-none d-lg-block">
</div>
<div class="tp-donate__bg">
<div class="container">
<div class="row align-items-end">
<div class="col-xl-8 col-lg-8 col-md-8">
<div class="tp-donate__section-title">
<span class="tp-section-subtitle-3">Some Other Products</span>
<h4 class="tp-section-title">Our Gallery</h4>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="tp-donate__section-arrow d-flex justify-content-start justify-content-md-end pb-50">
<div class="test-next">
<button><i class="far fa-arrow-left"></i></button>
</div>
<div class="test-prev">
<button><i class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="swiper-container tp-donate__active">
<div class="swiper-wrapper">
<?php
$sql = mysqli_query($con, "SELECT * FROM `gallery`");
while ($gallery = mysqli_fetch_assoc($sql)) {
?>
<div class="swiper-slide" style="border: 3px solid #de2a1b;">
<div class="tp-donate__item">
<div class="tp-donate__thumb p-relative fix">
<img src="media/gallery/<?= $gallery['image'] ?>" alt="<?= $gallery['image_alt_tag'] ?>" width="100%">
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<!-- donate-area-end -->
</main>
<?php include('include/footer.php'); ?>
<?php include('include/foot.php'); ?>
</body>
</html>