templates/base.html.twig line 1

Open in your IDE?
  1. <html>
  2.     <head>
  3.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4.         <meta charset="UTF-8">
  5.         <title>
  6.             {% block title %}ManiGalerie | Accueil
  7.             {% endblock %}
  8.         </title>
  9.         <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
  10.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  11.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"/>
  12.         <link rel="stylesheet" href="{{ asset('assets/css/lightbox.min.css') }}">
  13.         <link rel="stylesheet" href="{{ asset('assets/css/header.css') }}"/>
  14.         <link rel="stylesheet" href="{{ asset('assets/css/footer.css') }}"/>
  15.         <link rel="stylesheet" href="{{ asset('assets/css/content.css') }}"/>
  16.         <link rel="stylesheet" href="{{ asset('assets/css/slick.css') }}">
  17.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  18.         <script src="{{ asset('assets/js/lightbox-plus-jquery.min.js') }}"></script>
  19.     </head>
  20.     <body>
  21.         <!-- CONTAINER LARGEUR PLEINE IMAGE + LOGO HEADER-->
  22.         <div class="container-fluid img">
  23.             {% if is_granted('ROLE_ADMIN') %}
  24.                 <div class="administration">
  25.                     <a href="/admin/">
  26.                         <button type="button" class="btn btn-light">Administration</button>
  27.                     </a>
  28.                 </div>
  29.             {% endif %}
  30.             <div class="container ctr">
  31.                 <div class="blocnoir">
  32.                     <div class="small-container">
  33.                         <h1 class="title">Galerie Photo</h1>
  34.                         <div class="logo">
  35.                             <img src="{{ asset('assets/img/retest.png') }}" alt="logo"/>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </div>
  40.         </div>
  41.         <div class="container-fluid nm">
  42.             <ul class="nav justify-content-center colorblack">
  43.                 <li class="nav-item dropdown textreset">
  44.                     <a class="nav-link " href="{{ path('home') }}" aria-expanded="false">Accueil</a>
  45.                 </li>
  46.                 <li class="nav-item dropdown textreset">
  47.                     <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Choisir une catégorie</a>
  48.                     <ul class="dropdown-menu cstmenu">
  49.                         {% for category in categories.getCategories %}
  50.                             <li>
  51.                                 <a href="{{ path('album_category', {"id": category.id}) }}" class="dropdown-item navitem cstitem">{{ category.name }}</a>
  52.                             </li>
  53.                         {% endfor %}
  54.                     </ul>
  55.                 </li>
  56.             </ul>
  57.         </div>
  58.         <!-- CONTENT PAGE  -->
  59.         {% block content %}
  60.             <div class="container imgb">
  61.                 <span class="titleheadw">Bienvenue dans la galerie photo de
  62.                     <span class="yellow">l'AS Manissieux</span>
  63.                 </span>
  64.                 <div class="blocp">
  65.                     <p>
  66.                         Désormais toutes les photos prisent durant les matchs, plateaux,
  67.                                                                                                                                                                                                                                                                                                                                                                                                                                         festivités, réunions... seront affichées ici.
  68.                     </p>
  69.                     <p>
  70.                         Nous avons besoin de votre aide pour remplir les catégories de photos, pour cela rien de plus simple, envoyez vos photos à
  71.                         <span class="titlehead">photos@asmanissieux.fr</span>
  72.                     </p>
  73.                     <p>
  74.                         En cas de problème sur le site,
  75.                                                                                                                                                                                                                                                                                                                                                                                                                                       vous pouvez nous contacter par mail :
  76.                         <span class="titlehead">kg@asmanissieux.fr</span>
  77.                     </p>
  78.                 </div>
  79.                 <div class="blocvaleurs">
  80.                     <div class="valeurs convivialite">
  81.                         <img src="{{ asset('assets/img/convivialite.svg') }}" alt="convivialité image">
  82.                         <span class="titlehead yellow">Convivialité</span>
  83.                     </div>
  84.                     <div class="valeurs respect">
  85.                         <img src="{{ asset('assets/img/respect.svg') }}" alt="respect image">
  86.                         <span class="titlehead">
  87.                             Respect</span>
  88.                     </div>
  89.                     <div class="valeurs engagement">
  90.                         <img src="{{ asset('assets/img/engagement.svg') }}" alt="Engagement image">
  91.                         <span class="titlehead yellow">Engagement</span>
  92.                     </div>
  93.                     <div class="valeurs esprit">
  94.                         <img src="{{ asset('assets/img/equipe.svg') }}" alt="Equipe image">
  95.                         <span class="titlehead">
  96.                             Esprit d'équipe</span>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         {% endblock %}
  101.         <!-- FOOTER 
  102.                                         
  103.                                                 <div class="container-fluid bg">
  104.                                                     <div class="minicontainer">
  105.                                                         <div class="logo2"><img class="obj-fit" src="{{ asset('assets/img/logo.png') }}" alt="logo"/><span class="textreset">AS Manissieux</span>
  106.                                                         </div><hr class="ligne"/><div class="reseaux">
  107.                                                             <span class="copyright">©2021 ASMSP 0.1, tous droits réservés.</span>
  108.                                                             <div class="icon">
  109.                                                                 <a class="ficon" href="https://www.facebook.com/asmsp69"><img src="{{ asset('assets/img/Facebook.svg') }}" alt="icon facebook"/></a>
  110.                                                                 <a class="ficon" href="https://www.instagram.com/as_manissieux/"><img src="{{ asset('assets/img/Instagram.svg') }}" alt="icon instagram"/></a>
  111.                                                                 <a class="ficon" href="#"><img src="{{ asset('assets/img/twitter.svg') }}" alt="icon twitter"/></a>
  112.                                                             </div>
  113.                                                         </div>
  114.                                                     </div>
  115.                                                 </div>
  116.                                         -->
  117.         <script src="{{ asset('assets/js/slick.min.js') }}"></script>
  118.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.min.js" integrity="sha384-PsUw7Xwds7x08Ew3exXhqzbhuEYmA2xnwc8BuD6SEr+UmEHlX8/MCltYEodzWA4u" crossorigin="anonymous"></script>
  119.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ" crossorigin="anonymous"></script>
  120.         {% block script %}{% endblock %}
  121.     </body>
  122. </html>