navbar and footer

This commit is contained in:
gw3000 2023-06-10 16:45:19 +02:00
parent 81b4364785
commit e72dcd86c5
2 changed files with 43 additions and 2 deletions

View file

@ -1 +1,16 @@
footer <div class="container">
<footer class="footer d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<p class="col-md-4 mb-0 text-muted">© 2023 fbf</p>
<ul class="nav col-md-4 justify-content-end">
<li class="nav-item">
<a class="nav-link px-2 text-muted" href="{% url 'rescuer_all' %}">Home</a>
</li>
<li class="nav-item">
<a class="nav-link px-2 text-muted" href="{% url 'rescuer_all' %}">Datenschutzerklärung</a>
</li>
<li class="nav-item">
<a class="nav-link px-2 text-muted" href="{% url 'rescuer_all' %}">Impressum</a>
</li>
</ul>
</footer>
</div>

View file

@ -1 +1,27 @@
navbar {% load static %}
<nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
<div class="container">
<img src="{% static 'img/logo.png' %}" alt="logo" width="35" height="35" />
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link {% if '/bird/all' in request.path %} active {% endif %}"
href="{% url 'bird_all' %}">Vögel in Behandlung</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link {% if '/rescuer/all' in request.path %} active {% endif %}"
href="{% url 'rescuer_all' %}">Finder</a>
</li>
</ul>
</div>
</div>
</nav>
<br />