<template class="modal-img"> <div class="img-modal"> <div class="img-modal--slide"> </div> <div class="img-modal--footer d-flex"> <div class="img-modal--footer-buttons offset-4 col-4 d-flex justify-content-around p-0"> {#<a href="" class="add-project-to-download page-btn-white d-flex justify-content-around align-items-center" data-project="{{ project.id }}"> {{ include('layouts/buttons/2tec2_uploads.html.twig') }} {{ "Project sheet"|trans }}</a>#} <a href="" class="add-image-to-download page-btn-white d-flex justify-content-around align-items-center image--btn" data-url="test-url" data-name="test-name" target="_blank"> {{ include('layouts/buttons/2tec2_uploads.html.twig') }} {{ "Images"|trans }}</a> </div> <div class="img-modal--footer-arrows d-flex justify-content-end col-4 p-0"> <div class="img-modal--footer-arrows-left"> <i class="fas fa-angle-left fa-2x"></i> </div> <div class="img-modal--footer-arrows-txt d-flex align-items-center mx-3"> <span class="img-modal--footer-arrows-txt-dynamic"></span> <span class="mx-3"> - </span> <span class="img-modal--footer-arrows-txt-fix"></span> </div> <div class="img-modal--footer-arrows-right"> <i class="fas fa-angle-right fa-2x"></i> </div> <div class="img-modal--footer-arrows-close ms-5"> <i class="fas fa-times fa-2x"></i> </div> </div> </div> </div></template>