templates/layout/_auth.html.twig line 1

  1. {% extends 'layout/master.html.twig' %}
  3. {% block layout %}
  5.     <!--begin::Root-->
  6.     <div class="d-flex flex-column flex-root" id="kt_app_root">
  7.         <!--begin::Wrapper-->
  8.         <div class="d-flex flex-column flex-lg-row flex-column-fluid">
  9.             <!--begin::Body-->
  10.             <div class="d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1">
  11.                 <!--begin::Form-->
  12.                 <div class="d-flex flex-center flex-column flex-lg-row-fluid">
  13.                     <!--begin::Wrapper-->
  14.                     <div class="w-lg-500px p-10">
  15.                         <!--begin::Page-->
  16.                         {% block content %}{% endblock %}
  17.                         <!--end::Page-->
  18.                     </div>
  19.                     <!--end::Wrapper-->
  20.                 </div>
  21.                 <!--end::Form-->
  23.                 <!--begin::Footer-->
  24.                 <div class="d-flex flex-center flex-wrap px-5">
  25.                     <!--begin::Links-->
  26.                     <div class="d-flex fw-semibold text-primary fs-base">
  27.                         <a href="#" class="px-5" target="_blank">Terms</a>
  29.                         <a href="#" class="px-5" target="_blank">Plans</a>
  31.                         <a href="#" class="px-5" target="_blank">Contact Us</a>
  32.                     </div>
  33.                     <!--end::Links-->
  34.                 </div>
  35.                 <!--end::Footer-->
  36.             </div>
  37.             <!--end::Body-->
  38.             <!--begin::Aside-->
  39.             <div class="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2" style="background-image: url({{ theme.image('auth/bg2.jpg') }})">
  40.                 <!--begin::Content-->
  41.                 <div class="d-flex flex-column flex-center py-7 py-lg-15 px-5 px-md-15 w-100">
  42.                     <!--begin::Logo-->
  43.                     <a href="/" class="mb-12">
  44.                         <img alt="Logo" src="{{ theme.image('logos/logo-smh.svg') }}" class="h-60px h-lg-75px"/>
  45.                     </a>
  46.                     <!--end::Logo-->
  47.                     <!--begin::Title-->
  48.                     <h1 class="d-none d-lg-block text-white fs-2qx fw-bolder text-center mb-7">
  49.                         Fast, Efficient and Productive
  50.                     </h1>
  51.                     <!--end::Title-->
  53.                     <!--begin::Text-->
  54.                     <div class="d-none d-lg-block text-white fs-base text-center">
  55.                         In this kind of post, <a href="#" class="opacity-75-hover text-warning fw-bold me-1">the blogger</a>
  57.                         introduces a person they’ve interviewed <br/> and provides some background information about
  59.                         <a href="#" class="opacity-75-hover text-warning fw-bold me-1">the interviewee</a>
  60.                         and their <br/> work following this is a transcript of the interview.
  61.                     </div>
  62.                     <!--end::Text-->
  63.                 </div>
  64.                 <!--end::Content-->
  65.             </div>
  66.             <!--end::Aside-->
  67.         </div>
  68.         <!--end::Wrapper-->
  69.     </div>
  70.     <!--end::Root-->
  72. {% endblock %}