

<header>
    <div class="header-sec">
       <div class="header-left">
         <a href="index.php"><img src="images/logo.svg" height="55px" alt=""></a>
       </div>
       <ul class="hedaer-ul">
        <li><a href="index.php" title="home page">Home</a></li>
        <li><a href="usnews/usnews.php" title="u.s news page">U.S News</a></li>
        <li><a href="politics/politics.php" title="politics page">Politics</a></li>
        <li><a href="business/business.php" title="business page">Business</a></li>
        <li><a href="technology/technology.php" title="technology page">Technology</a></li>
        <li><a href="local/local.php" title="local page">Local</a></li>
        <li><a href="investigation/investigation.php" title="investigation page">Investigation</a></li>

       </ul>
    </div>
    <div class="header-right">
      <span id="headerDate"></span> 
       <!-- MENU BUTTON -->
  <div class="menuTrigger_x91">
    <a class="dhuyh" title="Open Menu" id="openMenu_x91">
      <img src="img/menu.svg" alt="menu" />
    </a>
   <!-- Mobile Menu Button -->
<a class="custom-mobile-toggle"  title="Mobile Open Menu" id="customMenuBtn">
  <img src="img/menu.svg" alt="menu">
</a>


  </div>

  <!-- OVERLAY (hidden by default) -->
  <div class="overlay_x91" id="overlay_x91"></div>

  <!-- SIDEBAR -->
  <div class="sidebarWrap_x91" id="sidebar_x91">
    <div class="sidebarInner_x91">

      <!-- HEADER -->
      <div class="sidebarHeader_x91">
        <div class="sidebarLogo_x91">Progress Kingdom</div>
        <button class="sidebarClose_x91" id="closeMenu_x91">&times;</button>
      </div>

      <!-- POSTS -->
      <div class="sidebarPosts_x91">

        <div class="sidebarPost_x91">
          <img src="images/skenes-and-skubal-win-cy-young-awards.webp" alt="Skenes and Skubal Win Cy Young Awards as Future Uncertainty Grows" />
          <div class="sidebarContent_x91">
            <div class="sidebarTitle_x91">Skenes and Skubal Win Cy Young Awards as Future Uncertainty Grows</div>
            <div class="sidebarMeta_x91">
              <span class="metaAuthor_x91">CONNOR K. REEVES</span>
              <span class="metaDate_x91">NOVEMBER 12, 2025</span>
            </div>
          </div>
        </div>

        <div class="sidebarDivider_x91"></div>

        <div class="sidebarPost_x91">
          <img src="images/kyren-williams-adopts-smarter-not-harder-approach.webp" alt="Kyren Williams Adopts Smarter Not Harder Approach" />
          <div class="sidebarContent_x91">
            <div class="sidebarTitle_x91">Kyren Williams Adopts ‘Smarter, Not Harder’ Approach as Rams Reshape Backfield Role</div>
            <div class="sidebarMeta_x91">
              <span class="metaAuthor_x91">CONNOR K. REEVES</span>
              <span class="metaDate_x91">NOVEMBER 11, 2025</span>
            </div>
          </div>
        </div>

        <div class="sidebarDivider_x91"></div>

        <div class="sidebarPost_x91">
          <img src="images/the-nuggets-beat-the-clippers-who-are-short-handed.webp" alt="The Nuggets beat the Clippers, who are short-handed for the sixth time in a row" />
          <div class="sidebarContent_x91">
            <div class="sidebarTitle_x91">The Nuggets beat the Clippers, who are short-handed, for the sixth time in a row. Jokic scores 55 points.</div>
            <div class="sidebarMeta_x91">
              <span class="metaAuthor_x91">CONNOR K. REEVES</span>
              <span class="metaDate_x91">NOVEMBER 13, 2025</span>
            </div>
          </div>
        </div>

      </div>

    </div>
  </div>



    </div>
    
    <script>
document.addEventListener("DOMContentLoaded", function () {
    const dateEl = document.getElementById("headerDate");

    const options = {
        year: "numeric",
        month: "long",
        day: "numeric"
    };

    dateEl.textContent = new Date().toLocaleDateString("en-US", options);
});
</script>

    

</header>

<!-- Sidebar Navigation -->
<nav class="custom-sidebar" id="customSidebar">
  <ul class="custom-menu-list">
 <li class="custom-menu-item"><a href="index.php" title="home page">Home</a></li>
    <li class="custom-menu-item"><a href="usnews/usnews.php" title="us news page">U.S News</a></li>
    <li class="custom-menu-item"><a href="politics/politics.php" title="politics page">Politics</a></li>
    <li class="custom-menu-item"><a href="business/business.php" title="business page">Business</a></li>
    <li class="custom-menu-item"><a href="technology/technology.php" title="technology page">Technology</a></li>
    <li class="custom-menu-item"><a href="local/local.php" title="local page">Local</a></li>
    <li class="custom-menu-item"><a href="investigation/investigation.php" title="investigation page">Investigation</a></li>
  </ul>
</nav>