templates/areas/home-page-hero/view.html.twig line 1

Open in your IDE?
  1. <div class="bg-purple-background homepage-hero">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-lg-8 col-md-8 z-100">
  5.                 <div class="d-flex flex-column animate__animated animate__fadeInDown">
  6.                     <div class="homepage-hero-title">
  7.                         {{ pimcore_wysiwyg('hero-title', {
  8.                             "toolbarGroups": [
  9.                                 {
  10.                                     "name": 'WYSIWYG 1',
  11.                                     "groups": [ 'basicstyles', 'colors', 'links','styles' ]
  12.                                 }
  13.                             ]
  14.                         }) }}
  15.                     </div>
  16.                     <div class="row">
  17.                         <div class="col-lg-9">
  18.                             <div class="font-weight-medium mt-5 mt-md-4 mt-sm-4 homepage-hero-intro-content pr-lg-3">
  19.                                 {{ pimcore_wysiwyg('hero-description', {
  20.                                     "toolbarGroups": [
  21.                                         {
  22.                                             "name": 'WYSIWYG 1',
  23.                                             "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  24.                                         }
  25.                                     ]
  26.                                 }) }}
  27.                             </div>
  28.                         </div>
  29.                         <div class="col-md-8 col-lg-7">
  30.                             <div class="font-weight-medium mt-4 text-center text-md-left mt-sm-5 homepage-hero-download-label">
  31.                                 {{ pimcore_wysiwyg('hero-download-label', {
  32.                                     "toolbarGroups": [
  33.                                         {
  34.                                             "name": 'WYSIWYG 1',
  35.                                             "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  36.                                         }
  37.                                     ]
  38.                                 }) }}
  39.                             </div>
  40.                             <div class="text-center text-md-left">
  41.                                 <div class="app-buttons app-buttons--hero">
  42.                                     {% include 'components/google-play-button.html.twig' %}
  43.                                     {% include 'components/app-store-button.html.twig' %}
  44.                                 </div>
  45.                             </div>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.         {# <img src="{{ asset('static/images/header_illustration.webp') }}" alt="Homepage hero illustration" class="homepage-hero__image"> #}
  52.         {% if editmode %}
  53.             <div class="homepage-hero__image" {{ editmode ? 'style="right: 0; width: 400px;"' }}>
  54.                 {{ pimcore_image("homePageHero", {
  55.                     "min-width": "100%",
  56.                     "height": 440,
  57.                 }) }}
  58.             </div>
  59.         {% elseif not editmode and not pimcore_image('homePageHero').isEmpty() %}
  60.             <div class="homepage-hero__image">
  61.                 {{ pimcore_image("homePageHero").getThumbnail("homePageHero").getHtml({ alt: pimcore_image("aboutHeroImage").getAlt() }) | raw }}
  62.             </div>
  63.         {% endif %}
  64.     </div>
  65. </div>