c-subtabs
Veritatis quisquam debitis architecto laborum ratione ipsam maiores temporibus nostrum, dolorum possimus alias quis eligendi natus, in culpa, doloribus numquam reprehenderit ullam rem quas expedita repellendus suscipit neque itaque. Eveniet!
Delectus illum molestiae ea dolorem et vero autem ut architecto deleniti saepe, veniam cumque recusandae error id libero. Accusamus mollitia, non eveniet magnam iste nisi repellat. Ab quod veritatis provident.
Tenetur eum quasi vero eos facere. Veritatis excepturi id quo officiis hic reiciendis, ipsum ipsa cupiditate aperiam nihil architecto ipsam molestias maiores quasi nostrum minus dignissimos reprehenderit maxime, quibusdam. Rem!
<div class="c-subtabs u-half-spacing js-tabs">
<nav class="c-subtabs__controls">
<h5 class="c-subtabs__heading e-heading">Zobrazit recenze</h5>
<ul class="c-subtabs__list js-tabs__list">
<li class="c-subtabs__item js-tabs__item">
<a href="#pozitivni" class="c-subtabs__link e-counter js-tabs__link" data-count="1 234">
Pozitivní
</a>
</li>
<li class="c-subtabs__item js-tabs__item is-active">
<a href="#negativni" class="c-subtabs__link e-counter js-tabs__link" data-count="345">
Negativní
</a>
</li>
<li class="c-subtabs__item js-tabs__item">
<a href="#vsechny" class="c-subtabs__link e-counter js-tabs__link" data-count="1 579">
Všechny
</a>
</li>
</ul>
</nav>
<div class="c-subtabs__region js-tabs__region e-anchor" id="pozitivni">
<p>Veritatis quisquam debitis architecto laborum ratione ipsam maiores temporibus nostrum, dolorum possimus alias quis eligendi natus, in culpa, doloribus numquam reprehenderit ullam rem quas expedita repellendus suscipit neque itaque. Eveniet!</p>
</div>
<div class="c-subtabs__region js-tabs__region is-active e-anchor" id="negativni">
<p>Delectus illum molestiae ea dolorem et vero autem ut architecto deleniti saepe, veniam cumque recusandae error id libero. Accusamus mollitia, non eveniet magnam iste nisi repellat. Ab quod veritatis provident.</p>
</div>
<div class="c-subtabs__region js-tabs__region e-anchor" id="vsechny">
<p>Tenetur eum quasi vero eos facere. Veritatis excepturi id quo officiis hic reiciendis, ipsum ipsa cupiditate aperiam nihil architecto ipsam molestias maiores quasi nostrum minus dignissimos reprehenderit maxime, quibusdam. Rem!</p>
</div>
</div>
c-subtabs
c-subtabs--top-borderless
Veritatis quisquam debitis architecto laborum ratione ipsam maiores temporibus nostrum, dolorum possimus alias quis eligendi natus, in culpa, doloribus numquam reprehenderit ullam rem quas expedita repellendus suscipit neque itaque. Eveniet!
Delectus illum molestiae ea dolorem et vero autem ut architecto deleniti saepe, veniam cumque recusandae error id libero. Accusamus mollitia, non eveniet magnam iste nisi repellat. Ab quod veritatis provident.
Tenetur eum quasi vero eos facere. Veritatis excepturi id quo officiis hic reiciendis, ipsum ipsa cupiditate aperiam nihil architecto ipsam molestias maiores quasi nostrum minus dignissimos reprehenderit maxime, quibusdam. Rem!
<div class="c-subtabs c-subtabs--top-borderless u-half-spacing js-tabs">
<nav class="c-subtabs__controls">
<h5 class="c-subtabs__heading e-heading">Zobrazit recenze</h5>
<ul class="c-subtabs__list js-tabs__list">
<li class="c-subtabs__item js-tabs__item">
<a href="#pozitivni" class="c-subtabs__link e-counter js-tabs__link" data-count="1 234">
Pozitivní
</a>
</li>
<li class="c-subtabs__item js-tabs__item is-active">
<a href="#negativni" class="c-subtabs__link e-counter js-tabs__link" data-count="345">
Negativní
</a>
</li>
<li class="c-subtabs__item js-tabs__item">
<a href="#vsechny" class="c-subtabs__link e-counter js-tabs__link" data-count="1 579">
Všechny
</a>
</li>
</ul>
</nav>
<div class="c-subtabs__region js-tabs__region e-anchor" id="pozitivni">
<p>Veritatis quisquam debitis architecto laborum ratione ipsam maiores temporibus nostrum, dolorum possimus alias quis eligendi natus, in culpa, doloribus numquam reprehenderit ullam rem quas expedita repellendus suscipit neque itaque. Eveniet!</p>
</div>
<div class="c-subtabs__region js-tabs__region is-active e-anchor" id="negativni">
<p>Delectus illum molestiae ea dolorem et vero autem ut architecto deleniti saepe, veniam cumque recusandae error id libero. Accusamus mollitia, non eveniet magnam iste nisi repellat. Ab quod veritatis provident.</p>
</div>
<div class="c-subtabs__region js-tabs__region e-anchor" id="vsechny">
<p>Tenetur eum quasi vero eos facere. Veritatis excepturi id quo officiis hic reiciendis, ipsum ipsa cupiditate aperiam nihil architecto ipsam molestias maiores quasi nostrum minus dignissimos reprehenderit maxime, quibusdam. Rem!</p>
</div>
</div>