  <footer class="footer-sec">
  <div class="footer-container">
    <!-- Left Info -->
    <div class="footer-brand">
    
      <a href="index.php"><img loading="lazy" class="footer-logo" src="images/logo.svg" height="75px" alt=""></a>
      <p class="footer-desc">
       A US-based online news source that is independent, timely, accurate, and well-researched. We report on local politics, business, sports, tech, and investigations accurately.
      </p>

      <div class="footer-socials">
        <a href="https://x.com/ProgreesK43679" title="x"><img loading="lazy" height="25px" src="img/x.webp" alt="x" /></a>
        <a href="https://instagram.com/progresskingdom_/"  title="instagram"><img loading="lazy" height="25px" src="img/instagram.webp" alt="instagram" /></a>
        <a href="https://substack.com/@progresskingdom"  title="substack"><img loading="lazy" height="25px" src="img/substack.webp" alt="substack" /></a>
        <a href="https://medium.com/@progresskingdom"  title="medium"><img loading="lazy" height="25px"  src="img/medium.webp" alt="medium" /></a>
      </div>
    </div>

    <!-- Resources -->
    <div class="footer-col">
      <h3 class="footer-title">Category</h3>
      <ul>
        <li><a href="usnews/usnews.php">U.S News</a></li>
        <li><a href="politics/politics.php">Politics</a></li>
        <li><a href="business/business.php">Business</a></li>
        <li><a href="technology/technology.php">Technology</a></li>
        <li><a href="local/local.php">Local</a></li>
        <li><a href="investigation/investigation.php">Investigation</a></li>
      </ul>
    </div>

    <!-- Useful Links -->
    <div class="footer-col">
      <h3 class="footer-title">Useful Links</h3>
      <ul>
        <li><a href="about.php" title="about page">About</a></li>
        <li><a href="authors.php" title="authors">Authors</a></li>
        <li><a href="privacy-policy.php">Privacy Policy</a></li>
      </ul>
    </div>

    <!-- Subscribe -->
    <div class="footer-subscribe">
      <h3 class="footer-title">Subscribe Now</h3>
      <form class="footer-form">
        <input type="email" placeholder="your@email.com" class="footer-input">
        <button type="submit" class="footer-btn" aria-label="Subscribe">
          <img loading="lazy" src="img/rock.webp" alt="">
        </button>
      </form>
      <label class="footer-check">
        <input type="checkbox"> I have read and accept the Terms & Policy
      </label>
    </div>
  </div>

  <div class="footer-bottom">
    <p>Copyright © Progress Kingdom 2025. All rights reserved</p>
    <div class="footer-legal">
      Terms of Use
    </div>
  </div>
</footer>