Page Header

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.

<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>