templates/pages/about.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block content %}
  4.     {{ include('@components/hero-header.html.twig', {
  5.         image: content.image.url,
  6.         text: content.heroImageText
  7.     }) }}
  8.     {{ include('@components/image-text-section.html.twig', {
  9.         image: content.teaserImage1.url|default('/website/images/placeholder-image.png'),
  10.         text: content.teaserText1,
  11.         order: {
  12.             text: '1',
  13.             image: '2'
  14.         },
  15.         externalLink: true
  16.     }) }}
  17.     {{ include('@components/image-text-section.html.twig', {
  18.         image: content.teaserImage2.url|default('/website/images/placeholder-image.png'),
  19.         text: content.teaserText2,
  20.         order: {
  21.             text: '2',
  22.             image: '1'
  23.         },
  24.         externalLink: true
  25.     }) }}
  26.     {{ include('@components/image-text-section.html.twig', {
  27.         image: content.teaserImage3.url|default('/website/images/placeholder-image.png'),
  28.         text: content.teaserText3,
  29.         order: {
  30.             text: '1',
  31.             image: '2'
  32.         },
  33.         button: {
  34.             withIcon: true,
  35.             text: content.teaserUrlText3,
  36.             link: content.teaserUrl3
  37.         },
  38.         externalLink: true
  39.     }) }}
  40.     {{ include('@components/image-text-section.html.twig', {
  41.         backgroundColorClass: 'bg-grey',
  42.         image: content.teaserImage4.url|default('/website/images/placeholder-image.png'),
  43.         text: content.teaserText4,
  44.         imageIsIcon: true,
  45.         order: {
  46.             text: '2',
  47.             image: '1'
  48.         },
  49.         button: {
  50.             withIcon: true,
  51.             text: content.teaserUrlText4,
  52.             link: content.teaserUrl4
  53.         },
  54.         externalLink: true
  55.     }) }}
  56.     {{ include('@components/image-text-section.html.twig', {
  57.         image: content.teaserImage5.url|default('/website/images/placeholder-image.png'),
  58.         text: content.teaserText5,
  59.         order: {
  60.             text: '2',
  61.             image: '1'
  62.         },
  63.         button: {
  64.             withIcon: true,
  65.             text: content.teaserUrlText5,
  66.             link: content.teaserUrl5
  67.         },
  68.         externalLink: true
  69.     }) }}
  70.     <div class="image-text-section mb-5 mt-lg-7 bg-yellow">
  71.         <div class="container py-3 py-md-5">
  72.             <div class="row gx-0 gx-md-5">
  73.                 <div class="col-12 col-lg-6 order-2 order-lg-2 d-flex flex-column justify-content-between">
  74.                     <div class="teaser-text">{{ content.teaserText6|raw }}</div>
  75.                     {{ include('@components/link.html.twig', {
  76.                         text: content.teaserUrlText6,
  77.                         link: content.teaserUrl6,
  78.                         textRight: true
  79.                     }) }}
  80.                 </div>
  81.                 <div class="col-12 col-lg-6 mb-4 mb-lg-0 order-1 order-lg-1">
  82.                     <img class="d-block w-100 mt-lg-n6" src="{{ content.teaserImage6.url }}" alt="">
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  87. {% endblock %}