Basic_Footer1.html

<div class="container">
  <header class="header-container">
    <div class="logo">
      LOGO
    </div>
    <div class="menu-active">
      <nav class="navbar">
        <div class="nav-item"><a href="#">Home</a></div>
        <div class="nav-item"><a href="#">About</a></div>
        <div class="nav-item"><a href="#">Contact</a></div>
        <div class="nav-item"><a href="#">Blog</a></div>
      </nav>
      <div class="user-options">
        <div class="option"><i class="fa fa-moon"></i></div>
        <div class="option"><i class="fa fa-user"></i></div>
        <div class="option"><i class="fa fa-gear"></i></div>
      </div>
    </div>
    <nav class="navbar">
      <div class="nav-item"><a href="#">Home</a></div>
      <div class="nav-item"><a href="#">About</a></div>
      <div class="nav-item"><a href="#">Contact</a></div>
      <div class="nav-item"><a href="#">Blog</a></div>
    </nav>
    <div class="user-options">
      <div class="option"><i class="fa fa-moon"></i></div>
      <div class="option"><i class="fa fa-user"></i></div>
      <div class="option"><i class="fa fa-gear"></i></div>
    </div>
    <div class="menu" onclick="activeMenu()">
      <i class="fa fa-bars"></i>
    </div>
  </header>
  
  <hr>

  <!-- footer area -->
  <footer class="footer-container">
    <div class="newsletter">
      <span>Newsletter</span><div class="email"><input type="email" placeholder="Your email"><i class="fa fa-paper-plane"></i></div>
    </div>
    <div class="social-links">
      <div class="link"><a href="#"><i class="fab fa-facebook"></i></a></div>
      <div class="link"><a href="#"><i class="fab fa-instagram"></i></a></div>
      <div class="link"><a href="#"><i class="fab fa-twitter"></i></a></div>
    </div>
    <div class="copyright">
      <p>&copy; Copyright, 2023 - NB</p>
    </div>
  </footer>
</div>