Modul izpostavitve osebe
Jože
Mermal
PRESIDENT OF THE BOARD
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur.
Simple text
<div class="exposure d-flex flex-wrap">
<div class="exposure__image col-sm-6">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<div class="exposure__content col-sm-6">
<h2 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h2>
<div class="exposure__content__subtitle mb-4 font-weight-bold"><span>PRESIDENT OF THE BOARD<span></div>
<p class="exposure__content__desc">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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur.</p>
<a class="exposure__content__link link--arrow" href="#">Simple text</a>
<div class="exposure__content__icons mt-3">
<a class="icon icon--linkedin-green mr-3" href="#"></a>
<a class="icon icon--instagram-green mr-3" href="#"></a>
<a class="icon icon--youtube-green" href="#"></a>
</div>
</div>
</div>
<div class="exposure noDesc">
<a href="#" class="d-flex flex-wrap">
<div class="exposure__image-wrapper col-sm-6">
<div class="exposure__image">
<img src="/images/content/person.png">
</div>
</div>
<div class="exposure__content col-sm-6">
<h2 class="h3 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h2>
<div class="exposure__content__subtitle font-weight-bold"><span>PRESIDENT OF THE BOARD<span></div>
</div>
</a>
</div>
Krka Leadership
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur.
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
...
...
<div class="exposure list">
<h2 class="exposure__title text-center mb-4 tc-green-dark">Krka Leadership</h2>
<p class="exposure__desc text-center pb-4 big">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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut ipsum dolor sit amet, consectetur.</p>
<section class="tabs-accordion tabs-accordion--break-mobile">
<section class="tabs">
<div class="tabs__nav mb-5">
<a href="javascript:void(0)" class="prev"> <i class="icon icon--arrow-left-green"> </i> </a>
<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>
<a href="javascript:void(0)" class="next"> <i class="icon icon--arrow-right-green"> </i> </a>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="exposure__list d-flex flex-wrap" id="#1">
<div class="exposure__content col-lg-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 mb-lg-5 mb-3 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
<div class="exposure__content col-lg-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 mb-lg-5 mb-3 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
<div class="exposure__content col-lg-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 mb-lg-5 mb-3 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
<div class="exposure__content col-lg-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 mb-lg-5 mb-3 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
</div>
</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">
<div class="exposure__list d-flex flex-wrap" id="#1">
<div class="exposure__content col-md-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
<div class="exposure__content col-md-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
<div class="exposure__content col-md-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
<div class="exposure__content col-md-4 col-sm-6">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 font-weight-bold">PRESIDENT OF THE BOARD</div>
</div>
</div>
</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 class="btn btn-link btn-block text-left 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>
</section>
</div>
</div>
See also
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
Jože
Mermal
PRESIDENT OF THE BOARD
<div class="exposure slider">
<h2 class="exposure__heading tc-green-dark mb-sm-5 mb-4 text-center">See also</h2>
<div class="exposure__wrapper mb-5">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="exposure__content">
<div class="exposure__content__image mb-4">
<a href="#"><img src="/images/content/person.png"></a>
</div>
<h3 class="h4 exposure__content__title tc-green-dark mb-0">Jože<br>Mermal</h3>
<div class="exposure__content__subtitle pb-4 mb-3 font-weight-bold"><span>PRESIDENT OF THE BOARD</span></div>
</div>
</div>
...
</div>
</div>
</div>
<div class="exposure__actions text-center">
<div class="exposure__actions__navigation mb-5">
<div class="prev"><i class="icon icon--arrow-left-green"></i></div>
<div class="next"><i class="icon icon--arrow-right-green"></i></div>
</div>
<a class="button" href="#"><span>Button icon</span><i></i></a>
</div>
</div>