<header role="banner" class="mb-5">
  <div>
    <div class="container">
      <div class="row">
        <div class="col-lg-3">
          <img src="{{img_src}}/logo-velke.svg" alt="logo moneta" width="198px">
        </div>
        <div class="col-lg-2 offset-lg-3">
          <p class="text-right"> <i class="icon icon--phone-IB mr-2"></i><strong>224 443 636</strong></p>
        </div>
        <div class="col-lg-2">
          <p class="link text-right"> <i class="icon icon--USA mr-2"></i>English version</p>
        </div>
        <div class="col-lg-2">
          <p class="link text-right"> <i class="icon icon--like mr-2"></i>Přidat k oblíbeným</p>
        </div>
      </div>
    </div>
  </div>
</header>

<div class="container">
  <div class="row mb-3">
    <div class="col-lg-6 pr-0 align-self-center">
      <aside class="float-right">
        <img src="{{img_src}}/SB_banner.jpg" alt="smartbanka">
      </aside>
    </div>
    <div class="col-lg-6 pl-0">
      <main role="main" class="card card-body card--shadow p-5">
        <h1 class="h4">Přihlášení do Vaší Internet Banky</h1>
        <form  action="" method="post">
          <div class="row">
            <div class="col-lg-12">
              <div class="form-group mb-2">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">ID <span class="required"> </span> </label>
                <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Patternlab Input" class="form-control form-control-sm" value="">
              </div>
            </div>
            <div class="col-lg-12">
              <div class="form-group mb-4">
                <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Heslo <span class="required"> </span> </label>
                <input type="password" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Patternlab Input" class="form-control form-control-lock form-control-sm" value="">
              </div>
            </div>
            <div class="col-lg-12">
              <button type="button" class="btn btn-primary btn-block mb-3" name="button">Přihlásit</button>
            </div>
            <div class="col-lg-12">
              <p class="form-text mb-2">Pokud si potřebujete vygenerovat nové certifikáty, <a class="link-sm">zde je vstup do registrační autority.</a></p>
            </div>
            <div class="col-lg-12">
              <p class="form-text">Pokud si nepamatujete Vaše heslo, obnovte si ho <a class="link-sm">pomocí aplikace Smart Banka.</a></p>
            </div>
          </div>
        </form>
      </main>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12 mb-2">
      <div class="card card-body card--infoblock">
        <p class="info-text"><i class="icon icon--info-bubble mr-2"></i>Nefunguje Vám automatické vyplňování hesel? <a class="link-sm">Doporučujeme vyčistit cache a historii cookies.</a></p></div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="card card-body card--infoblock">
          <p class="info-text"><i class="icon icon--info-bubble mr-2"></i>Zkontrolujte, jestli máte aktuální a podporovaný prohlížeč. <a class="link-sm">Poradíme Vám, jak na to.<a></p></div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12 d-flex">
    </div>
  </div>
</div>
