templates/page/flow.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_title %}
  4.     {{ 'storefront.title'|resolve|striptags }} | Der Ablauf
  5. {% endblock %}
  7. {% block content %}
  8.     <div class="container-3xl my-5">
  9.         <div class="row">
  10.             <div class="col-12 col-lg-7 col-xl-6">
  11.                 <h1 class="ornament">{{ 'flow.title'|resolve|striptags }}</h1>
  12.                 <p>
  13.                     {{ 'flow.description'|resolve }}
  14.                 </p>
  15.             </div>
  16.             <div class="col-12 col-md-8 col-lg-5 col-xl-6 mt-5 mt-sm-0">
  17.                 {% if tenant.config.subImage %}
  18.                     <img class="w-100" src="/images/{{ tenant.config.tenant.uploadDirectory }}/{{ tenant.config.subImage }}">
  19.                 {% endif %}
  20.             </div>
  21.         </div>
  22.     </div>
  24.     <div class="container-3xl mb-0 my-sm-5">
  25.         <div class="row">
  26.             <div class="col-12 col-md-6 mb-5 mb-md-0">
  27.                 <div class="p-3 shadow border-accent">
  28.                     <h4>{{ 'flow.first.title'|resolve }}</h4>
  29.                     {{ 'flow.first.description'|resolve }}
  30.                     <div class="d-inline-flex flex-column">
  31.                         <a href="{{ tenant.config.applyForEhbaLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.first.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  32.                         <a href="{{ tenant.config.orderEhbaLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.first.second.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.             <div class="col-12 col-md-6 mt-0 mb-5 mb-md-0 mt-md-10">
  37.                 <div class="p-3 shadow border-accent">
  38.                     <h4>{{ 'flow.second.title'|resolve }}</h4>
  39.                     {{ 'flow.second.description'|resolve }}
  40.                     <div class="d-inline-flex flex-column">
  41.                         <a href="{{ tenant.config.applyForSmcbLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.second.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  42.                         <a href="{{ tenant.config.orderSmcbLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.second.second.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.             <div class="col-12 col-md-6 mt-0 mb-5 mb-md-0 mt-md-n5">
  47.                 <div class="p-3 shadow bg-accent">
  48.                     <h4>{{ 'flow.third.title'|resolve }}</h4>
  49.                     {{ 'flow.third.description'|resolve }}
  50.                     <a href="{{ tenant.categories ? path('categories') : path('products') }}" class="linktext text-dark fw-bold">{{ 'flow.third.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  51.                 </div>
  52.             </div>
  53.             <div class="col-12 col-md-6 mt-0 mb-5 mb-md-0 mt-md-8">
  54.                 <div class="p-3 shadow bg-white border-accent">
  55.                     <h4>{{ 'flow.fourth.title'|resolve }}</h4>
  56.                     {{ 'flow.fourth.description'|resolve }}
  57.                     <a href="{{ tenant.config.checklistLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.fourth.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  58.                 </div>
  59.             </div>
  60.         </div>
  61.     </div>
  63.     <div class="bg-lightgrey">
  64.         <div class="container-3xl py-5 mt-0 pt-sm-8 mt-sm-n7">
  65.             <div class="row">
  66.                 <div class="col-12 col-md-6 offset-md-3">
  67.                     <div class="p-3 shadow border-accent bg-white position-relative">
  68.                         <h4>{{ 'flow.fifth.title'|resolve }}</h4>
  69.                         {{ 'flow.fifth.description'|resolve }}
  70.                         <a href="{{ tenant.config.applicationPortalLink|default('#') }}" class="linktext text-dark fw-bold">{{ 'flow.fifth.first.button.title'|resolve }}<i class="fas fa-long-arrow-alt-right"></i></a>
  71.                     </div>
  72.                     <svg class="d-block mx-auto mt-2" width="10" height="84">
  73.                         <g fill="none" stroke="black" stroke-width="4">
  74.                             <path stroke-dasharray="6,6" d="M5 0 v215 0" />
  75.                         </g>
  76.                     </svg>
  77.                     <p class="fw-bold text-center mb-0">{{ 'flow.end.description'|resolve }}</p>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </div>
  82. {% endblock %}