Bank List

Diese Liste zeigt Banken mit den maximalen Informationen, die in einer Tabelle abgebildet werden sollen.

Ort
FOCUS MONEY
CityContest
Kunden-
Zufriedenheit
Weiter-
Empfehlung
Bankname
Ort
1.0
1.0
20%
Bankname
Ort
--
1.0
20%
Bankname
Ort
--
--
20%
Bankname
Ort
1.0
1.0
20%
<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>
			  
Ort
FOCUS MONEY
CityContest
Kreissparkasse München Starnberg Ebersberg
Euskirchen
3,1
Münchner Bank eG
Euskirchen
3,1
Deutsche Bank AG
Euskirchen
2,5
Deutsche Bank AG
Euskirchen
2,5
Ort
Kunden-
Zufriedenheit
Weiter-
Empfehlung
Volksbank Euskirchen eG
Euskirchen
1,61
50%
Ostsächsische Sparkasse Dresden
Dresden
1,89
50%
Volksbank Mittweida eG
Mittweida
1,74
50%
Volksbank Mittweida eG
Mittweida
1,74
50%
Ort
FOCUS MONEY
CityContest
Kunden-
Zufriedenheit
Weiter-
Empfehlung
Bankname
Ort
1.0
1.0
20%
Bankname
Ort
--
1.0
20%
Bankname
Ort
--
--
20%
Bankname
Ort
1.0
1.0
20%
<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>