hp/footer.php

<div id="footer-nav">
</div>
  <div class="footer mt-5 py-5">
    <div id="footer-widget" class="m-0">
      <div class="container text-light">
        <div class="row">
          <div class="col-12 col-lg-4 d-none d-md-block">
            <?php if ( is_active_sidebar( 'footer-1' )) :  dynamic_sidebar( 'footer-1' ); endif; ?>
          </div>
          <div class="col-12 col-lg-4 d-none d-md-block">
            <?php if ( is_active_sidebar( 'footer-2' )) :  dynamic_sidebar( 'footer-2' ); endif; ?>
          </div>
          <div class="col-12 col-lg-4">
              <h3 class="widget-title">Newsletter</h3>
              <form class="mc">
                <h3 class="lato-widget">Sign up to receive email updates from us.</h3>
                <div class="form-group row">
                  <div class="col">
                    <input type="text" class="form-control" placeholder="First name">
                  </div>
                  <div class="col">
                    <input type="text" class="form-control" placeholder="Last name">
                  </div>
                </div>
                <div class="form-group row mt-2">
                  <div class="col">
                    <input type="email" class="form-control" id="inputEmail4" placeholder="Email Address">
                  </div>
                </div>
                <button type="submit" class="btn btn-outline-light mt-2">Sign up</button>
                <a href="newsletter" class="btn btn-outline-light  mt-2"><i class="bi bi-archive"></i> Archive</a>
              </form>
              <?php if ( is_active_sidebar( 'footer-3' )) :  dynamic_sidebar( 'footer-3' ); endif; ?>
            </div>
        </div>
      </div>
    </div>
  </div>
<footer id="colophon" class="site-footer" role="contentinfo">
  <div class="container text-muted pt-3 pb-3">
    <div class="d-flex justify-content-md-end justify-content-sm-center">
      <nav class="navbar navbar-expand navbar-dark p-0">

      <?php
        wp_nav_menu( array(
          'theme_location' => 'bottom',
          'menu_id'         => 'bottom-nav',
          'menu_class'      => 'navbar-nav text-center',
          'container'       => false,
          'depth'           => 0,
          'fallback_cb'     => false,
          'walker'          => new WP_Bootstrap_Navwalker()
        ));
      ?>
      </nav>
    </div>
    <div class="d-flex justify-content-md-start justify-content-sm-center">
      <div class="site-info py-1 text-muted">
        &copy; <?php echo date('Y'); ?> <?php echo '<a href="'.home_url().'">'.get_bloginfo('name').'</a>'; ?><br />
        408 West Alexander Avenue, Greenwood, SC 29646
      </div>

    </div>
    <div class="site-credits text-muted">
      <!--<p class="text-end pb-0"><i class="fs-2 bi bi-toggle-off"></i></p>-->
      <p class="text-end">website IHO: <a href="https://en.wikipedia.org/wiki/Captain_Tom">Thomas Moore</a></p>
    </div>
  </div>
</footer>
<?php wp_footer(); ?>
</body>
</html>