Partner item

Varianta bez odkazu

  •  
  •         {% include "@Components/items/partner-item/partner-item.twig" with {props: {
  img: {
  src: "images/partners/visa-logo.png",
  srcset: [
    "images/partners/visa-logo.png 1x",
    "images/partners/visa-logo-2x.png 2x",
  ],
  width: 38,
  height: 12
}
}} %}

      
  •           
<span class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center">
      <div class="i-partner__img">
      <div class="img u-posr overflow-hidden">
  <picture>
    
    <img src="" data-src="images/partners/visa-logo.png" alt="" width="38" height="12" draggable="false" srcset="" data-srcset="images/partners/visa-logo.png 1x, images/partners/visa-logo-2x.png 2x">
  </picture>
</div>
    </div>
  </span>

Varianta s preklikem

  •         {% include "@Components/items/partner-item/partner-item.twig" with {props: {
  url: "https://www.google.com/",
  title: "Google",
  img: {
    src: "images/partners/visa-logo.png",
    srcset: [
      "images/partners/visa-logo.png 1x",
      "images/partners/visa-logo-2x.png 2x",
    ],
    width: 38,
    height: 12
  }
}} %}

      
  •           
<a class="i-partner p-1 u-rounded-4 u-bg-tertiary-300 d-inline-flex align-items-center justify-content-center" href="https://www.google.com/" target="_blank" title="Google">
      <div class="i-partner__img">
      <div class="img u-posr overflow-hidden">
  <picture>
    
    <img src="" data-src="images/partners/visa-logo.png" alt="Google" width="38" height="12" draggable="false" srcset="" data-srcset="images/partners/visa-logo.png 1x, images/partners/visa-logo-2x.png 2x">
  </picture>
</div>
    </div>
  </a>