Example
Markup
<footer class="footer">
<div class="footer__wrapper wrapper">
<div class="footer__row row">
<div class="footer__address col-lg-6 col-xl-8">
<address>
<h3>Raptus Interactive</h3>
<p>
Gartenweg 1<br>
3250 Lyss
</p>
<p>
<a href="tel:0325512233">032 551 22 33</a><br>
<a href="mailto:info@raptus.com">info@raptus.com</a>
</p>
</address>
<h4>Verfügbare Zahlungsarten</h4>
<div class="footer__payments">
<div class="image image--landscape">
<div class="image__image"><img src="images/payment-methods/paypal.svg"></div>
</div>
<div class="footer__payments--small image image--landscape">
<div class="image__image"><img src="images/payment-methods/mastercard.svg"></div>
</div>
<div class="image image--landscape">
<div class="image__image"><img src="images/payment-methods/postfinance.svg"></div>
</div>
<div class="image image--landscape">
<div class="image__image"><img src="images/payment-methods/visa.svg"></div>
</div>
</div>
</div>
<aside class="footer__navigation col-lg-6 col-xl-4">
<nav>
<ul>
<li>
<a href="javascript://" class="post-card post-card--continue post-card--unwrap">
<span class="post-card__title card-title card-title--left-zero">
<span class="card-title__title">Über uns</span>
</span>
</a>
</li>
<li>
<a href="javascript://" class="post-card post-card--continue post-card--unwrap">
<span class="post-card__title card-title card-title--left-zero">
<span class="card-title__title">Service & Support</span>
</span>
</a>
</li>
<li>
<a href="javascript://" class="post-card post-card--continue post-card--unwrap">
<span class="post-card__title card-title card-title--left-zero">
<span class="card-title__title">Impressum</span>
</span>
</a>
</li>
</ul>
</nav>
</aside>
</div>
</div>
</footer>
Source:
assets/styles/04-organisms/03-footer/_footer.scss, line 1