<!-- navbar section -->
    <div class="navbar-section">
        <div class="nav-option-section">
            <img src="images/menu.webp" class="menu">
            <img src="images/search-interface-symbol.webp" class="search">
            <img src="images/sun.webp" class="theme">
            <img src="images/moon.webp" class="theme b">
        </div>
        <p class="logo"><a href="index.php">Hague</a></p>
        <p class="subscribe-btn"><a href="#">Subscribe</a></p>
        <img src="images/search-interface-symbol.webp" class="search b">
    </div>

    <!-- Hidden search bar -->
    <div class="search-bar">
        <input type="text" placeholder="Type & hit enter">
        <button><img src="images/search-interface-symbol.webp" alt="search"></button>
    </div>

    <!-- Sidebar -->
    <div class="sidebar">
        <ul>
            <li><a  href="index.php">Home</a></li>
            <li><a href="cateagory/us.php">U.S</a></li>
            <li><a href="cateagory/markets.php">Markets</a></li>
            <li><a href="cateagory/business.php">Business</a></li>
            <li><a href="cateagory/banking.php">Banking</a></li>
            <li><a href="cateagory/investigations.php">Investigations</a></li>
            <li><a href="cateagory/esg.php">ESG</a></li>
            <li><a href="cateagory/fintech.php">FinTech</a></li>
            <li><a href="cateagory/opinion.php">Opinion</a></li>


            <div class="socials">
                <i><a href="#"><img src="images/facebook-app-symbol.webp" class="footer-social-icon"></a></i>
                <i><a href="#"><img src="images/twitter.webp" class="footer-social-icon"></a></i>
                <i><a href="#"><img src="images/instagram.webp" class="footer-social-icon"></a></i>
                <i><a href="#"><img src="images/threads.webp" class="footer-social-icon"></a></i>
            </div>
        </ul>
    </div>



    <!-- Overlay (click outside area) -->
    <div class="overlay"></div>

    <!-- cateagory-section -->
    <div class="cateagory-section">
        <div class="category-grid-section">
            <p class="category"><a href="index.php">Home</a></p>
            
            <p class="category"><a href="cateagory/us.php">U.S</a></p>
            <p class="category"><a href="cateagory/markets.php">Markets</a></p>
            <p class="category"><a href="cateagory/business.php">Business</a></p>
            <p class="category"><a href="cateagory/banking.php">Banking</a></p>
            <p class="category"><a href="cateagory/investigations.php">Investigations</a></p>
            <p class="category"><a href="cateagory/esg.php">ESG</a></p>
            <p class="category"><a href="cateagory/fintech.php">FinTech</a></p>
            <p class="category"><a href="cateagory/opinion.php">Opinion</a></p>
        </div>
    </div>
