Mini Shell
<?php
$about = mysqli_fetch_assoc(mysqli_query($con, "SELECT * FROM `about`"));
$contact = mysqli_fetch_assoc(mysqli_query($con, "SELECT * FROM `info_co`"));
?>
<!-- preloader -->
<div id="preloader">
<div class="preloader">
<span></span>
<span></span>
</div>
</div>
<!-- preloader end -->
<!-- back-to-top-start -->
<button class="scroll-top scroll-to-target" data-target="html">
<i class="far fa-angle-double-up"></i>
</button>
<!-- back-to-top-end -->
<!-- tp-offcanvus-area-start -->
<div class="tpoffcanvas-area">
<div class="tpoffcanvas">
<div class="tpoffcanvas__close-btn">
<button class="close-btn"><i class="fal fa-times"></i></button>
</div>
<div class="tpoffcanvas__logo">
<a href="index.php">
<img src="assets/img/logo/footer-1.png" alt="">
</a>
</div>
<div class="tpoffcanvas__title">
</div>
<div class="tp-main-menu-mobile d-xl-none"></div>
<div class="tpoffcanvas__contact-info">
<div class="tpoffcanvas__contact-title">
<h5>Contact us</h5>
</div>
<ul>
<li>
<i class="fa-light fa-location-dot"></i>
<a href="<?= $contact['location'] ?>" target="_blank"><?= $contact['short_address'] ?></a>
</li>
<li>
<i class="fas fa-envelope"></i>
<a href="mailto:<?= $contact['email'] ?>"><?= $contact['email'] ?></a>
</li>
<li>
<i class="fal fa-phone-alt"></i>
<a href="tel:+91<?= $contact['phone'] ?>">+91 <?= $contact['phone'] ?></a>
</li>
<li>
<i class="fal fa-phone-alt"></i>
<a href="tel:+91<?= $contact['phone2'] ?>">+91 <?= $contact['phone2'] ?> </a>
</li>
</ul>
</div>
<div class="tpoffcanvas__input">
<div class="tpoffcanvas__input-title">
<h4>Get Update</h4>
</div>
<form action="mail.php">
<div class="p-relative">
<input type="text" placeholder="Enter mail">
<button>
<i class="fas fa-paper-plane"></i>
</button>
</div>
</form>
</div>
<div class="tpoffcanvas__social">
<div class="social-icon">
<a href="<?= $contact['twitter'] ?>"><i class="fab fa-twitter"></i></a>
<a href="<?= $contact['insta'] ?>"><i class="fab fa-instagram"></i></a>
<a href="<?= $contact['facebook'] ?>"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</div>
</div>
<div class="body-overlay"></div>
<!-- tp-offcanvus-area-end -->
<header class="tp-header-height">
<!-- header-top-area-start -->
<div class="tp-header-top-3__area yellow-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-5 col-md-7 col-12 col-sm-12">
<div class="tp-header-top-3__left-box text-center text-md-start">
<ul>
<marquee behavior="" direction="right">
<li><span>Welcome To One Click Services</span></li>
<li>
<div class="tp-header-top-3__social">
<a href="<?= $contact['twitter'] ?>"><i class="fab fa-twitter"></i></a>
<a href="<?= $contact['insta'] ?>"><i class="fab fa-instagram"></i></a>
<a href="<?= $contact['facebook'] ?>"><i class="fab fa-facebook-f"></i></a>
</div>
</li>
</marquee>
</ul>
</div>
</div>
<div class="col-xl-6 col-lg-7 col-md-5">
<div class="tp-header-top-3__right-box text-end">
<ul>
<marquee behavior="" direction="left">
<li class="location"><i class="flaticon-map"></i><a target="_blank" href="<?= $contact['location'] ?>"><?= $contact['short_address'] ?></a></li>
<li class="email"><i class="flaticon-mail"></i><a href="mailto:<?= $contact['email'] ?>"><?= $contact['email'] ?></a></li>
</marquee>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header-top-area-end -->
<!-- header-area-start -->
<div id="header-sticky" class="tp-header-3__area">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-6 col-md-4 col-7">
<div class="tp-header-3__logo">
<a href="index.php">
<img src="assets/img/logo/logo-2.png" alt="">
</a>
</div>
</div>
<div class="col-xl-7 d-none d-xl-block">
<div class="tp-header-3__main-menu">
<nav class="tp-main-menu-content">
<ul>
<li><a href="index.php">Home</a>
</li>
<li><a href="about.php">About Us</a>
</li>
<li class="has-dropdown"><a href="#">Products</a>
<ul class="submenu tp-submenu">
<?php
$sql = mysqli_query($con, "SELECT * FROM `category`");
while ($category = mysqli_fetch_assoc($sql)) {
?>
<li><a href="products.php?url=<?= $category['url'] ?>"><?= $category['name'] ?></a></li>
<?php } ?>
</ul>
<!-- <ul class="submenu tp-submenu">
<li><a href="donation-1.html">Donation 01</a></li>
<li><a href="donation-2.html">Donation 02</a></li>
<li><a href="donation-sidebar.html">Donation Sidebar</a></li>
<li><a href="donation-details.html">Donation Details</a></li>
</ul> -->
</li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="one-click-services.pdf" target="_blank">Brochure</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-8 col-5">
<div class="tp-header-3__right-box">
<div class="tp-header-3__right-action text-end">
<ul class="d-flex align-items-center justify-content-end">
<li>
<div class="tp-header-3__icon-box d-none d-md-block pt-3" style="margin-right: 20px;" id="google_translate_element">
</div>
</li>
<li>
<div class="tp-header-3__btn d-none d-md-block">
<a class="tp-btn" href="contact.php">Get A Quote</a>
</div>
</li>
<li>
<div class="tp-header-3__bar d-xl-none">
<button class="tp-menu-bar"><i class="fa-solid fa-bars-staggered"></i></button>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header-area-end -->
</header>