     <div class="top-bar">
        <div class="top-left">

            <img class="menu-togg menu-toggle" src="../image/menu.png" alt="menu" width="16" height="16">
            <a title="Logo" href="main.php"> <img class="main-logo"
                    src="../image/policynow-logo.png"
                    alt="Logo"></a>
            <img id="darkModeToggle" src="../image/light-mode.svg" alt="image" width="15" height="15">
        </div>
        <div class="sidebar-overlay" id="sidebarOverlay"></div>
        <div class="sidebar" id="sidebar">
           

            <nav class="sidebar-nav">
                <div class="nav-section">
                    <div class="nav-grid">
                        <a title="Politics & Policy" href="politics-andpolicy.php" class="nav-item">Politics & Policy</a>
                        <a title="Business & Economy" href="business-and-economy.php" class="nav-item">Business & Economy</a>
                        <a title="Global Affairs" href="global-affairs.php" class="nav-item">Global Affairs</a>
                        <a title="Technology & Innovation" href="technology-and-innovation.php" class="nav-item">Technology & Innovation</a>
                        <a title="Finance & Markets" href="finance-and-markets.php" class="nav-item">Finance & Markets</a>
                        <a title="Featured PR" href="featured-pr.php" class="nav-item">Featured PR</a>
                        <a title="Authors" href="author.php" class="nav-item">Authors</a>
                    </div>
                </div>

                <div class="social-section">
                    <div class="social-icons">
                        <a title="facebook" href="#" class="social-icon">
                            <img class="menu-toggle" src="../image/facebook.png" alt="facebook" width="16" height="16">
                        </a>
                        <a title="twitter" href="#" class="social-icon">
                            <img class="menu-toggle" src="../image/twitter.png" alt="twitter" width="16" height="16">
                        </a>

                        <a title="youtube" href="#" class="social-icon">
                            <img class="menu-toggle" src="../image/youtube.png" alt="youtube" width="16" height="16">
                        </a>

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

    </div>
