fix footer to bottom

main
jgenero 3 years ago
parent 17a6084d81
commit b8e0e4a628

@ -15,7 +15,7 @@
<header> <header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="background-color: #05386B !important"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="background-color: #05386B !important">
<a class="navbar-brand" href="#">Actes princiers</a> <a class="navbar-brand" href="{{url_for('home')}}">Actes princiers</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -25,7 +25,7 @@
<a class="nav-link" href="#">À propos <span class="sr-only">(current)</span></a> <a class="nav-link" href="#">À propos <span class="sr-only">(current)</span></a>
</li>--> </li>-->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">À propos</a> <a class="nav-link" href="{{url_for('about')}}">À propos</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#">Corpus</a> <a class="nav-link" href="#">Corpus</a>
@ -42,13 +42,14 @@
</nav> </nav>
</header> </header>
<main role="main"> <main role="main" style="min-height: 80vh; height: auto !important; height: 100%; margin: 0 auto 50px;">
<!-- BLOCK CORPS --> <!-- BLOCK CORPS -->
{% block corps%}{%endblock%} {% block corps%}{%endblock%}
<p class="float-right"><a href="#">Back to top</a></p> </main>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="text-center text-lg-start bg-light" style="background-color: #05386B !important"> <footer class="footer text-center text-lg-start bg-light" style="background-color: #05386B !important;">
<section class="" style="padding: 1%;"> <section class="" style="padding: 1%;">
<p class="float-right"><a href="#">Haut de page &#x2191</a></p>
<div class="container text-center text-md-start mt-5"> <div class="container text-center text-md-start mt-5">
<div class="row"> <div class="row">
<div class="col mx-auto mb-4" style="color: white;"> <div class="col mx-auto mb-4" style="color: white;">
@ -106,7 +107,6 @@
</div> </div>
</section> </section>
</footer> </footer>
</main>
<!-- Bootstrap core JavaScript <!-- Bootstrap core JavaScript
================================================== --> ================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->

Loading…
Cancel
Save