Skip to content

Logo

.c-logo

Other Logos

.c-logo[.-avoxa, .-labxpert, .-medicheck, .-ravati, .-apobank, .-pharmatechnik, .-studentenclub, .-bpdh]

Show Code
html
<div class="h-flex h-flex-row h-wrap h-space-between">
    <a class="c-logo -labxpert" href="/">LabXpert</a>
    <a class="c-logo -medicheck" href="/">MediCheck</a>
    <a class="c-logo -avoxa" href="/">Avoxa</a>
    <a class="c-logo -ravati" href="/">Ravati Seminare</a>
    <a class="c-logo -apobank" href="/">Deutsche Apotheker und Ärztebank</a>
    <a class="c-logo -pharmatechnik" href="/">Pharmatechnik</a>
    <a class="c-logo -studentenclub" href="/">Studentenclub</a>
    <a class="c-logo -bpdh" href="/">BPhD</a>
</div>

Black and White Modifier

TIP

Use the modifier .-bw to turn logo into grayscale, colors will be shown only on mouseover.

Show Code
html
<a class="c-logo -avoxa -bw" href="/">Avoxa</a>

All SVG Logos

Show Code
html
<div class="h-flex h-flex-row h-wrap  gap-m">
    <img src="/resources/images/logos/logo-labxpert.svg" width="140"/>
    <img src="/resources/images/logos/logo-medicheck.svg" width="140"/>
    <img src="/resources/images/logos/logo-apobank.svg" width="140"/>
    <img src="/resources/images/logos/logo-apotermin.svg" width="140"/>
    <img src="/resources/images/logos/logo-apotec.svg" width="140" />
    <img src="/resources/images/logos/logo-apotec-w.svg" width="140" />
    <img src="/resources/images/logos/logo-avoxa.svg" width="140" />
    <img src="/resources/images/logos/logo-wepa.svg" width="140" />
</div>