templates/partials/sliderBlock.html.twig line 1

Open in your IDE?
  1. {% block default_block %}
  2. <section id="about" class="about" style="overflow:hidden;">
  3. <style>
  4. .section-title {
  5. text-align: left;
  6. }
  8. </style>
  10. <div class="container">
  11. <div class="section-title">
  12. <p>{{ content.textBlock|nl2br }}</p>
  13. </div>
  14. <div class="row content">
  15. <!-- content here -->
  16. </div>
  17. <ul></ul>
  18. </div>
  20. <div id="carouselExample" class="carousel slide expanded-carousel">
  21. <div class="carousel-inner">
  22. {% for image in content.imageSelection|batch(6) %}
  23. <div class="carousel-item {% if loop.first %}active{% endif %}">
  24. <div class="row">
  25. {% for img in image %}
  26. <div class="col-md-2"> <!-- Changed this from col-md-3 to col-md-2 -->
  27. <img src="{{ img.url }}" class="d-block w-100" alt="">
  28. </div>
  29. {% endfor %}
  30. </div>
  31. </div>
  32. {% endfor %}
  33. </div>
  34. <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
  35. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  36. <span class="visually-hidden">Previous</span>
  37. </button>
  38. <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
  39. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  40. <span class="visually-hidden">Next</span>
  41. </button>
  42. </div>
  43. </section><!-- End My & Family Section -->
  44. {% endblock %}