templates/_page_header.html.twig line 1

Open in your IDE?
  1. <!-- Page Header -->
  2.     {# <div class="page-header">
  3.           <h1 style="text-align : center; color: black !important; text-transform: uppercase;"> République de Guinée </h1>
  4.         <hr style="background: linear-gradient(to right, rgba(206,17,38,1) 33%, rgba(252,209,22,1) 33% 66%, rgba(0,148,96,1) 66%); height: 7px; width: 20%; margin: 0 40% 0 40%; opacity: 1!important;">
  5.         <h1 style="text-align : center; color: black !important; text-transform: uppercase;">Ministère de l'Hurbanisme, de l'Habitat et de l'Aménagement du Territoire </h1>
  6.         <hr>
  7.         <h2 style="text-align : center;">FICHE DE CONTRÔLE, SUIVI ET ÉVALUATION DES BAUX</h2>
  8.         <!-- End Row -->
  9.     </div> #}
  11.      <style>
  12.         body {
  13.             background-color: #f8f9fa; /* Background de l'écran global */
  14.         }
  15.         .form-container {
  16.             background-color: #ffffff; /* Background du formulaire */
  17.             padding: 20px;
  18.             border-radius: 10px;
  19.             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  20.             width: 100%; /* Prend toute la largeur disponible */
  21.             max-width: 900px; /* Limite la largeur à 900px ou moins */
  22.             margin: 0 auto; /* Centre le conteneur horizontalement */
  23.             border: 1px solid #e0e0e0; /* Bordure légère pour délimiter le conteneur */
  24.         }
  26.         
  27.         .block-title {
  28.             color: #28a745; /* Couleur verte pour les titres des blocs */
  29.             font-weight: bold;
  30.             margin-bottom: 10px;
  31.         }
  32.         .header {
  33.             text-align: center;
  34.             margin-bottom: 30px;
  35.         }
  36.         .header img.logo {
  37.             margin-bottom: 10px;
  38.         }
  39.         .footer {
  40.             background-color: green;
  41.             color: white;
  42.             text-align: center;
  43.             padding: 10px;
  44.             margin-top: 30px;
  45.             border-radius: 10px;
  46.         }
  47.         .footer .logout-btn {
  48.             margin-top: 10px;
  49.         }
  50.     </style>
  52.     <div class="header">
  53.         <img class="brand-logo" src="{{ asset('assets/img/logo-MUAT-2.png') }}" alt="Logo" width=400>
  54.         <hr>
  55.         {% if app.user %}
  56.         <div class="email">
  57.             <p class="text-muted"><strong>Utilisateur connecté :</strong> {{ app.user.email }} </p>
  58.         </div>
  59.         {% endif %}
  60.     </div>
  61. <!-- End Page Header -->