templates/areas/security-information/view.html.twig line 1

Open in your IDE?
  1. <div class="security-information-wrapper">
  2.     <div class="container security-information">
  3.         <div class="row">
  4.             <div class="col-lg-12">
  5.                 <div class="security-information-heading animate__animated animate__fadeInLeft animate__slower wow">
  6.                     {{ pimcore_wysiwyg('security-information-heading', {
  7.                         "toolbarGroups": [
  8.                             {
  9.                                 "name": 'WYSIWYG 1',
  10.                                 "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  11.                             }
  12.                         ],
  13.                         "placeholder": 'Heading...' | trans
  14.                     }) }}
  15.                 </div>
  16.             </div>
  17.             <div class="col-lg-12 mt-3">
  18.                 <div class="security-information-description animate__animated animate__fadeInLeft animate__slower wow">
  19.                     {{ pimcore_wysiwyg('security-information-description', {
  20.                         "toolbarGroups": [
  21.                             {
  22.                                 "name": 'WYSIWYG 1',
  23.                                 "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  24.                             }
  25.                         ],
  26.                         "placeholder": 'Description...' | trans
  27.                     }) }}
  28.                 </div>
  29.             </div>
  30.         </div>
  31.         <div class="information-cards" style="{{ editmode ? 'max-width: 100%' }}">
  32.             {% for i in pimcore_block('security-information-cards', {class: 'information-cards'}).iterator %}
  33.                 <div class="information-cards-card animate__animated animate__fadeInDown wow">
  34.                     <div class="information-cards-card-image">
  35.                         {% if not pimcore_image('security-information-card-image-' ).isEmpty() and not editmode %}
  36.                             {{ pimcore_image('security-information-card-image-' ).getThumbnail('security-information-card')
  37.                                 .getHtml({alt: pimcore_image('security-information-card-image-' ).getAlt() }) | raw }}
  38.                         {% else %}
  39.                             {{ pimcore_image('security-information-card-image-' , {width: 320, height: 340}) }}
  40.                         {% endif %}
  41.                     </div>
  42.                     <div class="information-cards-card-heading">
  43.                         {{ pimcore_wysiwyg('security-information-cards-card-heading-' , {
  44.                             "toolbarGroups": [
  45.                                 {
  46.                                     "name": 'WYSIWYG 1',
  47.                                     "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  48.                                 }
  49.                             ],
  50.                             "placeholder": 'Card heading...' | trans
  51.                         }) }}
  52.                     </div>
  54.                     <div class="information-cards-card-description">
  55.                         {{ pimcore_wysiwyg('security-information-cards-card-description-' , {
  56.                             "toolbarGroups": [
  57.                                 {
  58.                                     "name": 'WYSIWYG 1',
  59.                                     "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  60.                                 }
  61.                             ],
  62.                             "placeholder": 'Card description...' | trans
  63.                         }) }}
  64.                     </div>
  65.                 </div>
  66.             {% endfor %}
  67.         </div>
  68.         <img src="{{ asset('static/images/woman-with-laptop.svg') }}" alt="Woman with laptop-illustration" class="security-information__image">
  69.     </div>
  70. </div>