<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>
{% block title %}ManiGalerie | Accueil
{% endblock %}
</title>
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"/>
<link rel="stylesheet" href="{{ asset('assets/css/lightbox.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/header.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/footer.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/content.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/slick.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script src="{{ asset('assets/js/lightbox-plus-jquery.min.js') }}"></script>
</head>
<body>
<!-- CONTAINER LARGEUR PLEINE IMAGE + LOGO HEADER-->
<div class="container-fluid img">
{% if is_granted('ROLE_ADMIN') %}
<div class="administration">
<a href="/admin/">
<button type="button" class="btn btn-light">Administration</button>
</a>
</div>
{% endif %}
<div class="container ctr">
<div class="blocnoir">
<div class="small-container">
<h1 class="title">Galerie Photo</h1>
<div class="logo">
<img src="{{ asset('assets/img/retest.png') }}" alt="logo"/>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid nm">
<ul class="nav justify-content-center colorblack">
<li class="nav-item dropdown textreset">
<a class="nav-link " href="{{ path('home') }}" aria-expanded="false">Accueil</a>
</li>
<li class="nav-item dropdown textreset">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Choisir une catégorie</a>
<ul class="dropdown-menu cstmenu">
{% for category in categories.getCategories %}
<li>
<a href="{{ path('album_category', {"id": category.id}) }}" class="dropdown-item navitem cstitem">{{ category.name }}</a>
</li>
{% endfor %}
</ul>
</li>
</ul>
</div>
<!-- CONTENT PAGE -->
{% block content %}
<div class="container imgb">
<span class="titleheadw">Bienvenue dans la galerie photo de
<span class="yellow">l'AS Manissieux</span>
</span>
<div class="blocp">
<p>
Désormais toutes les photos prisent durant les matchs, plateaux,
festivités, réunions... seront affichées ici.
</p>
<p>
Nous avons besoin de votre aide pour remplir les catégories de photos, pour cela rien de plus simple, envoyez vos photos à
<span class="titlehead">photos@asmanissieux.fr</span>
</p>
<p>
En cas de problème sur le site,
vous pouvez nous contacter par mail :
<span class="titlehead">kg@asmanissieux.fr</span>
</p>
</div>
<div class="blocvaleurs">
<div class="valeurs convivialite">
<img src="{{ asset('assets/img/convivialite.svg') }}" alt="convivialité image">
<span class="titlehead yellow">Convivialité</span>
</div>
<div class="valeurs respect">
<img src="{{ asset('assets/img/respect.svg') }}" alt="respect image">
<span class="titlehead">
Respect</span>
</div>
<div class="valeurs engagement">
<img src="{{ asset('assets/img/engagement.svg') }}" alt="Engagement image">
<span class="titlehead yellow">Engagement</span>
</div>
<div class="valeurs esprit">
<img src="{{ asset('assets/img/equipe.svg') }}" alt="Equipe image">
<span class="titlehead">
Esprit d'équipe</span>
</div>
</div>
</div>
{% endblock %}
<!-- FOOTER
<div class="container-fluid bg">
<div class="minicontainer">
<div class="logo2"><img class="obj-fit" src="{{ asset('assets/img/logo.png') }}" alt="logo"/><span class="textreset">AS Manissieux</span>
</div><hr class="ligne"/><div class="reseaux">
<span class="copyright">©2021 ASMSP 0.1, tous droits réservés.</span>
<div class="icon">
<a class="ficon" href="https://www.facebook.com/asmsp69"><img src="{{ asset('assets/img/Facebook.svg') }}" alt="icon facebook"/></a>
<a class="ficon" href="https://www.instagram.com/as_manissieux/"><img src="{{ asset('assets/img/Instagram.svg') }}" alt="icon instagram"/></a>
<a class="ficon" href="#"><img src="{{ asset('assets/img/twitter.svg') }}" alt="icon twitter"/></a>
</div>
</div>
</div>
</div>
-->
<script src="{{ asset('assets/js/slick.min.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.min.js" integrity="sha384-PsUw7Xwds7x08Ew3exXhqzbhuEYmA2xnwc8BuD6SEr+UmEHlX8/MCltYEodzWA4u" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ" crossorigin="anonymous"></script>
{% block script %}{% endblock %}
</body>
</html>