Mini Shell

<?php
$about = mysqli_fetch_assoc(mysqli_query($con, "SELECT * FROM `about`"));
$contact = mysqli_fetch_assoc(mysqli_query($con, "SELECT * FROM `info_co`"));
?>
<div class="boxed_wrapper ltr">
    <div class="loader-wrap">
        <div class="preloader">
            <div class="preloader-close">Preloader Close</div>
        </div>
        <div class="layer layer-one"><span class="overlay"></span></div>
        <div class="layer layer-two"><span class="overlay"></span></div>
        <div class="layer layer-three"><span class="overlay"></span></div>
    </div>

    <header class="main-header header-style-one">
        <div class="header-top">
            <div class="container">
                <div class="outer-box clearfix">
                    <div class="header-top_left pull-left">
                        <div class="text">
                            <p>Call Us Now</p>
                        </div>
                        <div class="header-contact-info1">
                            <ul>
                                <li><span class="icon-calling"></span><a href="tel:+91<?= $contact['phone'] ?>">+91 <?= $contact['phone'] ?></a>
                                </li>
                                <li><span class="icon-email"></span><a href="mailto:<?= $contact['email'] ?>">
                                        <?= $contact['email'] ?></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-top_right pull-right">
                        <div class="header-mail-box">
                            <p>Reach Us Now</p>
                        </div>
                        <div class="space-box1"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header">
            <div class="container-fluid">
                <div class="outer-box">
                    <div class="header-left">
                        <div class="logo"><a href="index.php"><img src="assets/images/resources/logo-1.png" alt="Awesome Logo"
                                    title=""></a></div>
                    </div>
                    <div class="header-right">
                        <div class="nav-outer style1 clearfix">
                            <div class="mobile-nav-toggler">
                                <div class="inner"><span class="icon-bar"></span><span class="icon-bar"></span><span
                                        class="icon-bar"></span></div>
                            </div>
                            <nav class="main-menu style1 navbar-expand-md navbar-light">
                                <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                                    <ul class="navigation clearfix">
                                        <li class=" current"><a href="index.php"><span>Home</span></a>
                                        </li>
                                        <li><a href="about.php"><span>About</span></a>
                                        </li>
                                        <li class="dropdown"><a href="#"><span>Solutions </span></a>
                                            <ul style="overflow-y:scroll; height:350px; background:#112862;">
                                                <?php
                                                $sql = mysqli_query($con, "SELECT * FROM `product`");
                                                while ($product = mysqli_fetch_assoc($sql)) {
                                                ?>
                                                    <li><a href="product.php?url=<?= $product['url'] ?>"><?= $product['name'] ?></a> </li>
                                                <?php } ?>
                                            </ul>
                                        </li>
                                        <li><a href="gallery.php"><span>Gallery</span></a></li>
                                        <li><a href="#"><span>Brochure</span></a></li>
                                        <li><a href="contact.php"><span>Contact</span></a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="sticky-header">
            <div class="container">
                <div class="clearfix">
                    <div class="logo float-left"><a href="index.php" class="img-responsive"><img
                                src="assets/images/resources/sticky-logo-1.png" alt="" title=""></a></div>
                    <div class="right-col float-right">
                        <nav class="main-menu clearfix"></nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon fa fa-times-circle"></span></div>
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.php"><img src="assets/images/footer/footer-logo.png" alt=""
                            title=""></a></div>
                <div class="menu-outer"></div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="<?= $contact['facebook'] ?>"><span class="fab fa fa-facebook-square"></span></a></li>
                        <li><a href="<?= $contact['twitter'] ?>"><span class="fab fa fa-twitter-square"></span></a></li>
                        <li><a href="<?= $contact['insta'] ?>"><span class="fab fa fa-instagram-square"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div>
    </header>
    <!-- <div class="row slider-mt">
            <div class="col-12">
                <video src="assets/images/bg-vd.mp4" loop muted autoplay width="100%"></video>
            </div>
        </div> -->