45 lines
2.2 KiB
HTML
45 lines
2.2 KiB
HTML
<!doctype html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Le Gospel de l’Abeille - Bee's Gospel</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>
|
||
{% 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"><a href="/">
|
||
<img src="{% static 'img/abeille.png' %}"></a>
|
||
<div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div>
|
||
</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 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="#">Agenda</a></li>
|
||
<li class="nav-sep">•</li>
|
||
<li class="nav-item"><a class="nav-link" href="#">Médias</a></li>
|
||
<li class="nav-sep">•</li>
|
||
<li class="nav-item"><a class="nav-link" href="#">Espace membres</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
{% endblock header %}
|
||
|
||
<div class="container mt-4">
|
||
{% block content %}{% endblock %}
|
||
</div>
|
||
</body>
|
||
</html>
|