Publictransport
Für eine Übersicht der Nahverkehrsmittel kann das Modul Publictransport genutzt werden.
The Publictransport module can be used for providing an overview of local public transport possibilities.
.modul-publictransport
Verkehrsanbindungen
-
U-Bahn
-
Beispielplatz
- U5
- U8
-
Beispielplatz
- U5
- U8
-
Beispielplatz
-
S-Bahn
-
Beispielplatz
- S3
- S5
- S7
- S75
- S9
-
Beispielplatz
-
Tram
-
Beispielstraße.
- M2
-
Beispielstraße
- M2
- M8
-
Beispielstraße.
-
Bus
-
Beispielstraße.
- N5
- N65
-
S+U Beispielplatz
- 100
- 200
- M48
- N2
- N42
- N5
- TXL
-
Beispielplatz
- 142
- 200
-
Beispielstraße.
-
Bahn
-
Beispielstr.
- 01
- 02
-
Teststr.
- 01
- 02
- 03
- 01
- 02
- 03
-
Testallee.
- 01
- 02
-
Beispielstr.
-
Fähre
-
Teststr.
- 01
- 02
-
Teststr.
- 01
- 02
- 03
- 01
- 02
- 03
-
Testallee.
- 01
- 02
-
Teststr.
HTML
<section class="modul-publictransport">
<h2 class="title">Verkehrsanbindungen</h2>
<ul class="types js-accordion" aria-label="Verkehrsmittel" >
<li class="type">
<h3 class="js-accordion__heading type__name ubahn"><span class="title">U-Bahn</span></h3>
<ul class="stops js-accordion__panel" aria-label="Haltestellen">
<li class="stop">
<a href="#">Beispielplatz</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">U5</li>
<li class="line">U8</li>
</ul>
</li>
<li class="stop">
<a href="#">Beispielplatz</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">U5</li>
<li class="line">U8</li>
</ul>
</li>
</ul>
</li>
<li class="type">
<h3 class="js-accordion__heading type__name sbahn"><span class="title">S-Bahn</span></h3>
<ul class="stops js-accordion__panel" aria-label="Haltestellen">
<li class="stop">
<a href="#">Beispielplatz</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">S3</li>
<li class="line">S5</li>
<li class="line">S7</li>
<li class="line">S75</li>
<li class="line">S9</li>
</ul>
</li>
</ul>
</li>
<li class="type">
<h3 class="js-accordion__heading type__name tram"><span class="title">Tram</span></h3>
<ul class="stops js-accordion__panel" aria-label="Haltestellen">
<li class="stop">
<a href="#">Beispielstraße.</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">M2</li>
</ul>
</li>
<li class="stop">
<a href="#">Beispielstraße</a>
<div class="text--meta">0.3km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">M2</li>
<li class="line">M8</li>
</ul>
</li>
</ul>
</li>
<li class="type">
<h3 class="js-accordion__heading type__name bus"><span class="title">Bus</span></h3>
<ul class="stops js-accordion__panel" aria-label="Haltestellen">
<li class="stop">
<a href="#">Beispielstraße.</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">N5</li>
<li class="line">N65</li>
</ul>
</li>
<li class="stop">
<a href="#">S+U Beispielplatz</a>
<div class="text--meta">0.2km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">100</li>
<li class="line">200</li>
<li class="line">M48</li>
<li class="line">N2</li>
<li class="line">N42</li>
<li class="line">N5</li>
<li class="line">TXL</li>
</ul>
</li>
<li class="stop">
<a href="#">Beispielplatz</a>
<div class="text--meta">0.3km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">142</li>
<li class="line">200</li>
</ul>
</li>
</ul>
</li>
<li class="type">
<h3 class="js-accordion__heading type__name bahn"><span class="title">Bahn</span></h3>
<ul class="stops js-accordion__panel" aria-label="Haltestellen">
<li class="stop">
<a href="#">Beispielstr.</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">01</li>
<li class="line">02</li>
</ul>
</li>
<li class="stop">
<a href="#">Teststr.</a>
<div class="text--meta">0.2km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">01</li>
<li class="line">02</li>
<li class="line">03</li>
<li class="line">01</li>
<li class="line">02</li>
<li class="line">03</li>
</ul>
</li>
<li class="stop">
<a href="#">Testallee.</a>
<div class="text--meta">0.3km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">01</li>
<li class="line">02</li>
</ul>
</li>
</ul>
</li>
<li class="type">
<h3 class="js-accordion__heading type__name ferry"><span class="title">Fähre</span></h3>
<ul class="stops js-accordion__panel" aria-label="Haltestellen">
<li class="stop">
<a href="#">Teststr.</a>
<div class="text--meta">0.1km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">01</li>
<li class="line">02</li>
</ul>
</li>
<li class="stop">
<a href="#">Teststr.</a>
<div class="text--meta">0.2km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">01</li>
<li class="line">02</li>
<li class="line">03</li>
<li class="line">01</li>
<li class="line">02</li>
<li class="line">03</li>
</ul>
</li>
<li class="stop">
<a href="#">Testallee.</a>
<div class="text--meta">0.3km entfernt</div>
<ul class="lines" aria-label="Linien">
<li class="line">01</li>
<li class="line">02</li>
</ul>
</li>
</ul>
</li>
</ul>
</section>