templates/pages/single/event_single.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block tilte 'évenement' %}
  4. {% block body %}
  5.     <!-- page title -->
  6.     <section class="page-title-section" data-background="/images/1.jpeg">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="col-md-8">
  10.                     <ul class="list-inline custom-breadcrumb mb-2">
  11.                         <li class="list-inline-item">
  12.                             <a class="h2 text-primary font-secondary" href="events.html">Agenda</a>
  13.                         </li>
  14.                         <li class="list-inline-item text-white h3 font-secondary nasted">
  15.                             {{event.title}}
  16.                         </li>
  17.                     </ul>
  18.                     <p class="text-lighten mb-0">{{ event.subtitle | length > 100 ? event.subtitle | slice(0, 200) ~ ' ...' : event.subtitle  }}</p>
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     </section>
  23.     <!-- /page title -->
  25.     <!-- event single -->
  26.     <section class="section-sm">
  27.         <div class="container">
  28.             <div class="row">
  29.                 <div class="col-12">
  30.                     <h2 class="section-title">{{ event.title}}</h2>
  31.                 </div>
  32.                 <!-- event image -->
  33.                 <div class="col-12 mb-4">
  34.                     <img src="{{ vich_uploader_asset(event, 'imageFile') }}" alt="event thumb" class="img-fluid w-100">
  35.                 </div>
  36.             </div>
  37.             <!-- event info -->
  38.             <div class="row align-items-center mb-5">
  39.                 <div class="col-lg-9">
  40.                     <ul class="list-inline">
  41.                         <li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
  42.                             <div class="d-flex align-items-center">
  43.                                 <i class="ti-location-pin text-primary icon-md mr-2"></i>
  44.                                 <div class="text-left">
  45.                                     <h6 class="mb-0">LIEUX</h6>
  46.                                     <p class="mb-0">{{ event.localisation}}
  47.                                     </p>
  48.                                 </div>
  49.                             </div>
  50.                         </li>
  51.                         <li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
  52.                             <div class="d-flex align-items-center">
  53.                                 <i class="ti-calendar text-primary icon-md mr-2"></i>
  54.                                 <div class="text-left">
  55.                                     <h6 class="mb-0">DATE</h6>
  56.                                     <p class="mb-0">
  57.                                         {{event.aday ~   " / "  ~ event.amonth ~   " / " ~   event.ayear }}
  58.                                     </p>
  59.                                 </div>
  60.                             </div>
  61.                         </li>
  62.                         <li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
  63.                             <div class="d-flex align-items-center">
  64.                                 <i class="ti-time text-primary icon-md mr-2"></i>
  65.                                 <div class="text-left">
  66.                                     <h6 class="mb-0">TIME</h6>
  67.                                     <p class="mb-0">04: 00 pm</p>
  68.                                 </div>
  69.                             </div>
  70.                         </li>
  71.                     </ul>
  72.                 </div>
  73.                 <!-- border -->
  74.                 <div class="col-12 mt-4 order-4">
  75.                     <div class="border-bottom border-primary"></div>
  76.                 </div>
  77.             </div>
  78.             <!-- event details -->
  79.             <div class="row">
  80.                 <div class="col-12 mb-50">
  81.                     <h3>
  82.                         {{ event.title}}
  83.                     </h3>
  84.                     <p>
  85.                         {{ event.description | nl2br}}
  86.                     </p>
  87.                 </div>
  88.             </div>
  89.             <!-- event speakers -->
  90.             <div class="row">
  91.                 <div class="col-12">
  92.                     <h3 class="mb-4">Auteur</h3>
  93.                 </div>
  94.                 <!-- speakers -->
  95.                 <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
  96.                     <div class="media">
  97.                         <div class="media-body">
  98.                             <h4 class="mt-0">
  99.                                 {{ event.author}}
  100.                             </h4>
  101.                         </div>
  102.                     </div>
  103.                 </div>
  105.                 <div class="col-12 mt-4 order-4">
  106.                     <div class="border-bottom border-primary"></div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </section>
  111.     <!-- /event single -->
  112. {% endblock %}