View on GitHub
Footer
Footer….
Basic
<div class="m-footer"><div class="m-footer__social"><div class="l-wrapper"><div
class="m-footer__social-inner"><p class="m-footer__social-title"><b>Folgen
Sie uns</b></p><ul class="m-footer__social-list"><li
class="m-footer__social-item"><a target="_blank"
href="https://www.queo.de"
class="m-footer__social-item-inner"
aria-label="Link zu: Eins YouTube"><i
class="icon --youtube" aria-hidden="true"></i></a></li><li
class="m-footer__social-item"><a target="_blank"
href="https://www.queo.de"
class="m-footer__social-item-inner"
aria-label="Link zu: Eins LinkedIn"><i
class="icon --linkedin-in" aria-hidden="true"></i></a></li><li
class="m-footer__social-item"><a target="_blank"
href="https://www.queo.de"
class="m-footer__social-item-inner"
aria-label="Link zu: Eins Xing"><i
class="icon --xing" aria-hidden="true"></i></a></li><li
class="m-footer__social-item"><a target="_blank"
href="https://www.queo.de"
class="m-footer__social-item-inner"
aria-label="Link zu: Eins Instagram"><i
class="icon --instagram" aria-hidden="true"></i></a></li><li
class="m-footer__social-item"><a target="_blank"
href="https://www.queo.de"
class="m-footer__social-item-inner"
aria-label="Link zu: Eins Facebook"><i
class="icon --facebook" aria-hidden="true"></i></a></li><li
class="m-footer__social-item"><a target="_blank"
href="https://www.queo.de"
class="m-footer__social-item-inner"
aria-label="Link zu: Eins Twitter"><i
class="icon --twitter" aria-hidden="true"></i></a></li></ul></div></div></div><div
class="m-footer__middle"><div class="l-wrapper"><div
class="m-footer__row"><div class="m-footer__col"><p
class="m-footer__col-title"><b>Privatkunden</b></p><nav
class="m-footer__nav"><ul class="m-footer__nav-list"><li
class="m-footer__nav-item"><a
href="/privatkunden/strom.html"
class="m-footer__nav-item-inner">Strom</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden/erdgas.html"
class="m-footer__nav-item-inner">Erdgas</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden/waerme.html"
class="m-footer__nav-item-inner">Wärme</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden/wasser.html"
class="m-footer__nav-item-inner">Wasser</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden/internet.html"
class="m-footer__nav-item-inner">Internet</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden/e-mobilitaet.html"
class="m-footer__nav-item-inner">E-Mobilität</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden/solar-pv.html"
class="m-footer__nav-item-inner">Solar &
PV</a></li></ul></nav></div><div
class="m-footer__col"><p class="m-footer__col-title"><b>Geschäftskunden</b></p><nav
class="m-footer__nav"><ul class="m-footer__nav-list"><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Strom</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Erdgas</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Internet</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Wärme &
Kälte</a></li><li class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Wasser</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Energiedienstleistungen</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">E-Mobilität</a></li></ul></nav></div><div
class="m-footer__col"><p class="m-footer__col-title"><b>Über
eins</b></p><nav class="m-footer__nav"><ul
class="m-footer__nav-list"><li
class="m-footer__nav-item"><a
href="/ueber-eins/portrait.html"
class="m-footer__nav-item-inner">Portrait</a></li><li
class="m-footer__nav-item"><a
href="/ueber-eins/nachhaltigkeit.html"
class="m-footer__nav-item-inner">Nachhaltigkeit</a></li><li
class="m-footer__nav-item"><a
href="/ueber-eins/regionales-engagement.html"
class="m-footer__nav-item-inner">Engagement</a></li><li
class="m-footer__nav-item"><a
href="/ueber-eins/infrastruktur.html"
class="m-footer__nav-item-inner">Infrastruktur
/ Netze</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Presse</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Online-Shop</a></li><li
class="m-footer__nav-item"><a
href="/ueber-eins/karriere.html"
class="m-footer__nav-item-inner">Karriere</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Blog</a></li></ul></nav></div><div
class="m-footer__col"><p class="m-footer__col-title"><b>Service
& Kontakt</b></p><p class="m-footer__contact"><span
class="m-footer__item --phone"><i
class="icon --telefon" aria-hidden="true"></i><span
class="m-footer__item-inner"><a
href="tel:+49 30 123 45 68" class="link-tel">+49
30 123 45 68</a><span
class="m-footer__hours">Montag bis Freitag:
8 bis 19 Uhr</span></span></span><span
class="m-footer__item --mail"><i
class="icon --e-mail" aria-hidden="true"></i><a
href="mailto:info@queo-group.com"
class="link-mail">info@queo-group.com</a></span><span
class="m-footer__item --appointment"><i
class="icon --kalender" aria-hidden="true"></i><a
rel="noopener" target="_blank"
href="https://www.queo.de" class="link-external">Termin
vereinbaren</a></span><span
class="m-footer__item --problem"><i
class="icon --ausrufezeichen-kreis"
aria-hidden="true"></i><a rel="noopener"
target="_blank" href="https://www.queo.de"
class="link-external">Störung melden</a></span></p><ul
class="m-footer__nav-list"><li
class="m-footer__nav-item"><a
href="/ueber-eins/service-und-kontakt.html"
class="m-footer__nav-item-inner">Service &
Kontakt</a></li><li class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Umzug melden</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Zählerstand
melden</a></li><li class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Vertrag
kündigen</a></li><li class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">FAQ</a></li></ul></div></div></div></div><div
class="m-footer__bottom"><div class="l-wrapper"><div
class="m-footer__bottom-inner"><nav class="m-footer__nav"><ul
class="m-footer__nav-list"><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Impressum</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">Datenschutz</a></li><li
class="m-footer__nav-item"><a
href="/privatkunden.html"
class="m-footer__nav-item-inner">AGB</a></li></ul></nav><p
class="m-footer__copyright">© 2023 eins</p></div></div></div></div>