templates/front/competition/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/default.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.event.competitions.title'|trans }}
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block breadcrumb_title %}
  9.     {{ 'app.event.competitions.title'|trans }}
  10. {% endblock %}
  11. {% block breadcrumb_sub_title %}Horse Family Club
  12. {% endblock %}
  14. {% block body %}
  15.     <!--Start Competitions Area-->
  16.     <section class="competitions-area" style="background-image:url({{ asset(images_directory ~ '/pattern/competitions-bg.jpg') }});">
  17.         <div class="image-box-right wow slideInRight" data-wow-delay="0ms" data-wow-duration="2500ms">
  18.             <div class="image-layer" style="background-image: url({{ asset(images_directory ~ '/competitions/horse.png') }});"></div>
  19.         </div>
  20.         <div class="container">
  21.             <div class="sec-title text-left">
  22.                 <div class="big-title"><h2>{{ 'app.event.competitions.title'|trans|nl2br }}</h2></div>
  23.                 <div class="border-box">
  24.                     <span class="linetop"></span>
  25.                     <span class="linebottom"></span>
  26.                 </div>
  27.             </div>
  28.             <div class="row">
  29.                 <div class="col-xl-6">
  30.                     <div class="competitions-content-box">
  31.                         <div class="single-vertical-carousel">
  32.                             <div class="slide">
  33.                                 <div class="single-competitions-item">
  34.                                     <ul>
  35.                                         {% for competition in competitions %}
  36.                                             <li>
  37.                                                 <div class="inner-content clearfix">   
  38.                                                     <div class="left">
  39.                                                         <div class="inner">
  40.                                                             <h2>{{ competition.date|date('d') }}</h2>
  41.                                                         </div>
  42.                                                         <div class="outer">
  43.                                                             <p>{{ competition.date|format_datetime(pattern="MMMM", locale='fr')|capitalize }}<br> {{ competition.date|date('Y') }}</p>
  44.                                                         </div>
  45.                                                     </div>
  46.                                                     <div class="middle">
  47.                                                         <h3>{{ competition.title }}</h3>
  48.                                                         <p>{{ competition.text|striptags[:9] }}...</p>
  49.                                                     </div>
  50.                                                     <div class="right">
  51.                                                         <a class="btn-one" href="{{ path('front_event_show', { id : competition.id }) }}"><span class="txt">{{ 'app.article.see_more'|trans }}</span></a>
  52.                                                     </div>
  53.                                                 </div>
  54.                                             </li>
  55.                                             {% if loop.index % (competitions|length / 2) == 0 and loop.index != competitions|length %}
  56.                                                 </ul></div></div>
  57.                                                 <div class="slide"><div class="single-competitions-item"><ul>
  58.                                             {% endif %}
  59.                                         {% endfor %}
  60.                                     </ul>
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                     </div>    
  65.                 </div>
  66.             </div>
  67.         </div>    
  68.     </section>     
  69.     <!--End Competitions Area-->    
  70. {% endblock %}