Koš

1) Nadpisy

zpět na seznam

Nadpis úrovně H1

Nadpis úrovně H2

Nadpis úrovně H3

Nadpis úrovně H4

Nadpis úrovně H5
Nadpis úrovně H6

Nadpisy - HTML


<h1>
    Nadpis úrovně H1</h1>
<h2>
    Nadpis úrovně H2</h2>
<h3>
    Nadpis úrovně H3</h3>
<h4>
    Nadpis úrovně H4</h4>
<h5>
    Nadpis úrovně H5</h5>
<h6>
    Nadpis úrovně H6</h6>

Další

Odkazy v seznamu v rámci textu

<p>
  <span class="pui-c-file-icon pui-is-csv"></span><a href="#">Soubor CVS</a>
  <span class="pui-c-file-icon pui-is-doc"></span><a href="#">MS Word Document</a>
  <span class="pui-c-file-icon pui-is-exe"></span><a href="#">Soubor EXE</a>
  <span class="pui-c-file-icon pui-is-html"></span><a href="#">Webová stránka</a>
  <span class="pui-c-file-icon pui-is-pdf"></span><a href="#" target="_blank">Dokument PDF</a>
  <span class="pui-c-file-icon pui-is-ppt"></span><a href="#">MS Powerpoint</a>
  <span class="pui-c-file-icon pui-is-swf"></span><a href="#">Flash soubor</a>
  <span class="pui-c-file-icon pui-is-txt"></span><a href="#">Text</a>
  <span class="pui-c-file-icon pui-is-xls"></span><a href="#">MS Excel Document</a>
  <span class="pui-c-file-icon pui-is-zip"></span><a href="#">Zkomprimovaný soubor</a>
</p>
Další

3) Tabulky

zpět na seznam

Ceník

Operace Poplatek
Bezhotovostní operace 0
Zřízení, vedení, zrušení zdarma
Změna úvěrového limitu zdarma
Hotovostní operace
Poplatek za restrukturalizaci a změnu smluvní dokumentace 500 Kč
Upomínka/výzva k uhrazení dlužné částky 300 / 500 Kč
Výzva ke splnění smluvních podmínek 300 Kč
Platnost od 1.4. 2016

Úrokové sazby, Sazebník

Povolené přečerpání účtu % p. a.
Povolené přečerpání účtu % p. a.
ČSOB Povolené přečerpání 18,90
Povolené přečerpání ČSOB Studentského konta Plus 17,90
Úrok z prodlení pro všechny typy přečerpání REPO sazba ČNB + 8 % p. a.*)

Vyhlašovaná roční úroková sazba (% p. a.)
*) Uvedený úrok z prodlení platí pouze pro smluvní vztahy uzavřené od 1. 9. 2015.

Ceník

<table class="pui-is-pricelist">
  <thead>
    <tr>
      <th>Operace</th>
      <th>Poplatek</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="pui-is-lvl01">Bezhotovostní operace</td>
      <td class="pui-is-lvl01">0</td>
    </tr>
    <tr>
      <td class="pui-is-lvl02">Zřízení, vedení, zrušení</td>
      <td class="pui-is-free">zdarma</td>
    </tr>
    <tr>
      <td class="pui-is-lvl02">Změna úvěrového limitu</td>
      <td class="pui-is-free">zdarma</td>
    </tr>
    <tr>
      <td class="pui-is-lvl01">Hotovostní operace</td>
      <td></td>
    </tr>
    <tr>
      <td class="pui-is-lvl02">Poplatek za restrukturalizaci a změnu smluvní dokumentace</td>
      <td>500 Kč</td>
    </tr>
    <tr>
      <td class="pui-is-lvl03">Upomínka/výzva k uhrazení dlužné částky</td>
      <td>300 / 500 Kč</td>
    </tr>
    <tr>
      <td class="pui-is-lvl03">Výzva ke splnění smluvních podmínek</td>
      <td>300 Kč</td>
    </tr>
    <tr class="pui-is-validity">
      <td colspan="2">Platnost od 1.4. 2016</td>
    </tr>
  </tbody>
</table>

Úrokové sazby, Sazebník

<table class="pui-b-tab-money-rates">
  <thead>
    <tr>
      <th>Povolené přečerpání účtu</th>
      <th>% p. a.</th>
    </tr>
    <tr class="pui-is-table-subheading">
      <th>Povolené přečerpání účtu</th>
      <th>% p. a.</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ČSOB Povolené přečerpání</td>
      <td>18,90</td>
    </tr>
    <tr>
      <td>Povolené přečerpání <strong>ČSOB Studentského konta Plus</strong></td>
      <td>17,90</td>
    </tr>
    <tr>
      <td>Úrok z prodlení pro všechny typy přečerpání</td>
      <td>REPO sazba ČNB + 8 % p. a.*<span class="pui-b-footnote">)</span></td>
    </tr>
    <tr>
      <td colspan="2">
        <p class="pui-b-footnotes" style="border-top-style:none;">Vyhlašovaná roční úroková sazba (% p. a.)<br>
        *<span class="pui-b-footnotes">)</span> Uvedený úrok z prodlení platí pouze pro smluvní vztahy uzavřené od 1. 9. 2015.</p>
      </td>
    </tr>
  </tbody>
</table>
Další

4) Tlačítka

zpět na seznam

Action button

SJEDNAT SCHŮZKU
 

Submit button

Pokračovat
 

Main button

 

Action button

<a href="#" class="pui-c-button pui-is-primary pui-is-action pui-is-icon-right">SJEDNAT SCHŮZKU</a>
 

Submit button

<a href="#" class="pui-c-button pui-is-primary pui-is-icon-right submit">Pokračovat</a>
 

Main button

<div class="pui-b-content-row pui-list-needs">
  <div class="pui-b-needs-item">
    <a href="#" class="pui-needs-item-btn">
      Chci <strong>půjčit</strong>
    </a>
  </div>
</div>
Další

5) Seznamy

zpět na seznam

Nečíslovaný seznam

  • Zdarma vedení účtu při měsíčním příjmu na účtu 15 000 Kč
  • Bezplatné bezhotovostní tuzemské platby zadané přes internet nebo mobil
  • Vydání a vedení bezkontaktní karty Debit MasterCard pro majitele účtu je zdarma
  • Možnost vydání bezkontaktní platební nálepky
  • K účtu navíc možnost sjednání kontokorentu zdarma*

Nečíslovaný seznam - struktura pro více úrovní


Číslovaný seznam

  1. Zdarma vedení účtu při měsíčním příjmu na účtu 15 000 Kč
  2. Bezplatné bezhotovostní tuzemské platby zadané přes internet nebo mobil
  3. Vydání a vedení bezkontaktní karty Debit MasterCard pro majitele účtu je zdarma
  4. Bezplatný neomezený počet výběrů hotovosti bezkontaktní kartou Debit MasterCard v bankomatech ČSOB/Ery
  5. K účtu navíc možnost sjednání kontokorentu zdarma*

Číslovaný seznam - struktura pro více úrovní

  1. Zdarma vedení účtu při měsíčním příjmu na účtu 15 000 Kč
  2. Bezplatné bezhotovostní tuzemské platby zadané přes internet nebo mobil
  3. Vydání a vedení bezkontaktní karty Debit MasterCard pro majitele účtu je zdarma
  4. Možnost vydání bezkontaktní platební nálepky
  5. Bezplatný neomezený počet výběrů hotovosti bezkontaktní kartou Debit MasterCard v bankomatech ČSOB/Ery
  6. K účtu navíc možnost sjednání kontokorentu zdarma*

Nečíslovaný seznam

<ul>
  <li>Zdarma vedení účtu při <span class="pui-text-glossary">měsíčním příjmu</span> na účtu 15 000 Kč</li>
  <li>Bezplatné bezhotovostní tuzemské platby zadané přes internet nebo mobil</li>
  <li>Vydání a vedení <a href="#" class="">bezkontaktní karty Debit MasterCard</a> pro majitele účtu je zdarma</li>
  <li>Možnost vydání <a href="#" class="">bezkontaktní platební nálepky</a></li>
  <li>K účtu navíc možnost sjednání kontokorentu <strong>zdarma*</strong></li>
</ul>  

Nečíslovaný seznam - struktura pro více úrovní

<ul>
  <li>Možnost vydání <a href="#" class="">bezkontaktní platební nálepky</a></li>
  <li>Bezplatný neomezený počet výběrů hotovosti bezkontaktní kartou Debit MasterCard v <a href="#" class="">bankomatech ČSOB/Ery</a>
    <ul>
      <li><a href="#" >Rodina</a></li>
      <li><a href="#" >Sny</a></li>
      <li><a href="#" >Peníze</a>
        <ul>
          <li><a href="#" >Rodina</a></li>
          <li><a href="#" >Sny</a></li>
          <li><a href="#" >Peníze</a></li>
          <li><a href="#" >Rezerva</a></li>
        </ul>
      </li>
      <li><a href="#" >Rezerva</a></li>
    </ul>
  </li>
  <li>K účtu navíc možnost sjednání kontokorentu <strong>zdarma*</strong></li>
</ul>

Číslovaný seznam

<ol>   <li>Zdarma vedení účtu při <span class="pdp-glossary">měsíčním příjmu</span> na účtu 15 000 Kč</li>
  <li>Bezplatné bezhotovostní tuzemské platby zadané přes internet nebo mobil</li>
  <li>Vydání a vedení <a href="#" class="">bezkontaktní karty Debit MasterCard</a> pro majitele účtu je zdarma</li>
  <li>Bezplatný neomezený počet výběrů hotovosti bezkontaktní kartou Debit MasterCard v <a href="#" class="">bankomatech ČSOB/Ery</a></li>
  <li>K účtu navíc možnost sjednání kontokorentu <strong>zdarma*</strong></li>
</ol>

Číslovaný seznam - struktura pro více úrovní

<ol>
  <li>Zdarma vedení účtu při <span class="pdp-glossary">měsíčním příjmu</span> na účtu 15 000 Kč</li>
  <li>Bezplatné bezhotovostní tuzemské platby zadané přes internet nebo mobil</li>
  <li>Vydání a vedení <a href="#" class="">bezkontaktní karty Debit MasterCard</a> pro majitele účtu je zdarma</li>
  <li>Možnost vydání <a href="#" class="">bezkontaktní platební nálepky</a>
    <ul>
      <li><a href="#" >Rodina</a></li>
      <li><a href="#" >Sny</a></li>
      <li><a href="#" >Peníze</a>
        <ul>
          <li><a href="#" >Rodina</a></li>
          <li><a href="#" >Sny</a></li>
          <li><a href="#" >Peníze</a></li>
          <li><a href="#" >Rezerva</a></li>
        </ul>
      </li>
      <li><a href="#" >Rezerva</a></li>
    </ul>
  </li>
  <li>Bezplatný neomezený počet výběrů hotovosti bezkontaktní kartou Debit MasterCard v <a href="#" class="">bankomatech ČSOB/Ery</a></li>
  <li>K účtu navíc možnost sjednání kontokorentu <strong>zdarma*</strong></li>
</ol>
Další

6) Videa

zpět na seznam

Video z Youtube

Nahrávám přehrávač...

Video pomocí JS

Nahrávám přehrávač...

Video z Youtub

<!-- COMPONENT START -->
<div class="npw-player">
  <div id="pdp-npwplayer-1">Nahrávám přehrávač...</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
  $("#pdp-npwplayer-1").npwplayer({
    video: "https://www.youtube.com/embed/BQh_Th65Qmc",
    width: 560,
    height: 315
  });
});
</script>
<!-- COMPONENT END -->

Video pomocí JS

<!-- COMPONENT START -->
<div class="npw-player">
  <div id="pdp-npwplayer-1">Nahrávám přehrávač...</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
  $("#pdp-npwplayer-1").npwplayer({
    image: "/portal/documents/2664281/3977422/pravidelne-investovani-sondy-preview.jpg",
    video: "/portal/documents/2664281/3977422/pravidelne-investice-sondy.mp4",
    width: 560,
    height: 315
  });
});
</script>
<!-- COMPONENT END -->
Další

7) Slovník pojmů

zpět na seznam

BIC slovník pojmů

Slovník pojmů

<p> <span class="pdp-glossary" glossary-id="316">BIC</span> slovník pojmů</p>
Další

8) Sloupce

zpět na seznam

Obecný rozcestník

Důležité kontakty

Klientská linka

Telefon: +420 495 800 100
Otevírací doba: 24 hodin, 7 dní v týdnu
  • služby Telefonního bankovnictví
  • dotazy, náměty, reklamace(pracovní dny: 7.00—19.00)

Informační linka o produktech

800 210 210

Zdarma od 7.00 - 24.00 hodin,7 dní v týdnu.

Obecný rozcestník

<div class="pui-b-guidepost-links-tile-box">
  <p><strong>Bankovnictví na dálku</strong></p>
  <ul>
    <li><a href="#">Era portál – nové internetové bankovnictví</a></li>
    <li><a href="#">Era firemní bankovnictví</a></li>
    <li><a href="#">Era telefonní bankovnictví</a></li>
    <li><a href="#">Era smartbanking</a></li>
  </ul>
</div>

Důležité kontakty

<div class="pdp-itembox-group, pdp-itembox-group-vertical">
  <div class="pdp-itembox-container">
    <div class="pdp-itembox-item">
      <div class="pui-c-itembox-contact pui-is-sidebar-contact pui-is-bg">
        <h2 class="pui-b-title">Klientská linka</h2>
        <div class="pui-b-icon-row pui-is-highlight"><span class="pui-c-icon pui-is-phone">Telefon: </span>+420 495 800 100</div>
        <div class="pui-b-icon-row"><span class="pui-c-icon pui-is-time">Otevírací doba: </span>24 hodin, 7 dní v týdnu</div>
        <ul>
          <li>služby Telefonního bankovnictví</li>
          <li>dotazy, náměty, reklamace(pracovní dny: 7.00—19.00)</li>
        </ul>
      </div>
    </div>
    <div class="pdp-itembox-item">
      <div class="pui-c-itembox-contact pui-is-sidebar-contact pui-is-bg">
        <h2 class="pui-b-title">Informační linka o produktech</h2>
        <div class="pui-info-content">
          <span class="pui-infolink">800 210 210</span>
          <p>Zdarma od 7.00 - 24.00 hodin,7 dní v týdnu.</p>
        </div>
      </div>
    </div>
  </div>
</div>
Další

9) Šedá pozadí

zpět na seznam

Šedý box

Přechod k nám je snadný:

  • vyberte si nejbližší pobočku České pošty nebo kterékoliv Finanční centrum
  • vše nastavíme tak, jak jste zvyklí
  • zařídíme zrušení původního účtu
VÍCE INFORMACÍ

Alert v záhlaví - Global Error

Pozor na podvodné emaily s loginem do Internet Bakingu - ČSOB čelí útoku a chtějí nás i vás okrást! In hac habitasse plateja dictumst. Pellentesque in ultricies quam, eget aliquet magna. Cras aliquet urna.


Šedý box

<div class="pui-c-highlighted-box">
  <h4 class="">Přechod k nám je snadný:</h4>
  <ul class="">
    <li>vyberte si <a href="#">nejbližší pobočku</a> České pošty nebo kterékoliv Finanční centrum</li>
    <li>vše nastavíme tak, jak jste zvyklí</li>
    <li>zařídíme zrušení původního účtu</li>
  </ul>
  <a class="pui-c-button pui-is-primary pui-is-action pui-is-icon-right" href="#">VÍCE INFORMACÍ</a>
</div>

Alert v záhlaví - Global Error

<!-- BEGIN: Alert component -->
<div class="pui-c-alert pui-is-global-error">
  <div class="pui-b-wrapper">
    <div class="pui-b-icon pui-is-era-warning"></div>
      <div class="pui-b-message-wrapper">
        <p> <strong>Pozor na podvodné emaily s loginem do Internet Bakingu</strong> - ČSOB čelí útoku a chtějí nás i vás okrást! In hac habitasse plateja dictumst. Pellentesque in ultricies quam, eget aliquet magna. <a href="#">Cras aliquet</a> urna.</p>
      </div>
    <a href="#" class="pui-b-close-button"></a>
  </div>
</div>
<!-- END: Alert component -->
Další

10) Tip

zpět na seznam

TIP od Jistína

Pojištění se slevou 10%

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

<div class="pui-b-content-row">
  <!-- COMPONENT START -->
  <div class="pui-c-gnomes-tip">
    <div class="pui-b-gnome-tip">
      <img src="/portal/documents/2664281/4065099/tip-sikulin.png">
    </div>
    <h2>TIP od Jistína</h2>
    <h3>Pojištění se slevou 10%</h3>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
  </div>
</div>
<!-- COMPONENT END -->
Další