templates/bundles/UserBundle/security/login-layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. {% block html %}
  3. <html lang="en" class="loading">
  4. {% endblock %}
  5.   <head>
  6.     {% block meta %}
  7.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     {% endblock %}
  11.     {% block title %}
  12.         <title>Login - Apex responsive bootstrap 4 admin template</title>
  13.     {% endblock %}
  15.     {% block favicon %}
  16.         <link rel="shortcut icon" type="image/png" href="{{ asset('assets/img/pitulas-lpse.png') }}">
  17.     {% endblock %}
  18.     
  19.     {% block stylesheet %}
  20.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/apextemplate/fonts/feather/style.min.css') }}">
  21.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/apextemplate/fonts/simple-line-icons/style.css') }}">
  22.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/apextemplate/fonts/font-awesome/css/font-awesome.min.css') }}">
  23.     <link rel="stylesheet" type="text/css" href="{{ asset('bundles/apextemplate/css/app.css') }}">
  24.     <style>
  25.         .justify-content-right {
  26.             justify-content: right;
  27.         }
  28.         
  29.         .main-panel .main-content {
  30.             padding-left: 0px !important;
  31.         }
  32.         
  33.         .auth-page:not(.layout-dark) {
  34.             background-image: linear-gradient(43deg, rgba(105, 105, 105, 0.02) 0%, rgba(105, 105, 105, 0.02) 62%, rgba(227, 227, 227, 0.02) 62%, rgba(227, 227, 227, 0.02) 69%, rgba(24, 24, 24, 0.02) 69%, rgba(24, 24, 24, 0.02) 80%, rgba(13, 13, 13, 0.02) 80%, rgba(13, 13, 13, 0.02) 82%, rgba(13, 13, 13, 0.02) 82%, rgba(13, 13, 13, 0.02) 100%), linear-gradient(31deg, rgba(155, 155, 155, 0.02) 0%, rgba(155, 155, 155, 0.02) 29%, rgba(164, 164, 164, 0.02) 29%, rgba(164, 164, 164, 0.02) 41%, rgba(200, 200, 200, 0.02) 41%, rgba(200, 200, 200, 0.02) 74%, rgba(229, 229, 229, 0.02) 74%, rgba(229, 229, 229, 0.02) 79%, rgba(15, 15, 15, 0.02) 79%, rgba(15, 15, 15, 0.02) 100%), linear-gradient(319deg, rgba(39, 39, 39, 0.02) 0%, rgba(39, 39, 39, 0.02) 17%, rgba(49, 49, 49, 0.02) 17%, rgba(49, 49, 49, 0.02) 25%, rgba(59, 59, 59, 0.02) 25%, rgba(59, 59, 59, 0.02) 32%, rgba(194, 194, 194, 0.02) 32%, rgba(194, 194, 194, 0.02) 46%, rgba(220, 220, 220, 0.02) 46%, rgba(220, 220, 220, 0.02) 100%), linear-gradient(113deg, rgba(188, 188, 188, 0.02) 0%, rgba(188, 188, 188, 0.02) 15%, rgba(223, 223, 223, 0.02) 15%, rgba(223, 223, 223, 0.02) 46%, rgba(21, 21, 21, 0.02) 46%, rgba(21, 21, 21, 0.02) 88%, rgba(93, 93, 93, 0.02) 88%, rgba(93, 93, 93, 0.02) 94%, rgba(130, 130, 130, 0.02) 94%, rgba(130, 130, 130, 0.02) 100%), linear-gradient(29deg, rgba(134, 134, 134, 0.02) 0%, rgba(134, 134, 134, 0.02) 27%, rgba(181, 181, 181, 0.02) 27%, rgba(181, 181, 181, 0.02) 41%, rgba(81, 81, 81, 0.02) 41%, rgba(81, 81, 81, 0.02) 46%, rgba(253, 253, 253, 0.02) 46%, rgba(253, 253, 253, 0.02) 58%, rgba(74, 74, 74, 0.02) 58%, rgba(74, 74, 74, 0.02) 100%), linear-gradient(90deg, #e5e5e5, #e4e4e4);
  35.             background-size: cover;
  36.             background-repeat: no-repeat; 
  37.         }
  38.         
  39.         .message-content {
  40.             margin-top: 8em;
  41.             margin-left: 1.5em;
  42.             margin-right: 25em;
  43.             justify-content: center;
  44.             text-align: center;
  45.             
  46.         }
  47.         
  48.         .login-title {
  49.             margin-bottom: 2em;
  50.         }
  51.         
  52.         .login-title-text {
  53.             font-family: Georgia, serif;
  54.             font-weight: bold;
  55.             font-size: 70px;
  56.             transform: scaleY(1.5);
  57.             color: #009dd2;
  58.         }
  59.         
  60.         .login-sub-title {
  61.             font-size: 20px;
  62.             font-weight: bold;
  63.             font-family: Georgia, serif;
  64.             text-transform: uppercase;
  65.             color: #474945;
  66.         }
  67.     </style>
  68.     {% endblock %}
  69.   </head>
  70.   
  71.   <body data-col="1-column" class=" 1-column auth-page blank-page layout-transparent bg-glass-4">
  72.     <div class="wrapper">
  73.       <div class="main-panel">
  74.         <div class="main-content">
  75.           <div class="content-wrapper">
  76.             <section id="login">
  77.               <div class="container-fluid">
  78.                 <div class="row full-height-vh m-0">
  79.                   <div class="col-12 d-flex align-items-center justify-content-center">
  80.                     <div class="card" style="width: 65%;margin-right: 1em">
  81.                       <div class="card-content">
  82.                         {% block left_body %}{% endblock %}
  83.                       </div>
  84.                     </div>
  85.                     <div class="card" style="width: 30%">
  86.                       <div class="card-content">
  87.                         {% block body %}
  88.                           {{ include('@ApexTemplate/_login.twig') }}
  89.                         {% endblock %}
  90.                       </div>
  91.                     </div>
  92.                   </div>
  93.                 </div>
  94.               </div>
  95.             </section>
  96.           </div>
  97.         </div>
  98.       </div>
  99.     </div>
  100.           
  101.     {% block javascript %}
  102.     <script src="{{ asset('bundles/apextemplate/vendors/js/core/jquery-3.2.1.min.js') }}" type="text/javascript"></script>
  103.     <script src="{{ asset('bundles/apextemplate/vendors/js/core/popper.min.js') }}" type="text/javascript"></script>
  104.     <script src="{{ asset('bundles/apextemplate/vendors/js/core/bootstrap.min.js') }}" type="text/javascript"></script>
  105.     {% endblock %}
  106.   </body>
  107. </html>