Skip to main content
PISAVA
VELIKOST
- 0 +
VELIKE/MALE
Male VELIKE
STIL
Običajno Krepko
TEMA
Izjava o dostopnosti
Ponastavi Zapri

Infographic

Maximum is four items. If you use 3 items add class .infographic--three or .infographic--two for two items. Module should be wrapped in .conteiner-xxl class.

Krka in numbers

Krka is one of the world’s leading generic pharmaceutical companies
32
employees
Show more
5
employees
Show more
70
employees
Show more
49
employees
Show more

<section class="infographic">
  <div class="infographic__circle">
    <div>
      <div class="infographic__circle__text">
        Krka is one of the world’s leading generic pharmaceutical companies
      </div>
    </div>
  </div>
  <div class="infographic__spacer-1"><img src="images/design/infographic-spacer-1.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--employees"></span>
      <span class="icon icon--c icon--employees-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">32</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
  <div class="infographic__spacer-2"><img src="images/design/infographic-spacer-2.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--patients"></span>
      <span class="icon icon--c icon--patients-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">5</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
  <div class="infographic__spacer-3"><img src="images/design/infographic-spacer-3.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--international"></span>
      <span class="icon icon--c icon--international-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">70</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
  <div class="infographic__spacer-2"><img src="images/design/infographic-spacer-2.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--b2b"></span>
      <span class="icon icon--c icon--b2b-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">49</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
</section>
Krka is one of the world’s leading generic pharmaceutical companies
32
employees
Show more
5
employees
Show more
70
employees
Show more

<section class="infographic infographic--three">
  <div class="infographic__circle">
    <div>
      <div class="infographic__circle__text">
        Krka is one of the world’s leading generic pharmaceutical companies
      </div>
    </div>
  </div>
  <div class="infographic__spacer-1"><img src="images/design/infographic-spacer-1.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--employees"></span>
      <span class="icon icon--c icon--employees-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">32</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
  <div class="infographic__spacer-2"><img src="images/design/infographic-spacer-2.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--international"></span>
      <span class="icon icon--c icon--international-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">5</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
  <div class="infographic__spacer-3"><img src="images/design/infographic-spacer-3.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--patients"></span>
      <span class="icon icon--c icon--patients-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">70</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
</section>
Krka is one of the world’s leading generic pharmaceutical companies
32
employees
Show more
5
employees
Show more

<section class="infographic infographic--two">
  <div class="infographic__circle">
    <div>
      <div class="infographic__circle__text">
        Krka is one of the world’s leading generic pharmaceutical companies
      </div>
    </div>
  </div>
  <div class="infographic__spacer-1"><img src="images/design/infographic-spacer-1.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a>
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--employees"></span>
      <span class="icon icon--c icon--employees-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">32</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
  <div class="infographic__spacer-2"><img src="images/design/infographic-spacer-2.svg" /></div>
  <div class="infographic__item">
    <a class="infographic__item__link" href="#"></a> 
    <div class="infographic__item__icon">
      <span class="icon icon--c icon--international"></span>
      <span class="icon icon--c icon--international-purple icon--hover"></span>
    </div>
    <div class="infographic__item__content">
      <div class="infographic__item__title">5</div>
      <div class="infographic__item__text">employees</div>
      <div class="infographic__item__more">
        <span>Show more</span>
      </div>
    </div>
  </div>
</section>
 
 
 
Skip to menu