templates/front/partials/cards/contact.html.twig line 1

Open in your IDE?
  1. <a href="mailto:{{contact.email}}" class="card card-contact {{addedClass}}">
  2.     <div class="card__visual relative w-full round bg-grey-light shrink-0">
  3.          {% if contact.image.singleMedia is defined and contact.image.singleMedia.publicId is not null %}
  4.             <picture>
  5.                 <source media="(max-width: 420px)" data-srcset="{{ cloudinary_media(contact.image.singleMedia, 'f_auto,q_auto,g_face,c_fill,w_104,h_104') }} 1x, {{ cloudinary_media(contact.image.singleMedia, 'f_auto,q_auto,g_face,c_fill,w_104,h_104,dpr_2') }} 2x">
  6.                 <source media="(min-width: 421px)" data-srcset="{{ cloudinary_media(contact.image.singleMedia, 'f_auto,q_auto,g_face,c_fill,w_275,h_275') }} 1x, {{ cloudinary_media(contact.image.singleMedia, 'f_auto,q_auto,g_face,c_fill,w_275,h_275,dpr_2') }} 2x">
  7.                 <img class="abs-center w-full round lazyload"
  8.                     data-src="{{ cloudinary_media(contact.image.singleMedia, 'f_auto,q_auto,g_face,c_fill,w_275,h_275') }}"
  9.                     alt="{{ contact.image.singleMedia.alt }}">
  10.             </picture>
  11.         {% else %}
  12.             <img class="abs-center is-logo lazyload"
  13.                     data-src="/assets/front/federation-default.svg"
  14.                     alt="">
  15.         {% endif %}
  16.         <div class="picto round bg-orange absolute top-0 right-0">
  17.             <svg width="13" height="14" class="icon icon--white abs-center" aria-hidden="true">
  18.                 <use href="#icon-mail" xlink:href="#icon-mail"></use>
  19.             </svg>
  20.         </div>
  21.     </div>
  22.     <div class="card__content text-violet-dark">
  23.         <p class="name font-weight-xbold">{{ contact.name }}</p>
  24.         <p class="job font-weight-medium mt-1 md:mt-2">{{ contact.job }}</p>
  25.     </div>
  26. </a>