Add footer

This commit is contained in:
Jannis Portmann 2021-05-19 23:07:19 +02:00
parent 90d67833e1
commit 513de8bf81
2 changed files with 26 additions and 5 deletions

View file

@ -6,6 +6,16 @@ $primary: darken(#005035, 20%);
// the ~ allows you to reference things in node_modules // the ~ allows you to reference things in node_modules
@import "~bootstrap/scss/bootstrap"; @import "~bootstrap/scss/bootstrap";
footer {
background-color: #ddd;
height: 6rem;
}
.container {
min-height: 100vh;
margin-bottom: -9rem;
}
.offer-img { .offer-img {
height: 15rem; height: 15rem;
object-fit: cover; object-fit: cover;
@ -24,10 +34,6 @@ $primary: darken(#005035, 20%);
float: right; float: right;
} }
.offer-container {
padding-top: 2rem;
}
.img-container { .img-container {
width: 50%; width: 50%;
min-width: 20rem; min-width: 20rem;

View file

@ -65,8 +65,23 @@
</div> </div>
</nav> </nav>
<div class="container offer-container"> <div class="container pt-5">
<div class="inner-container">
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div>
</div> </div>
<footer class="text-center text-white">
<div class="pt-1">
<section class="mb-1">
<a class="btn btn-link btn-floating btn-lg text-dark m-1" href="#!" role="button" data-mdb-ripple-color="dark"><i class="fab fa-mastodon"></i></a>
<a class="btn btn-link btn-floating btn-lg text-dark m-1" href="#!" role="button" data-mdb-ripple-color="dark"><i class="fab fa-github"></i></a>
</section>
</div>
<div class="text-center text-dark">
<a href="https://creativecommons.org"><i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i></a>
<a class="text-dark" href="{{ path('homepage') }}">pflänz.li</a>
</div>
</footer>
</body> </body>
</html> </html>