templates/projects/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ parent() }} | {{ project.title }} {% endblock %}
  5. {% block content %}
  7.     <!-- Start Breadcrumb 
  8.   ============================================= -->
  9.     <div class="breadcrumb-area text-center shadow dark text-light bg-cover" 
  10.          {% if project.bannerImg %}
  11.              style="background-image: url({{asset('uploads/projects/' ~ project.bannerImg) | imagine_filter('bannerImg')}});"
  12.          {% else %}
  13.              style="background-image: url(/assets/img/2440x1578.png);"
  14.          {% endif %}
  15.          >
  16.         <div class="container">
  17.             <div class="row">
  18.                 <div class="col-lg-8 offset-lg-2">
  19.                     <h1>Nos projets à Bilimon</h1>
  20.                     <ul class="breadcrumb">
  21.                         <li><a href="#"><i class="fas fa-home"></i> Project</a></li>
  22.                         <li class="active">{{ project.title }}</li>
  23.                     </ul>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     </div>
  28.     <!-- End Breadcrumb -->
  29.     <!-- Star Project Details Area
  30.         ============================================= -->
  31.     <div class="project-details-area default-padding">
  32.         <div class="container">
  33.             <div class="project-details-items">
  34.                 <div class="thumb">
  35.                     {#                    <img src="{{asset('uploads/projects/' ~ project.illustration) | imagine_filter('bannerImg')}}" alt="Thumb">#}
  36.                 </div>
  37.                 <div class="top-info">
  38.                     <div class="row">
  39.                         <div class="col-lg-7 left-info">
  40.                             <h2>{{ project.title }}</h2>
  41.                             <p>
  42.                                 {{ project.content | raw }}
  43.                             </p>
  44.                         </div>
  45.                         <div class="col-lg-5 right-info">
  46.                             <div class="project-info">
  47.                                 <h3>{{ project.eventTitle }}</h3>
  48.                                 <ul>
  49.                                     <li>
  50.                                         Organisateur <span>Bilimon Académie</span>
  51.                                     </li>
  52.                                     {% if project.eventDate %}
  53.                                         <li>
  54.                                             Date <span>{{ project.eventDate|localizeddate('medium', 'short') }}</span>
  55.                                         </li>
  56.                                     {% else %}
  58.                                     {% endif %}
  59.                                     <li>
  60.                                         Pays d'organisation <span>{{ project.country | raw }}</span>
  61.                                     </li>
  62.                                 </ul>
  63.                                 <a class="btn btn-dark effect btn-sm" href="#">S'inscrire</a>
  64.                             </div>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  69.                 <div class="main-content">
  71.                     <div class="row">
  72.                         <div class="services-more">
  73.                             {% if project.images %}
  74.                                 <h2>Galerie photos de nos formations</h2>
  75.                                 <div class="row">
  76.                                     {% for image in project.images %}
  77.                                         <div class="col-sm-6 col-md-4 col-lg-3 item ml-4"><a href="{{ asset('/uploads/projects/'~ image) }}" data-lightbox="photos">
  79.                                                 <img class="img-fluid" src="{{ asset('/uploads/projects/'~ image) }}"></a></div>
  80.                                             {% endfor %}
  81.                                 </div>
  82.                             {% else %}
  84.                             {% endif %}
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91.     <!-- End Project Details Area -->
  93. {% endblock %}