beesgospel/templates/base.html

45 lines
2.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Le Gospel de lAbeille - Bee's Gospel{% block page_title %}{% endblock %}</title>
<link href="{% static 'vendor/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'css/main.css' %}" rel="stylesheet">
<script src="{% static 'vendor/bootstrap.bundle.min.js' %}"></script>
</head>
<body class="{% block bodyclass %}{% endblock %}">
{% block header %}
<nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark">
<div class="container-fluid">
<div class="navbar-brand d-flex align-items-center">
<div class="logo-container"><a href="/"><img src="{% static 'img/abeille.png' %}"></a></div>
<div class="harlow">Gospel de lAbeille<br>The Bee's Gospel Singers</div>
<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>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link{% if request.path == "/presentation/"%} active{% endif %}" aria-current="page" href="{% url 'presentation' %}">Présentation</a></li>
<li class="nav-sep"></li>
<li class="nav-item"><a class="nav-link{% if request.path == "/contact/" %} active{% endif %}" href="{% url 'contact' %}">Contact</a></li>
<li class="nav-sep"></li>
<li class="nav-item"><a class="nav-link" href="{% url 'agenda' %}">Agenda</a></li>
<li class="nav-sep"></li>
<li class="nav-item"><a class="nav-link" href="{% url 'medias' %}">Médias</a></li>
<li class="nav-sep"></li>
<li class="nav-item"><a class="nav-link{% if request.path == "/membres/" %} active{% endif %}" href="{% url 'membres' %}">Espace membres</a></li>
</ul>
</div>
</div>
</nav>
{% endblock header %}
<div class="container mt-4">
{% block content %}{% endblock %}
</div>
</body>
</html>