templates/site/header.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <title>formation-2</title>
  8.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  9.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="{{ asset('assets/site/css/flaticon.css') }}">
  11. <link rel="stylesheet" href="{{ asset('assets/site/css/style.css') }}">
  12.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  13.     </head>
  14.     <body>
  15.         <div class="formation">
  16.             <header>
  17.             
  18.                 <div class="{% if app.request.attributes.get('_route') == 'accueil_site' %}slider-home{% else %}header-contact{% endif %}">
  19.                     <div class="container-fluid">
  20.                         <div class="row">
  21.                             <div class="col-12 col-md-12 pl-0 pr-0">
  22.                                 <div class="header-fixe d-none d-sm-block d-md-none d-block d-sm-none d-none d-lg-block d-xl-none d-none d-md-block d-lg-none">
  23.                                     <div class="part-fixe">
  24.                                         <div class="row bar-blanc">
  25.                                             <div class="col-3 col-lg-6">
  26.                                                 <a href="{{ path('accueil_site') }}"><img src="{{ asset('assets/site/images/logo-formation.png') }}"  width="100%"></a>
  27.                                             </div>
  28.                                             <div class="col-9 col-lg-6 my-auto">
  29.                                                 <div class="toggle-btn">
  30.                                                     <span></span>
  31.                                                 </div>
  32.                                             </div>
  34.                                         </div>
  37.                                         <div class="menu-mobile nav">
  38.                                             <ul class="list-unstyled">
  39.                                             
  40.                                                 <li>
  41.                                                         <a href='{{ path('accueil_site') }}'>Accueil</a>
  42.                                                 </li>
  43.                                                 <li >
  44.                                                         <a href='{{ path('qui-sommes-nous_site') }}'>Qui sommes nous</a>
  45.                                                     </li>
  46.                                                     <li >
  47.                                                         <a href='{{ path('evenements_site') }}'>Evénements</a>
  48.                                                     </li>
  49.                                                 <li class='droppable'>
  50.                                                         <a href='{{ path('contact_site') }}'>Contact</a>
  51.                                                     </li>
  52.                                                 <li>
  53.                                                 {% if is_granted('ROLE_ADMIN') %}
  54.                                             <a href="{{ path('app_dashboard') }}" >Tableau de bord</a>
  56.                                             {% elseif is_granted('ROLE_CANDIDATE') %}
  57.                                             <a href="{{ path('profil_site') }}" >Espace étudiant</a>  <a class="d-block" href="{{ path('app_logout') }}" style="color:white">Déconnexion</a>
  58.                                             {% else %}
  59.                                             <div class="connexion-modal">
  60.                                                 <a href="" data-toggle="modal" data-target="#exampleModal">Se connecter</a>
  61.                                             </div>
  62.                                             {% endif %}
  63.                                             </li>
  64.                                             <li> </li>
  65.                                             
  66.                                             </ul>
  67.                                         </div>
  68.                                         
  70.                                     </div>
  71.                                 </div>
  72.                             </div>
  73.                         </div>
  74.                     </div>
  75.                     <div class="container">
  76.                         <div class="row mt-5">
  77.                             <div class="col-12 col-md-12  d-none d-xl-block">
  78.                                 <div class="top-header-1">
  79.                                     <div class="row bar-navigation">
  80.                                         <div class="col-12 col-md-2">
  81.                                             <div class="logo">
  82.                                                 <a href="{{ path('accueil_site') }}"><img src="{{ asset('assets/site/images/logo-formation.png') }}"/></a>
  83.                                             </div>
  84.                                         </div>
  85.                                         <div class="col-12 col-md-7 text-center">
  86.                                             <nav>
  87.                                                 <ul class="container ul-reset">
  89.                                                     <li class='droppable'>
  90.                                                         <a href='{{ path('accueil_site') }}'>Accueil</a>
  91.                                                     </li>
  92.                                                     {# .droppable #}
  93.                                                     <li class='droppable'>
  94.                                                         <a href='{{ path('qui-sommes-nous_site') }}'>Qui sommes nous</a>
  95.                                                     </li>
  97.                                                 {#     <li class='droppable'>
  98.                                                         <a href='{{ path('formation_site') }}'>Notre formation</a>
  99.                                                     </li> #}
  101.                                                     <li class='droppable'>
  102.                                                         <a href='{{ path('evenements_site') }}'>Evénements</a>
  103.                                                     </li>
  105.                                                     <li class='droppable'>
  106.                                                         <a href='{{ path('contact_site') }}'>Contact</a>
  107.                                                     </li>
  108.                                                     
  109.                                                     <li>
  110.                                                     
  111.                                                     </li>
  113.                                                 </ul>
  114.                                                 {# .container .ul-reset #}
  115.                                             </nav>
  116.                                         </div>
  117.                                         <div
  118.                                             class="col-12 col-md-3 connexion">
  119.                                             {% if is_granted('ROLE_ADMIN') %}
  120.                                             <a href="{{ path('app_dashboard') }}" >Tableau de bord</a>
  121.                                             {% elseif is_granted('ROLE_CANDIDATE') %}
  122.                                             <a href="{{ path('profil_site') }}" >Espace étudiant</a> <a href="{{ path('app_logout') }}" style="color:white"><i class="fa fa-sign-out" aria-hidden="true"></i></a>
  123.                                             {% else %}
  124.                                             <div class="connexion-modal">
  125.                                                 <a href="" data-toggle="modal" data-target="#exampleModal">Se connecter</a>
  126.                                             </div>
  127.                                             {% endif %}
  129.                                         </div>
  130.                                     </div>
  131.                                 </div>
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                     {% if app.request.attributes.get('_route') == 'accueil_site' %}
  136.                     <div class="container">
  137.                         <div class="col-12 col-md-12">
  138.                             <div class="row contenu-slider">
  139.                                 <div class="col-12 col-md-9 d-none d-lg-block">
  140.                                     <div class="texte-slider">
  141.                                         <p class="mb-0 newsletter--green">Depuis 1967</p>
  142.                                         <p>
  143.                                             <b>DOYEN DES INSTITUTS DE FORMATION EN ASSURANCE</b>
  144.                                         </p>
  145.                                     </div>
  146.                                     <div class="texte-2-slider mt-3">
  147.                                         <p><img src="{{ asset('assets/site/images/icon-solution.png') }}" width="40px"/>
  148.                                             CYCLE DE FORMATION EN ASSURANCE
  149.                                             <br>
  150.                                             <img src="{{ asset('assets/site/images/icon-solution.png') }}" width="40px"/>
  151.                                             SEMINAIRES EN INTER ENTREPRISES
  152.                                             <br>
  153.                                             <img src="{{ asset('assets/site/images/icon-solution.png') }}" width="40px"/>
  154.                                             FORMATIONS EN INTRA ENTREPRISES
  155.                                         </p>
  156.                                     </div>
  157.                                 </div>
  158.                                 
  159.                             </div>
  160.                         </div>
  161.                     </div>
  162.                 </div>
  163.                 {% endif %}
  164.             </header>