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

Open in your IDE?
  1.   <section class="services-single {{content.background}}" data-brand-header>
  2.     <div class="grid-container">
  4.       <div class="services-single__image" data-css-animation="bg-image">
  5.         <img data-src="{{content.image.url}}" data-srcset="{{content.image.url}}" alt data-lazy-image style="min-height: 400px; object-fit:cover"/>
  6.       </div>
  7.       {% set parent = sulu_content_load_parent(uuid, {'title': 'title', 'url': 'url'}) %}
  8.       <div class="grid-x grid-margin-x">
  9.         <div class="cell large-offset-1 large-10">
  10.           <div class="services-single__content" data-css-animation="fade-in-up">
  11.             <div class="services-single__breadcrumbs" data-css-animation="fade-in-up">
  12.               <a class="link" href="{{parent.content.url}}">{{parent.content.title}}</a>
  13.               <span>{{ view.title }}</span>
  14.             </div>
  15.             <div class="title title__no-center services-single__title out" data-css-animation="out-in"
  16.                  style="--delay: .2s">
  17.               <div class="in">
  18.                 <h2>{{ view.title }}</h2>
  19.               </div>
  20.             </div>
  21.             <div class="editable" data-css-animation="text" style="--delay: .4s">
  22.                 {{ content.content|raw }}
  23.             </div>
  26.             {# {% for item in content.blocks %} #}
  27.                 <div data-css-animation="fade-in-up" style="--delay: .8s">
  29.                   <button data-fancybox data-src="#dialog-content" class="button button__with-icon-left button__continue">
  30.                     <svg class="icon" width="32" height="32" viewBox="0 0 46 48">
  31.                       <use xlink:href='#arrow-right'/>
  32.                     </svg>
  33.                     <span>{{ content.btnFormText }}</span>
  34.                   </button>
  36.                   <!-- feel free to move this HTML anywhere -->
  37.                   <div id="dialog-content" style="display:none;width: 100%;max-width:600px;">
  38.                     <div class="flex flex-col gap-4">
  39.                     <form action="/mail/send" method="post" data-animated-submission data-recaptcha-protected class="form-animation">
  40.                       <div class="form-loader-wrapper">
  41.                         <div class="form-loader">
  42.                           <div></div>
  43.                           <div></div>
  44.                           <div></div>
  45.                         </div>
  46.                       </div>
  47.                       <div class="title mb-8">
  48.                         <h2>{{ content.formTitle }}</h2>
  49.                       </div>
  51.                       {% for message in app.flashes('error') %}
  52.                         <div style="color:red;text-align:center;">
  53.                           {{ message }}
  54.                         </div>
  55.                       {% endfor %}
  57.                       {% if app.flashes('sucess')|length == 0 %}
  58.                         {{ include('pages/blocks/sub-blocks/form.html.twig', {
  59.                           path : path('mail_send'),
  60.                           snippets : content.snippets,
  61.                           method : 'POST',
  62.                           email : content.formEmail,
  63.                           msg : content.snippets[0].submition_message
  64.                         }) }}
  65.                         
  66.                       {% else %}
  67.                         <div class='text-center'  style="margin-top: 60px;">
  68.                           {% if content.snippets %}
  69.                             {{content.snippets[0].submition_message|raw}}
  70.                           {% endif %}
  71.                         </div>
  72.                       {% endif %}
  73.               
  74.                       {# <div class="form-success-message form-message">Thank you!</div> #}
  75.                       <div class="form-error-message form-message" data-backend-errors></div>
  76.                     </form>
  77.                     </div>
  78.                   </div>
  80.                 </div>
  81.             {# {% endfor %} #}
  82.           </div>
  83.         </div>
  84.       </div>
  85.     </div>
  86.   </section>
  87.