templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>
  6.         {% block title %}Connexion{% endblock %} | Handicap International
  7.     </title>
  9.     <meta name="robots" content="noindex, nofollow" />
  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=Nunito:wght@700&display=swap" rel="stylesheet">
  15.     <style>
  17.         .body {
  18.             width: 100vw;
  19.             height: 100vh;
  20.             overflow: hidden;
  21.             display: flex;
  22.             flex-direction: column;
  23.             justify-content: center;
  24.             align-items: center;
  25.             background-color: #006CBB;
  26.             color: white;
  27.             font-family: 'Nunito', sans-serif;
  28.         }
  30.         .main {
  31.             max-width: 480px;
  32.             width: 100%;
  33.         }
  35.         .logo {
  36.             display: block;
  37.             margin: 0 auto;
  38.         }
  40.         .main-content {
  41.             display: flex;
  42.             align-items: center;
  43.             justify-content: center;
  44.             flex-direction: column;
  45.             text-align: center;
  46.         }
  48.         a {
  49.             color: #FFDF00;
  50.         }
  52.         fieldset {
  53.             border: 0;
  54.         }
  56.         fieldset legend {
  57.             display: none;
  58.         }
  60.         fieldset > div > div {
  61.             padding: 8px 0;
  62.         }
  64.         fieldset label {
  65.             margin-right: 8px;
  66.         }
  67.     </style>
  69. </head>
  71. <body class="body">
  73.     <main class="main">
  75.         <img src="{{ asset('static/img/logo.svg') }}" alt="logo handicap international" class="logo">
  77.         {% block body %}
  79.         {% endblock %}
  80.     </main>
  82.     {% block javascripts %}
  83.         {{ encore_entry_script_tags('app') }}
  84.     {% endblock %}
  85. </body>
  86. </html>