Markup: templates/output/06-components/person-teaser/person-teaser-grid.html
<div class="o-grid o-grid-1-1 o-grid-1-1-1-1@tablet o-grid-1-1-1-1-1-1@desktop"><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a></div>
Source:
assets/sass/06-components/_components.person-teaser.scss, line 7