templates/home/service.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Hello MainController!{% endblock %}
  6. {% block body %}
  8.     <!-- WELCOME -->
  9.     <section class="py-10 py-md-14 overlay overlay-black overlay-60 bg-cover"
  10.              style="background-image: url({{ asset('uploads/logistics-transport.jpg') }});background-position: 30% 20%">
  11.         <div class="container">
  12.             <div class="row justify-content-center">
  13.                 <div class="col-12 col-md-10 col-lg-8 text-center">
  15.                     <!-- Heading -->
  16.                     <h1 class="display-2 fw-bold text-white">
  17.                         {{ post.title }}
  18.                     </h1>
  19.                 </div>
  20.             </div> <!-- / .row -->
  21.         </div> <!-- / .container -->
  22.     </section>
  23.     <!-- SHAPE -->
  24.     <div class="position-relative">
  25.         <div class="shape shape-bottom shape-fluid-x text-light">
  26.             <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  27.                 <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  28.             </svg>
  29.         </div>
  30.     </div>
  31.     <div class="container">
  32.         <div class="row">
  33.             <nav aria-label="breadcrumb">
  34.                 <ol class="breadcrumb breadcrumb-scroll">
  35.                     <li class="breadcrumb-item">
  36.                         <a class="text-gray-700" href="{{ path('home') }}">
  37.                             Accueil
  38.                         </a>
  39.                     </li>
  40.                     {% if post.parent is not null %}
  41.                     <li class="breadcrumb-item">
  42.                        <a class="text-gray-700" href="{{ path('service_details',{'slug':post.parent.slug}) }}"> {{ post.parent }}</a>
  43.                     </li>
  44.                     {% endif %}
  45.                     <li class="breadcrumb-item active" aria-current="page">
  46.                         {{ post.title }}
  47.                     </li>
  48.                 </ol>
  49.             </nav>
  50.         </div>
  51.     </div>
  52.     <section class="pt-2 pt-md-2 mb-5">
  53.         <div class="container">
  54.             <div class="row align-items-center mb-5">
  55.                 <div class="col-12 col-md">
  57.                     <!-- Heading -->
  58.                     <h3 class="mb-3">
  59.                         {{ post.title }}
  60.                     </h3>
  62.                     <!-- Text -->
  63.                     <p class="mb-0 text-muted">
  64.                         {{ post.description|raw }}
  65.                     </p>
  67.                 </div>
  69.             </div> <!-- / .row -->
  70.             <div class="row">
  71.                 {% if contentChildren(7) is not null %}
  72.                 {% for child in contentChildren(7) %}
  73.                 <div class="col-12 col-md-6 col-lg-4 d-flex">
  75.                     <!-- Card -->
  76.                     <div class="card mb-6 mb-lg-0 shadow-light-lg lift lift-lg">
  78.                         <!-- Image -->
  79.                         <a class="card-img-top" href="{{ path('service_details',{'slug':child.slug}) }}">
  81.                             <!-- Image -->
  82.                             <img src="{{ child.image }}" alt="{{ child.title }}" class="card-img-top">
  84.                             <!-- Shape -->
  85.                             <div class="position-relative">
  86.                                 <div class="shape shape-bottom shape-fluid-x text-white">
  87.                                     <svg viewBox="0 0 2880 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2160 0C1440 240 720 240 720 240H0v240h2880V0h-720z" fill="currentColor"/></svg>                  </div>
  88.                             </div>
  90.                         </a>
  92.                         <!-- Body -->
  93.                         <a class="card-body" href="{{ path('service_details',{'slug':child.slug}) }}">
  95.                             <!-- Heading -->
  96.                             <h3>
  97.                                 {{ child.title }}
  98.                             </h3>
  100.                             <!-- Text -->
  101.                             <div class="mb-0 text-muted">
  102.                                 {{ child.summary|u.truncate(83, '...', false) }}
  103.                             </div>
  105.                         </a>
  107.                         <!-- Meta -->
  108.                         <a class="card-meta mt-auto text-muted" href="{{ path('service_details',{'slug':child.slug}) }}">
  110.                             <!-- Divider -->
  111.                             <hr class="card-meta-divider">
  112.                             <i class="fe fe-eye"></i>  Voir les détails
  113.                         </a>
  115.                     </div>
  117.                 </div>
  118.                 {% endfor %}
  119.                 {% endif %}
  121.             </div> <!-- / .row -->
  122.         </div> <!-- / .container -->
  123.     </section>
  124.     <!-- SHAPE -->
  125.     <div class="position-relative">
  126.         <div class="shape shape-bottom shape-fluid-x text-gray-200">
  127.             <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>      </div>
  128.     </div>
  129. {% endblock %}