templates/areas/splash/view.html.twig line 1

Open in your IDE?
  1. <section class="splash position-relative">
  2.   <div class="inner top-bottom-padding">
  3.     <div class="maxwidth--1080 light bottom-margin-2em">
  4.       <h1>
  5.         {{ pimcore_input("splashTitle", { placeholder: "Splash Title" }) }}
  6.       </h1>
  7.       <p class="text--lg">
  8.         {{
  9.           pimcore_input("splashDescription", {
  10.             placeholder: "Splash Description"
  11.           })
  12.         }}
  13.       </p>
  14.     </div>
  15.     {% if editmode %}
  16.     <div class="row gutter-space--md editmode--row">
  17.     {% else %}
  18.     <div class="row gutter-space--md">
  19.     {% endif %}
  20.       {% for i in pimcore_block('splashCardsBlock', {'limit': 3}).iterator %}
  21.       <div class="col col-lg-4 col-md-4 col-sm-12 col-xs-12">
  22.         {% if not editmode %}
  23.         <a
  24.           class="card-link"
  25.           href="{{ pimcore_link('splashCardLink' ~ i).href }}"
  26.         >
  27.           {% endif %}
  28.           <div class="padding-2em bg--white">
  29.             <div class="position-relative card-content-container">
  30.               <div class="absolute-top-right">
  31.                 {{ source("@torq_static/img/icons/arrow-right.svg") }}
  32.               </div>
  33.               <div class="solution-logo-container" style="margin-right: 20px">
  34.                 {% if editmode %}
  35.                   {{ pimcore_image("splashCardIcon" ~ i, { "title": "Drag your image here *SVG ONLY*", "width": 50, "height": 50})|raw }}
  36.                 {% else %}
  37.                   {{ pimcore_image("splashCardIcon" ~ i)|raw }}
  38.                 {% endif %}
  39.               </div>
  40.               <h2 class="top-margin-1em">
  41.                 {{ pimcore_input('cardTitle' ~ i,{'placeholder': 'Card Title'}) }}
  42.               </h2>
  43.               <p>
  44.                 {{ pimcore_input('cardDescription' ~ i,{'placeholder': 'Card Description'}) }}
  45.               </p>
  46.             </div>
  47.           </div>
  48.           {% if editmode %}
  49.           <div class="mx-auto">{{ pimcore_link('splashCardLink' ~ i) }}</div>
  50.           {% endif %} {% if not editmode %}
  51.         </a>
  52.         {% endif %}
  53.       </div>
  54.       {% endfor %}
  55.     </div>
  56.   </div>
  57. </section>