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