templates/pages/blocks/single_news_section.html.twig line 1

Open in your IDE?
  1.   <section class="single-news {{content.background}}" data-brand-header>
  2.     <div class="grid-container">
  3.       <div class="grid-x grid-margin-x">
  4.         <div class="cell large-offset-1 large-10">
  5.         {% set parent = sulu_content_load_parent(uuid, {'title': 'title', 'url': 'url'}) %}
  6.           <div class="eyebrow">
  7.             <div class="out" data-css-animation='out-in' style="--delay: .2s">
  8.               <div class="in">
  9.                 <p>{{parent.content.title}}</p>
  10.               </div>
  11.             </div>
  12.           </div>
  13.           <div class="title single-news__title" data-css-animation="fade-in-up" style="--delay: .4s">
  14.             <h2>{{ content.title }}</h2>
  15.           </div>
  16.           <div class="single-news__info grid-x align-justify align-middle">
  17.             <div class="cell shrink">
  18.               <div class="out" data-css-animation='out-in' style="--delay: .6s">
  19.                 <div class="in">
  20.                     <time>{{ created|date("d F y") }}</time>
  21.                 </div>
  22.               </div>
  23.             </div>
  24.             <div class="cell shrink">
  25.               <div class="out" data-css-animation='out-in' style="--delay: .8s">
  26.                 <div class="in">
  27.                   {% include 'elements/socialShared.html.twig' with {
  28.                     'icons': content.socialLink,
  29.                     'width': 24,
  30.                     'height': 24,
  31.                   } %}
  32.                 </div>
  33.               </div>
  34.             </div>
  35.           </div>
  36.           <div class="single-news__image" data-css-animation="bg-image">
  37.             <img data-src="{{ content.image.url }}" data-srcset="{{ content.image.url }} 2x" alt data-lazy-image>
  38.           </div>
  39.         </div>
  40.         <div class="cell large-offset-2 large-8 xlarge-7 editable" data-css-animation="text">
  41.           {{ content.content|raw }}
  42.         </div>
  43.       </div>
  44.     </div>
  45.   </section>