1#@!#!123s

��JFIF�� 1#@!#!123s
: / home2 / argusmeast / public_html /
Filename : header-2.php
back
<header class="yellow-header">
    <div class="header__area">
        <div class="header__top d-none d-sm-block">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-6 col-lg-6 col-md-5 d-none d-md-block">
                        <div class="header__welcome">
                            <span>Welcome To Argus Middle East! Your Computer Destination</span>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-7">
                        <div class="header__action d-flex justify-content-center justify-content-md-end">
                            <ul>
                                <li><a href="https://maps.app.goo.gl/oRELTJ8SbMC2rcYF6" target="_blank"><i class="far fa-location"></i> Store Locator</a></li>
                                <li><a href="https://www.facebook.com/argusbahrain"><i class="fab fa-facebook"></i></a></li>
                                <li><a href="https://www.instagram.com/argusbahrain/"><i class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header__info">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-4 col-lg-3">
                        <div class="header__info-left d-flex justify-content-center justify-content-sm-between align-items-center">
                            <div class="logo">
                                <a href="index.php"><img src="assets/img/logo/argus-logo-gold.webp" alt="logo"  /></a>
                            </div>
                            <div class="header__hotline align-items-center d-none d-sm-flex d-lg-none d-xl-flex">
                                <div class="header__hotline-icon">
                                    <i class="fal fa-headset"></i>
                                </div>
                                <div class="header__hotline-info">
                                    <span>Hotline Free:</span>
                                    <h6>+973 33245246</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-9">
                        <div class="header__info-right">
                            <div class="header__search f-left d-none d-sm-block">
                                <form action="search.php" method="GET">
                                    <div class="header__search-box">
                                        <input type="text" name="search" placeholder="Search For Products..." />
                                        <button type="submit">Search</button>
                                    </div>
                                    <div class="header__search-cat">
                                        <select name="category_id">
                                            <option value="">ALL CATEGORIES</option>
                                            <?php
                                            // Fetch categories
                                            $query = "SELECT category_id, category_name FROM category";
                                            $result = $con->query($query);

                                            if ($result && $result->num_rows > 0) {
                                                while ($row = $result->fetch_assoc()) {
                                                    echo "<option value='" . $row['category_id'] . "'>" . $row['category_name'] . "</option>";
                                                }
                                            } else {
                                                echo "<option value=''>No Categories Available</option>";
                                            }
                                            ?>
                                        </select>
                                    </div>
                                </form>
                            </div>

                            <div class="cart__mini-wrapper d-none d-md-flex f-right p-relative">
                                <a href="tel: +973 33245246" class="cart__toggle"></a>
                                <span class="cart__content"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header__bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-6 col-6">
                        <div class="header__bottom-left d-flex d-xl-block align-items-center">
                            <div class="side-menu d-xl-none mr-20">
                                <button type="button" class="side-menu-btn side-menu-btn-2 offcanvas-toggle-btn"><i class="fas fa-bars"></i></button>
                            </div>
                            <div class="main-menu main-menu-2 d-none d-md-block">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li><a href="index.php">Home</a></li>
                                        <li><a href="about.php">About</a></li>
                                        <li><a href="products.php">All Products</a></li>
                                        <li><a href="blogs.php">Blogs</a></li>
                                        <li><a href="contact.php">Contact</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-sm-6 col-6 d-md-none d-lg-block">
                        <div class="header__bottom-right d-flex justify-content-end">
                            <div class="header__lang d-md-none d-lg-block">
                                <h6 class="text-white pt-2" style="font-size: 12px;"><i class="fal fa-envelope"></i> infobh@argusmeast.com</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- header area end -->

<!-- offcanvas area start -->
<div class="offcanvas__area">
    <div class="offcanvas__wrapper">
        <div class="offcanvas__close">
            <button class="offcanvas__close-btn" id="offcanvas__close-btn">
                <i class="fal fa-times"></i>
            </button>
        </div>
        <div class="offcanvas__content">
            <div class="offcanvas__logo mb-40">
                <a href="index.php">
                    <img src="assets/img/logo/argus-logo.webp" alt="logo" >
                </a>
            </div>
            <div class="offcanvas__search mb-25">
                <form action="#">
                    <input type="text" placeholder="What are you searching for?">
                    <button type="submit"><i class="far fa-search"></i></button>
                </form>
            </div>
            <div class="mobile-menu fix"></div>
            <div class="offcanvas__action">

            </div>
        </div>
    </div>
</div>