templates/base_prompt.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.         <title>
  8.             {% if page_title is defined %}
  9.                 {{ page_title }}
  10.             {% else %}
  11.                 HealthyDiet
  12.             {% endif %}
  13.         </title>
  15.         <!-- Favicon -->
  16.         <link
  17.         rel="shortcut icon" href="{{ asset('images/favicon.ico') }}"/>
  19.         <!-- Font -->
  20.         <link
  21.         rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900">
  23.         <!-- css -->
  24.         <link rel="stylesheet" type="text/css" href="{{ asset('css/style.min.css') }}"/>
  26.         <style>
  27.             body,
  28.             html {
  29.                 height: 100%;
  30.                 margin: 0;
  31.                 padding: 0;
  32.             }
  34.             .background-image-fill {
  35.                 background-size: cover;
  36.                 background-position: center;
  37.                 height: 100%;
  38.                 width: 100%;
  39.                 display: flex;
  40.                 justify-content: center;
  41.                 align-items: center;
  42.                 flex-direction: column;
  43.             }
  45.             .centered-content {
  46.                 /* background-color: rgba(255, 255, 255, 0.8); */
  47.                 /* Add opacity to make content readable */
  48.                 padding: 20px;
  49.                 border-radius: 10px;
  50.                 max-width: 100%;
  51.                 text-align: center;
  52.                 display: flex;
  53.                 flex-direction: column;
  54.                 z-index: 3;
  55.             }
  56.         </style>
  57.     </head>
  59.     <body>
  60.         <div class="background-image-fill" style="background-image: url({{ asset('images/login-page-wp.jpg') }})">
  61.             <div class="bg-dark">
  62.                 <div class="content centered-content">
  63.                     <h2 style="font-size: 50px" class="text-white mb-20">Healthy<span style="color:#F26B23">Diet</span>
  64.                     </h2>
  65.                     <div>&nbsp;</div>
  66.                     {% block center_content %}{% endblock %}
  67.                     <div>&nbsp;</div>
  68.                 </div>
  69.             </div>
  70.             {# offset main content slightly above center by adding empty content below #}
  71.             <div style="height: 15%">&nbsp;</div>
  72.         </div>
  73.     </body>
  75. </html>