PatternLab (0.1.259)

# Logos

.c-logo

hide code 
<a class="c-logo" href="/">Pharma4u</a>

# Partner Logos

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

hide code 
<ul class="c-list -horizontal h-flex h-space-between">
    <li class="c-list__item"><a class="c-logo -avoxa" href="/">Avoxa</a></li>
    <li class="c-list__item"><a class="c-logo -ravati" href="/">Ravati Seminare</a></li>
    <li class="c-list__item"><a class="c-logo -apobank" href="/">Deutsche Apotheker und Ärztebank</a></li>
    <li class="c-list__item"><a class="c-logo -pharmatechnik" href="/">Pharmatechnik</a></li>
    <li class="c-list__item"><a class="c-logo -studentenclub" href="/">Studentenclub</a></li>
    <li class="c-list__item"><a class="c-logo -bpdh" href="/">BPhD</a></li>
</ul>

# Black and White Modifier

TIP

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

hide code 
<a class="c-logo -avoxa -bw" href="/">Avoxa</a>

# More SVG Logos

hide code 
<div class="h-flex h-space-between">
<img src="/resources/images/logos/logo-labxpert.svg" width="100" class="m-x-m"/>
<img src="/resources/images/logos/logo-apobank.svg" width="100" class="m-x-m"/>
<img src="/resources/images/logos/logo-apotermin.svg" width="100" class="m-x-m"/>
<img src="/resources/images/logos/logo-apotec.svg" width="100" class="m-x-m" />
<img src="/resources/images/logos/logo-apotec-w.svg" width="100" class="m-x-m" />
<img src="/resources/images/logos/logo-avoxa.svg" width="100" class="m-x-m" />
<img src="/resources/images/logos/logo-wepa.svg" width="100" class="m-x-m" />
</div>

← Pill →