templates/auth/base.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>{% block page_title %}BSMS — Connexion{% endblock %}</title>
  8.   <link rel="preconnect" href="https://fonts.googleapis.com">
  9.   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10.   <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap"
  11.     rel="stylesheet">
  12.   <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/page-login.css') }}">
  13.   {% block stylesheets %}{% endblock %}
  14. </head>
  16. <body>
  18.   <div class="shell">
  20.     {# ── BRAND PANEL (partagé par toutes les pages Auth) ── #}
  21.     <div class="brand">
  22.       <div class="brand-glow"></div>
  24.       <div class="brand-logo">
  25.         <img src="{{ asset('assets/images/logo/logo_sms.png') }}" alt="BSMS">
  26.       </div>
  28.       <div class="brand-body">
  29.         <div class="brand-eyebrow">Système de notification</div>
  30.         <h1 class="brand-h1">
  31.           Des SMS livrés<br>
  32.           <em>instantanément,</em><br>
  33.           à grande échelle.
  34.         </h1>
  35.         <p class="brand-desc">
  36.           Gérez vos souscriptions, pilotez vos envois personnalisés et suivez vos statistiques depuis une interface
  37.           unifiée.
  38.         </p>
  39.         <div class="pills">
  40.           <div class="pill"><span class="pill-dot"></span>Envoi personnalisé CSV</div>
  41.           <div class="pill"><span class="pill-dot"></span>Suivi en temps réel</div>
  42.           <div class="pill"><span class="pill-dot"></span>Multi-opérateurs</div>
  43.         </div>
  44.       </div>
  46.       <div class="signal">
  47.         <div class="signal-ring"></div>
  48.         <div class="signal-ring"></div>
  49.         <div class="signal-ring"></div>
  50.         <div class="signal-ring"></div>
  51.         <div class="signal-dot"></div>
  52.       </div>
  54.       <div class="brand-footer">
  55.         &copy; {{ "now"|date("Y") }} BSMS &mdash; Tous droits réservés
  56.       </div>
  57.     </div>
  59.     {# ── FORM PANEL (propre à chaque page Auth) ── #}
  60.     <div class="form-panel">
  61.       <div class="form-inner">
  63.         <div class="form-header">
  64.           {% block form_header %}{% endblock %}
  65.         </div>
  67.         {% block alerts %}{% endblock %}
  69.         {% block form_body %}{% endblock %}
  71.       </div>
  72.     </div>
  74.   </div>
  76.   {% block scripts %}{% endblock %}
  78. </body>
  80. </html>