Dieser Page-Header wird im Fragebogen verwendet und zeigt die zu bewertenden Bank sowie den Fortschritt innerhalb des Fragebogens.
<div class="page-header ">
<div class="container">
<div class="row">
<div class="col col-sm-12 col-sm-offset-0">
<div class="headline">
<h3>
Bewerten Sie die <em>Deutsche Postbank AG in Hamburg</em>
</h3>
</div>
<div class="process-indicator">
<ol>
<li class="" data-target="" data-slide-to="0">
<span class="number">1</span>
<span class="check"><i class="fa fa-check"></i></span>
<span class="titel">Allgemein</span>
</li>
<li class="" data-target="" data-slide-to="1">
<span class="number">2</span>
<span class="check"><i class="fa fa-check"></i></span>
<span class="titel">Kontakt</span>
</li>
<li class="" data-target="" data-slide-to="2">
<span class="number">3</span>
<span class="check"><i class="fa fa-check"></i></span>
<span class="titel">Betreuung</span>
</li>
<li class="" data-target="" data-slide-to="3">
<span class="number">4</span>
<span class="check"><i class="fa fa-check"></i></span>
<span class="titel">Produkte</span>
</li>
<li class="" data-target="" data-slide-to="4">
<span class="number">5</span>
<span class="check"><i class="fa fa-check"></i></span>
<span class="titel">Filiale</span>
</li>
<li class="" data-target="" data-slide-to="5">
<span class="number">6</span>
<span class="check"><i class="fa fa-check"></i></span>
<span class="titel">Über Sie</span>
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
Dieser Page-Header wird in der Banken-Detail-Ansicht verwendet und zeigt das Logo, den Namen und den Ort der Bank.
Stadt der bank
<div class="page-header page-header-b">
<div class="container">
<div class="row row-eq-height">
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2">
<div class="header-logo-wrapper">
<i class="fa fa-diamond"></i>
</div>
</div>
<div class="col-xs-8 col-sm-6 col-md-6 col-lg-6">
<div class="header-headline-wrapper">
<h1>Name der Bank</h1>
<p>
<i class="fa fa-map-marker"></i>
<small><strong>Stadt der bank</strong></small>
</p>
</div>
</div>
</div>
</div>
</div>
Dieser Page-Header wird in der Banken-Detail-Ansicht verwendet und zeigt das Logo, den Namen und den Ort der Bank.
<div class="page-header page-header-c">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-sm-push-6 ">
<a type="button" class="btn btn-default dropdown-toggle hidden-lg hidden-md hidden-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>Themen</a>
<ul class="dropdown-theme dropdown-menu dropdown-menu-right">
<li><a href="#"><img src="/assets/toolkit/images/placeholder-ratio.jpg" width="100%" height="100%">Altersvorsorge & Absicherung</a></li>
<li><a href="#"><img src="/assets/toolkit/images/placeholder-ratio.jpg" width="100%" height="100%">Baufinanzierung & Immobilien</a></li>
<li><a href="#"><img src="/assets/toolkit/images/placeholder-ratio.jpg" width="100%" height="100%">Sparen & Geldanlage</a></li>
<li><a href="#"><img src="/assets/toolkit/images/placeholder-ratio.jpg" width="100%" height="100%">Vergleichsrechner</a></li>
</ul>
<div class="search-wrapper">
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="fa-search"></i></button>
</span>
</div>
<!-- /input-group -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-sm-pull-6">
<h4>
Page-Header-C
</h4>
</div>
</div>
</div>
</div>