|
|
| Zeile 1: |
Zeile 1: |
| <html>
| |
| <div class="row">
| |
| <div class="col col-4">
| |
| <div class="card d-flex align-items-stretch">
| |
| <div class="card-header" style ="color: white; background-color: #b50d7c; text-align: center">
| |
| <a data-toggle="collapse" href="#collapse-9" style ="color: white; background-color: #b50d7c; text-align: center" aria-expanded="true" aria-controls="collapse-9" id="heading-9" class="d-block"><i class="fa fa-chevron-down pull-right"></i></html><b>{{{Titel}}}</b><html></a>
| |
| </div>
| |
| <div id="collapse-9" class="collapse" aria-labelledby="heading-9">
| |
| <div class="card-body">
| |
| <ul class="nav flex-column nav-pills" role=" nav-stacked">
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab91"></html>{{{Funktion1}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab92"></html>{{{Funktion2}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab93"></html>{{{Funktion3}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab94"></html>{{{Funktion4}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab95"></html>{{{Funktion5}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab96"></html>{{{Funktion6}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab97"></html>{{{Funktion7}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab98"></html>{{{Funktion8}}}<html></a></li>
| |
| <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab99"></html>{{{Funktion9}}}<html></a></li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <div class="col-8">
| |
| <div id="collapse-9" class="collapse" aria-labelledby="heading-9">
| |
| <div class="card" style="border: 5px solid #b50d7c">
| |
| <div class="card-body">
| |
| <div class="tab-content">
| |
| <div id="Tab91" class="container tab-pane active"><br></html><p>{{{Erläuterung1}}}</p><html></div>
| |
| <div id="Tab92" class="container tab-pane fade"><br></html><p>{{{Erläuterung2}}}</p><html></div>
| |
| <div id="Tab93" class="container tab-pane fade"><br></html><p>{{{Erläuterung3}}}</p><html></div>
| |
| <div id="Tab94" class="container tab-pane fade"><br></html><p>{{{Erläuterung4}}}</p><html></div>
| |
| <div id="Tab95" class="container tab-pane fade"><br></html><p>{{{Erläuterung5}}}</p><html></div>
| |
| <div id="Tab96" class="container tab-pane fade"><br></html><p>{{{Erläuterung6}}}</p><html></div>
| |
| <div id="Tab97" class="container tab-pane fade"><br></html><p>{{{Erläuterung7}}}</p><html></div>
| |
| <div id="Tab98" class="container tab-pane fade"><br></html><p>{{{Erläuterung8}}}</p><html></div>
| |
| <div id="Tab99" class="container tab-pane fade"><br></html><p>{{{Erläuterung9}}}</p><html></div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </html>
| |