templates/home/about_us.html.twig line 1

Open in your IDE?
  1. <!-- SHAPE -->
  2. <div class="position-relative mt-10">
  3.     <div class="shape shape-bottom shape-fluid-x text-warning">
  4.         <svg viewBox="0 0 2880 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M720 28H0v28h2880V28h-720S1874 0 1440 0 720 28 720 28z" fill="currentColor"/></svg>      </div>
  5. </div>
  7. <section class="pt-10 pt-md-5">
  9.     <div class="container-fluid">
  10.         <div class="row justify-content-center">
  11.             <div class="col-12 col-md-10 col-lg-8 text-center">
  13.                 <!-- Heading -->
  16.                 <!-- Text -->
  17.                 <div class="fs-lg text-muted mb-5 mb-md-5">
  18.                     {{ aboutUs.description|raw }}
  19.                 </div>
  20.                 <h2>
  21.                     TLDI est spécialisée dans: <span class="text-warning" data-typed='{"strings": ["L’affrètement et organisation des transports", "Fret aérien et maritime", "Négoces internationaux,","Prestations de services logistiques et Télécoms","Téléphonie, achat et vente de tout produit non réglementé", "Import et Export","Intermédiation transfert d’argent"]}'> </span>
  22.                 </h2>
  23.             </div>
  24.         </div> <!-- / .row -->
  25.         <div class="row">
  26.             <div class="col-12">
  28.                 <!-- Card -->
  29.                 <div class="card card-row shadow-light-lg mb-6">
  30.                     <div class="row gx-0">
  32.                         <div class="col-12 col-md-6">
  34.                             <!-- Slider -->
  35.                             <div class="card-img-slider" data-flickity='{"autoPlay": true, "fade": true, "imagesLoaded": true,"cellAlign": "center", "pageDots": false, "prevNextButtons": false, "asNavFor": "#blogSlider", "draggable": false}'>
  36.                                 {% if contentChildren(1) is not null %}
  37.                                 {% for child in contentChildren(1) %}
  38.                                 <a class="card-img-start w-100 bg-cover" style="background-image: url({{ child.image }});background-size:cover" href="#!">
  40.                                     <!-- Image (placeholder) -->
  41.                                     <img src="{{ child.image }}" alt="..." class="img-fluid d-md-none invisible">
  43.                                 </a>
  44.                                 {% endfor %}
  45.                                 {% endif %}
  47.                             </div>
  49.                             <!-- Shape -->
  50.                             <div class="shape shape-end shape-fluid-y text-white d-none d-md-block">
  51.                                 <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"/></svg>                  </div>
  53.                         </div>
  56.                         <div class="col-12 col-md-6 position-md-static">
  58.                             <!-- Slider -->
  59.                             <div class="position-md-static" data-flickity='{"wrapAround": true, "pageDots": false, "adaptiveHeight": true}' id="blogSlider">
  60.                                 {% if contentChildren(1) is not null %}
  61.                                 {% for child in contentChildren(1) %}
  62.                                 <div class="w-100">
  64.                                     <!-- Body -->
  65.                                     <div class="card-body">
  66.                                         <blockquote class="blockquote text-left mb-0">
  68.                                             <!-- Brand -->
  69.                                             <div class="row justify-content-center mb-5 mb-md-7">
  70.                                                 <div class="col-12 col-sm-12 col-md-12 col-lg-12">
  72.                                                     <!-- Logo -->
  73.                                                     <div class="img-fluid" style="color: #3F5D87;">
  74.                                                         {{ child.title }}
  75.                                                     </div>
  77.                                                 </div>
  78.                                             </div> <!-- / .row -->
  80.                                             <!-- Text -->
  81.                                             <div class="mb-5 mb-md-7">
  82.                                                {{ child.description|raw }}
  83.                                             </div>
  84.                                             <!-- Footer -->
  85.                                         </blockquote>
  86.                                     </div>
  88.                                 </div>
  89.                                 {% endfor %}
  90.                                 {% endif %}
  91.                             </div>
  93.                         </div>
  94.                     </div> <!-- / .row -->
  95.                 </div>
  97.             </div>
  98.         </div> <!-- / .row -->
  99.     </div> <!-- / .container -->
  100. </section>