<div class="modal modal-large fade" id="modal-service-{{item.id}}" tabindex="-1" role="dialog" aria-labelledby="{% trans %}Ouvrir les détails du service{% endtrans %}" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <img src="lazy.png" data-src="images/service/{{item.image}}" class="lazy" alt="{% trans %}Image du service{% endtrans %}"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="container"> <div class="modal-welcome"> <h2 class="modal-title">{{item.translate(locale).title}}</h2> <div class="outline"></div> <div class="modal-intro">{{item.translate(locale).introduction|raw}}</div> </div> <div class="modal-desc"> {{item.translate(locale).description|raw}} </div> </div> </div> <div class="modal-footer"> <h3>{{category.translate(locale).subtitle}}</h3> <button data-dismiss="modal" aria-label="Close" class="read-more mt-2">{% trans %}FERMER{% endtrans %}</button> </div> </div> </div></div>