templates/base.html.twig line 1

  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>SmartImmo — Downloader</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta name="description" content="SmartImmo Management est une application de gestion locative" />
  8.     <meta name="author" content="SmartTechnology" />
  9.     <link rel="shortcut icon" href="{{ asset('assets/smartimmoManagementHead.png') }}">
  10.     <!-- Fonts -->
  11.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  12.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  13.     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
  14.     <style>
  15.         :root{
  16.             --brand:#1D4DBF;
  17.             --ink:#111827;
  18.             --muted:#6b7280;
  19.             --bg:#f6f8fb;
  20.             --surface:#ffffff;
  21.             --radius:18px;
  22.             --ring:0 0 0 .2rem rgba(29,77,191,.15);
  23.         }
  24.         *{box-sizing:border-box}
  25.         html,body{height:100%}
  26.         body{
  27.             margin:0;
  28.             font-family:Poppins, Ubuntu, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  29.             color:var(--ink);
  30.             background:
  31.                     radial-gradient(1200px 600px at 10% -5%, rgba(29,77,191,.12), transparent 60%),
  32.                     radial-gradient(900px 500px at 110% 10%, rgba(29,77,191,.08), transparent 60%),
  33.                     var(--bg);
  34.         }
  35.         .auth-wrap{
  36.             min-height:100dvh;
  37.             display:flex;
  38.             align-items:center;
  39.             justify-content:center;
  40.             padding:32px 16px;
  41.         }
  42.         .auth-card{
  43.             width:100%;
  44.             max-width:520px;
  45.             background:var(--surface);
  46.             border-radius:var(--radius);
  47.             box-shadow:0 20px 60px rgba(17,24,39,.08);
  48.             border:1px solid rgba(17,24,39,.06);
  49.             overflow:hidden;
  50.         }
  51.         .brand{
  52.             display:flex; align-items:center; justify-content:center;
  53.             padding:28px 24px 8px;
  54.         }
  55.         .brand img{max-width:220px; height:auto}
  56.         .head{text-align:center; padding:0 24px 16px}
  57.         .head h1{margin:0; font-size:1.35rem; font-weight:700}
  58.         .sub{color:var(--muted); text-align:center; padding:0 24px 8px; font-size:.95rem}
  59.         .content{padding: 8px 24px 24px}
  60.         .form-label{
  61.             font-size:.85rem; color:#374151; margin-bottom:.35rem; font-weight:500;
  62.         }
  63.         .form-control{
  64.             width:100%;
  65.             border:1px solid #e5e7eb;
  66.             border-radius:12px;
  67.             padding:.7rem .9rem;
  68.             font-size:1rem;
  69.             outline:none;
  70.             transition:border .15s ease, box-shadow .15s ease;
  71.         }
  72.         .form-control:focus{
  73.             border-color:var(--brand);
  74.             box-shadow:var(--ring);
  75.         }
  76.         .form-error{
  77.             color:#b91c1c; font-size:.85rem; margin-top:.25rem;
  78.         }
  79.         .btn-brand{
  80.             width:100%;
  81.             border:none;
  82.             border-radius:12px;
  83.             background:var(--brand);
  84.             color:#fff;
  85.             font-weight:700;
  86.             padding:.8rem 1rem;
  87.             cursor:pointer;
  88.         }
  89.         .btn-brand:hover{filter:brightness(.95)}
  90.         .link-row{
  91.             display:flex; justify-content:flex-end; padding:8px 24px 24px;
  92.         }
  93.         .btn-link{
  94.             color:var(--brand); text-decoration:none; font-weight:600;
  95.         }
  96.         .btn-link:hover{text-decoration:underline}
  97.         .footer{
  98.             text-align:center; color:var(--muted); font-size:.9rem; margin-top:16px;
  99.         }
  100.     </style>
  101. </head>
  102. <body>
  103. <div class="auth-wrap">
  104.     <div class="auth-card">
  105.         <!-- Logo -->
  106.         <div class="brand">
  107.             <img src="{{ asset('assets/smartimmoManagementHead.png') }}" alt="Smart Immo Management">
  108.         </div>
  109.     </div>
  110. </div>
  111. <div class="footer">
  112.     <p>© <script>document.write(new Date().getFullYear())</script> SMART-TECH. TOUS DROITS RÉSERVÉS</p>
  113. </div>
  114. </body>
  115. </html>