Dodatni elementi spletnega mesta
<div class="breadcrumbs">
<a href="#">Vsebina</a>
Podvsebina
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut i labore.
...
...
<section class="tabs-accordion">
<section class="tabs">
<div class="tabs__nav tabs__nav--slideshow mb-5">
<div class="prev"> <i class="icon icon--arrow-left-green"> </i> </div>
<div class="tabs__nav__container">
<ul class="nav nav-tabs mb-5" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
</li>
</ul>
</div>
<div class="next"> <i class="icon icon--arrow-right-green"> </i> </div>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut i labore.</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>
</section>
<section class="block-accordion">
<div class="block-accordion__content" id="nav-tabContent">
<div class="accordion" id="accordionExample"">
<div class="card">
<div class="card-header" id="heading-1">
<h2 class="mb-0">
<a href="#heading-1" data-toggle="collapse" data-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1">
Home
</a>
</h2>
</div>
<div id="collapse-1" class="collapse show" aria-labelledby="heading-1" data-parent="#accordionExample">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut i labore.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="heading-2">
<h2 class="mb-0">
<a class="collapsed" href="#heading-2" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
Profile
</a>
</h2>
</div>
<div id="collapse-2" class="collapse" aria-labelledby="heading-2" data-parent="#accordionExample">
<div class="card-body">
...
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<a href="#headingThree" class="btn btn-link btn-block text-left collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Contact
</a>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
...
</div>
</div>
</div>
</div>
</div>
<div class="block-accordion__actions">
<a href="#">Več </a>
</div>
</section>
</section>
Faq
<section class="block-accordion">
<div class="block-accordion__title">
<h2>Faq</h2>
</div>
<div class="block-accordion__content">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<a href="#headingOne" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Home
</a>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
Home
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<a class="collapsed" href="#headingTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Profile
</a>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
...
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<a class="collapsed" href="#headingThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Contact
</a>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
<div class="card-body">
...
</div>
</div>
</div>
</div>
</div>
<div class="block-accordion__actions">
<a href="#">Več</a>
</div>
</section>
<a class="download" href="#">
<span class="link--cta" href="#">Prenesi</span>
<div class="icon icon--download-purple"></div>
</a>
<div class="pagination">
<a href="#" class="pagination__prev">
<i class="icon icon--arrow-left-green icon--md"></i>
</a>
<div class="pagination__input">
<input type="text" class="form-control" value="1">
</div>
<a href="#" class="pagination__next">
<i class="icon icon--arrow-right-green icon--md"></i>
</a>
<div class="pagination__text">od 16</div>
</div>
Keywords
Test 001
Test 002
Test 003
Test 004
<div class="keywords">
<h4 class="keywords__title pb-4">Keywords</h4>
<p class="keywords__keyword">Test 001</p>
<p class="keywords__keyword">Test 002</p>
<p class="keywords__keyword">Test 003</p>
<p class="keywords__keyword">Test 004</p>
</div>
Tematike
Test 001
Test 002
Test 003
Test 004
Test 005
Test 006
Test 007
<div class="themes">
<h3 class="themes__title mb-5">Tematike</h3>
<p class="themes__keyword">Test 001</p>
<p class="themes__keyword">Test 002</p>
<p class="themes__keyword">Test 003</p>
<p class="themes__keyword">Test 004</p>
<p class="themes__keyword">Test 005</p>
<p class="themes__keyword">Test 006</p>
<p class="themes__keyword">Test 007</p>
</div>
Scroll top under 991.98px
<div class="scrollTop tablet"></div>