<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>