Quelltext der Seite Karte Startseite Tabs

<ul class="tabs" data-tab>
  <li class="tab-title active"><a href="#panel1" style="background-color: #008d8d; color: #fff;">Gesamt</a></li>
  <li class="tab-title"><a href="#panel2" style="background-color: #e66661; color: #fff; border-color: #e66661;"><span class="fa fa-star fa-lg" style="font-size: 16px; vertical-align: 0px;"></span></a></li>
  <li class="tab-title"><a href="#panel3" style="background-color: #779b48; color: #fff; border-color: #779b48;"><span class="fa fa-home fa-lg" style="font-size: 16px; vertical-align: 0px;"></span></a></li>
  <li class="tab-title"><a href="#panel4">Tab 4</a></li>
</ul>
<div class="tabs-content">
  <div class="content active" id="panel1">
    {{Karte Startseite}}
  </div>
  <div class="content" id="panel2">

<ul class="tabs vertical" data-tab>
  <li class="tab-title active"><a href="#panel11">Tab 2.1</a></li>
  <li class="tab-title"><a href="#panel21">Tab 2.2</a></li>
</ul>
<div class="tabs-content">
  <div class="content active" id="panel11">
    <p>Sie können horizontal, aber auch vertikal angeordnet sein...</p>
  </div>
  <div class="content" id="panel21">
    <p>... so wie diese Tabs im Tab.</p>
  </div>
</div>
  </div>
  <div class="content" id="panel3">
    <p>Eine englischsprachige Anleitung und Kopiervorlage des Codes, den man für die Erstellung von Tabs in einen Artikel einfügen muss, findet sich auf der  [https://pivot.wikiproject.net/wiki/Tabs Seite des Anbieters <span class="fa fa-external-link fa-lg" style="font-size: 12px; vertical-align: 0px;"></span>].</p>
  </div>
  <div class="content" id="panel4">
    <p>Viel Spaß beim Ausprobieren dieser Funktion!</p>
  </div>
</div>