nav y footer

<nav class="navbar navbar-expand-lg navbar-dark bg-dark ">
    <div class="container-fluid ">
      <a class="navbar-brand" href="/">
        <img src="{% static 'media/core/logo.png' %}" alt="" width="75" height="75">
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
        aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="justify-content-around collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav mr-auto">
          <a class="nav-item nav-link" aria-current="page" href="/">Inicio</a>
          <a class="nav-item nav-link" href="/acercade/">Acerca</a>
          <a class="nav-item nav-link" href="/productos/">Productos</a>
          <a class="nav-item nav-link" href="/contacto/">Contacto</a>
          <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
            Ingresar
          </button>
          <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalLabel">Iniciar sesion</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                  <form>
                    <div class="mb-3">
                      <label for="exampleInputEmail1" class="form-label">Correo</label>
                      <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
                        required placeholder="name@example.com">
                      <div id="emailHelp" class="form-text">Nunca compartiremos su correo electrónico con nadie más.
                      </div>
                    </div>
                    <div class="mb-3">
                      <label for="exampleInputPassword1" class="form-label">Contraseña</label>
                      <input type="password" class="form-control" id="exampleInputPassword1" required>
                    </div>
                    <div class="mb-3 form-check">
                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
                      <label class="form-check-label" for="exampleCheck1">Recordarme</label>
                    </div>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary">Iniciar sesion</button>
                  </form>
                </div>
              </div>
            </div>
          </div> <!-- Fin login -->
        </div>
        <form class="d-flex bd-highlight">
          <input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Search">
          <button class="btn btn-outline-success" type="submit">Buscar</button>
        </form>

      </div>



    </div>
  </nav>



  </nav>

  {% block content %}
  {% endblock %}
</body>
<footer>

  <h6>Derechos Reservados &copy; 2021 UNJu Facultad De Ingenieria <a href="http://www.fi.unju.edu.ar" target="_blank"
      rel="noopener noreferrer">http://www.fi.unju.edu.ar</a> y <a
      href="mailto:teamMP@fi.unju.edu.ar">teamMP@fi.unju.edu.ar</a></h6>

  <div class="d-flex justify-content-end">
    <i class="fab fa-facebook btn btn-outline-primary"></i>
  <i class="fab fa-twitter btn btn-outline-info"></i>
  <i class="fab fa-instagram btn btn-outline-secondary"></i>
  <i class="fab fa-blogger btn btn-outline-warning"></i>
  </div>

</footer>