templates/front/service/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/default.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.service.title'|trans }}
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block breadcrumb_title %}
  9.     {{ 'app.service.title'|trans }}
  10. {% endblock %}
  11. {% block breadcrumb_sub_title %}
  12.     {{ service.title }}
  13. {% endblock %}
  15. {% block body %}
  16.     <!--Start Event Single Area-->
  17.     <section class="event-single-area">
  18.         <div class="container">
  19.             <div class="row"> 
  20.                 <div class="col-xl-12">
  21.                     <div class="theme-carousel event-single-carousel owl-carousel owl-theme owl-nav-style-one" data-options='{"loop":true, "margin":0, "autoheight":true, "nav":true, "dots":false, "autoplay":true, "autoplayTimeout":6000, "smartSpeed":500, "responsive":{ "0":{"items": "1"}, "768":{"items": "1"}, "1000":{"items": "1" }}}'>
  22.                         <!--Start Single Event Item-->
  23.                         <div class="single-event-item">
  24.                             <div class="img-holder">
  25.                                 <img src="{{ asset(article_images_directory ~ '/' ~ service.image) }}" alt="{{ service.title }}" style="max-height: 500px">
  26.                             </div>
  27.                         </div>
  28.                         <!--End Single Event Item-->
  29.                         {% for media in medias %}
  30.                             <!--Start Single Event Item-->
  31.                             <div class="single-event-item">
  32.                                 <div class="img-holder">
  33.                                     <img src="{{ asset(media_images_directory ~ '/' ~ media.attachment.name) }}" alt="{{ service.title }}" style="max-height: 500px">
  34.                                 </div>
  35.                             </div> 
  36.                             <!--End Single Event Item-->
  37.                         {% endfor %}
  38.                     </div> 
  39.                     <div class="event-single-content-box">
  40.                         <div class="row">
  41.                             <div class="col-xl-8 col-lg-7">
  42.                                 <div class="inner-content">
  43.                                     <div class="text">
  44.                                         <h2>{{ service.title }}</h2>
  45.                                         {{ service.description|raw }}
  46.                                     </div>
  47.                                 </div>
  48.                             </div>
  49.                             <div class="col-xl-4 col-lg-5">
  50.                                 <div class="event-info-box">
  51.                                     <ul>
  52.                                         {# <li><span>ENTRANTS:</span> <b>120</b></li> #}
  53.                                         {# <li><span>TYPE:</span> <b>Running</b></li> #}
  54.                                         {# <li><span>{{ 'app.service.details.date'|trans }}:</span> <b>{{ service.date|format_datetime(pattern="d MMMM yyyy", locale='fr')|capitalize }}</b></li> #}
  55.                                         <li><span>{{ 'app.service.details.duration'|trans }}:</span> <b>{{ service.duration }} {{ 'app.service.details.hours'|trans }}</b></li>
  56.                                         <li><span>{{ 'app.service.details.category'|trans }}:</span> <b>{{ ('app.theme.' ~ service.type)|trans }}</b></li>
  57.                                     </ul>
  58.                                     <div class="border-box"></div>
  59.                                     <ul class="social-links">
  60.                                         <li>
  61.                                             <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> 
  62.                                         </li>
  63.                                         <li>
  64.                                             <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  65.                                         </li>
  66.                                         <li>
  67.                                             <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> 
  68.                                         </li>
  69.                                     </ul>
  70.                                 </div>    
  71.                             </div>
  72.                         </div>
  73.                     </div>   
  74.                 </div>            
  75.             </div>
  76.         </div>
  77.     </section>
  78.     <!--End Event single Area--> 
  79. {% endblock %}