HTML-Prototype der OTH-Regensburg

<!--START BANNER IMAGE 
--><a class="c-banner c-banner__container o-grid o-grid-1-1@tablet [modifier class]" href="#" title="Details anzeigen">
  <div class="c-banner__image-wrap o-outbreak-fullwidth--mobile-only">
    <picture class="picture__mobile">
      <source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
      <source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
    </picture>
    <picture class="picture__desktop">
      <source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
      <source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
    </picture>
  </div>
  <div class="c-banner__text-wrap">
    <h2 class="c-banner__headline">Unser Ziel: 100% Präsenzvorlesungen</h2>
    <p class="c-banner__text">Alle Informationen zum Start des Wintersemesters 22/23</p><span class="btn btn--secondary">Wie läuft das?</span>
  </div></a>
<!--END BANNER IMAGE 
-->