Diese Liste zeigt Banken mit den maximalen Informationen, die in einer Tabelle abgebildet werden sollen.
<div class="bank-list ">
<div class="list-head">
<div class="list-row">
<div class="list-cell image"></div>
<div class="list-cell name"></div>
<div class="list-cell city">Ort</div>
<div class="list-cell rating cc">
FOCUS MONEY
<br/>CityContest
<div class="info-bubble " data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
</div>
<div class="list-cell rating dt">
Kunden-
<br/>Zufriedenheit
<div class="info-bubble " data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
</div>
<div class="list-cell recommend">
Weiter-
<br/>Empfehlung
<div class="info-bubble " data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
</div>
<div class="list-cell options"></div>
</div>
</div>
<div class="list-body">
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<img src="/assets/toolkit/images/placeholder-square.jpg" />
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch rotate" data-label="Batch">
<img src="testsieger.svg" />
</div>
<div class="list-cell rating cc best-in-class" data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt " data-label="Note aus 999.999 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 999.999</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="javascript:void(0);" class="btn btn-default disabled btn-sm " data-toggle=modal data-target=#requestModal>
Angebot
</a>
<a href="/demos/demo_bank-profil-9.html" class="btn btn-default btn-sm ">
Profil
</a>
</div>
</div>
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<i class="fa fa-diamond"></i>
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch rotate" data-label="Batch">
<img src="testsieger.svg" />
</div>
<div class="list-cell rating cc disabled best-in-class" data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>--</span>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt " data-label="Note aus 999.999 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 999.999</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="javascript:void(0);" class="btn btn-default disabled btn-sm " data-toggle=modal data-target=#requestModal>
Angebot
</a>
<a href="/demos/demo_bank-profil-2.html" class="btn btn-default disabled btn-sm ">
Profil
</a>
</div>
</div>
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<i class="fa fa-diamond"></i>
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch" data-label="Batch">
</div>
<div class="list-cell rating cc disabled " data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>--</span>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt disabled" data-label="Note aus 0 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>--</span>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 0</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="/demos/demo_bank-profil-2.html" class="btn btn-default disabled btn-sm ">
Profil
</a>
</div>
</div>
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<i class="fa fa-diamond"></i>
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch" data-label="Batch">
</div>
<div class="list-cell rating cc " data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt " data-label="Note aus 999.999 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 999.999</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="javascript:void(0);" class="btn btn-default disabled btn-sm " data-toggle=modal data-target=#requestModal>
Angebot
</a>
<a href="/demos/demo_bank-profil-2.html" class="btn btn-default disabled btn-sm ">
Profil
</a>
</div>
</div>
</div>
<div class="list-footer"></div>
</div>
<ul class="nav nav-tabs">
<li class="active">
<a href="#privat" data-toggle="tab">Privatkunden <span class="badge">15</span></a>
<li>
<li role="presentation">
<a href="#">Geschäftskunden <span class="badge">20</span></a>
<li>
</ul>
<div class="bank-list ">
<div class="list-head">
<div class="list-row">
<div class="list-cell image"></div>
<div class="list-cell name"></div>
<div class="list-cell city">Ort</div>
<div class="list-cell rating cc">
FOCUS MONEY
<br/>CityContest
<div class="info-bubble " data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
</div>
<div class="list-cell rating dt">
Kunden-
<br/>Zufriedenheit
<div class="info-bubble " data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
</div>
<div class="list-cell recommend">
Weiter-
<br/>Empfehlung
<div class="info-bubble " data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
</div>
<div class="list-cell options"></div>
</div>
</div>
<div class="list-body">
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<img src="/assets/toolkit/images/placeholder-square.jpg" />
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch rotate" data-label="Batch">
<img src="testsieger.svg" />
</div>
<div class="list-cell rating cc best-in-class" data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt " data-label="Note aus 999.999 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 999.999</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="/demos/demo_bank-profil-9.html" class="btn btn-default btn-sm ">
Profil
</a>
<a href="#" class="btn btn-default btn-sm ">
<i class="fa fa-comment"></i>
</a>
</div>
</div>
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<i class="fa fa-diamond"></i>
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch rotate" data-label="Batch">
<img src="testsieger.svg" />
</div>
<div class="list-cell rating cc disabled best-in-class" data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>--</span>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt " data-label="Note aus 999.999 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 999.999</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="/demos/demo_bank-profil-2.html" class="btn btn-default disabled btn-sm ">
Profil
</a>
<a href="#" class="btn btn-default disabled btn-sm ">
<i class="fa fa-comment"></i>
</a>
</div>
</div>
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<i class="fa fa-diamond"></i>
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch" data-label="Batch">
</div>
<div class="list-cell rating cc disabled " data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>--</span>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt disabled" data-label="Note aus 0 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>--</span>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 0</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="/demos/demo_bank-profil-2.html" class="btn btn-default disabled btn-sm ">
Profil
</a>
<a href="#" class="btn btn-default disabled btn-sm ">
<i class="fa fa-comment"></i>
</a>
</div>
</div>
<div class="list-row ">
<div class="list-cell image">
<a href="../../demos/demo_bank-profil-9.html">
<i class="fa fa-diamond"></i>
</a>
</div>
<div class="list-cell name" data-label="Name">
Bankname
<!-- <a href="#">Ort</a> -->
</div>
<div class="list-cell city" data-label="Ort">Ort</div>
<div class="list-cell batch" data-label="Batch">
</div>
<div class="list-cell rating cc " data-label="FOCUS-MONEY CityContest 2016">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs">2016</small>
</div>
<div class="list-cell rating dt " data-label="Note aus 999.999 Bewertungen">
<!-- <small class="hidden-sm hidden-md hidden-lg">Note</small> -->
<span>1.0</span>
<div class="info-bubble hidden-sm hidden-md hidden-lg gray" data-toggle="tooltip" data-placement="top" title=" Text
">
<i class="fa fa-question"></i>
</div>
<small class="hidden-xs"><i class="fa fa-check-circle-o"></i> 999.999</small>
</div>
<div class="list-cell recommend " data-label="empfehlen diese Bank">
<span>20%</span>
</div>
<div class="list-cell options" data-label="Optionen">
<a href="/demos/demo-vote-single.html" class="btn btn-primary btn-sm btn-block ">
bewerten
</a>
<a href="/demos/demo_bank-profil-2.html" class="btn btn-default disabled btn-sm ">
Profil
</a>
<a href="#" class="btn btn-default btn-sm ">
<i class="fa fa-comment"></i>
</a>
</div>
</div>
</div>
<div class="list-footer"></div>
</div>