HTML-Prototype der OTH-Regensburg

<div class="c-quote o-grid o-grid-1-1@desktop">
  <!-- START QUOTE IMAGE-->
  <div class="c-quote__image-wrap">
    <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>
  <!-- END QUOTE IMAGE-->
  <!-- START QUOTE TEXT BLOCK-->
  <div class="c-quote__text-container o-container o-flex-line">
    <div class="c-quote__shadow">
      <div class="c-quote__text-wrap">
        <p class="c-quote__text">»Der perfekte Hochschul-Ort? Das ist für mich in jedem Fall Regensburg: Diese Stadt erobert vom ersten Moment an die Herzen jeden Alters. Man hat sowohl die Hochschul-relevanten Orte als auch jede Menge Spaß immer in Radweichweite. Und die Studierenden gestalten die Stadtgesellschaft außergewöhnlich lebendig, davon profitiert man auch als Professorin. «</p>
        <p class="c-quote__author">Prof. Dr. Sandra Hamella<br/>Vize-Präsidentin a.D.</p>
      </div>
    </div>
  </div>
  <!-- END QUOTE TEXT BLOCK-->
</div>