templates/nos-services/details-services.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  6.     <body> <!-- Navbar -->
  8.     <main> <!-- Breadcrumbs -->
  9.         <div class="hero-slider-wr default-slick-button home-slider">
  10.             <section class="full-width-bg" style="background-image: url({{ asset('assets/img/category_service/' ~ detailsService.image) }})">
  11.                 <div class="container">
  12.                     <div class="full-width-bg-inner">
  13.                         {# <h2 class="title" style="font-size: 50px; color: #fff">{{ detailsService.name }}</h2> #}
  14.                         <p class="sub-title" style="color: #fff"></p>
  15.                     </div>
  17.                 </div>
  18.             </section>
  20.         </div>
  21.         <div class="container">
  22.             <div class="wrapper-breadcrumbs">
  23.                 <div id="breadcrumbs">
  24.                     <a href="{{ path('homepage') }}">Accueil</a> <i class="icon ion-android-arrow-forward separator"></i>
  25.                     <a href="{{ path('nos_services') }}">Nos services</a> <i class="icon ion-android-arrow-forward separator"></i>
  26.                     {# <a href="{{ path('details_service', {slug:detailsService.categoryService.slug}) }}">{{ detailsService.categoryService.name }}</a> <i class="icon ion-android-arrow-forward separator"></i> #}
  27.                     <span class="breadcrumb-last">{{ detailsService.name }}</span>
  28.                 </div>
  29.             </div>
  30.             <header class="profile-header"><h2 class="profile-title">{{ detailsService.name }}</h2></header>
  31.             <p>{{detailsService.description | nl2br}}</p>
  32.             <p>                        
  33.                 <a href="{{ path('new_reservation_service', {slug: detailsService.slug }) }}" class="btn-classic">Reserver une séance<i class="icon ion-play"></i></a>
  34.             </p>
  35.             <div style="margin-top: 80px"></div>
  36.             <header class="profile-header"><h2 class="profile-title">Quelques projets</h2></header>
  37.             <div style="margin-top: 40px"></div>
  38.             <div class="container blog-grid">
  39.                 <div class="row">
  40.                     {% for service in services %}
  41.                         <article class="{% if services|length < 4 %} col-md-4 {% else %} col-md-3 {% endif %} last-post-wr">
  42.                             <a href="{{ path('albums',{service:service.slug}) }}" class="post-item no-decoration">
  43.                                 <figure class="post-image" style="background-image: url({{ asset('assets/img/services/' ~ service.image) }})">
  44.                                     <div class="info">
  45.                                         <p class="post-btn">DECOUVRIR</p>
  46.                                     </div>
  47.                                 </figure>
  48.                                 <footer class="post-footer">
  49.                                     <h2 class="post-title">{{ service.name }}</h2>
  50.                                 </footer>
  51.                             </a>
  52.                         </article>
  53.                     {% endfor %}
  54.                 </div>                        
  55.             </div>
  57.         </div>
  58.         <div class="profile-entry container">
  60.             <div class="row">
  61.                 <section class="col-md-12">                   
  62.                     
  63.                 </section>
  64.             </div>
  65.         </div>
  66.     </main>
  67.     </body>
  69. {% endblock %}