13 #numbers-and-facts Numbers & Facts

A grid to display numbers and facts

Source: scss/components/numbers-and-facts/_numbers_and_facts.scss, line 1
Example
Global und Kundennah
14
Standorte weltweit, Hauptsitz Bern/Schweiz, Präsenz USA, Europa, Asien
Branchenübergreifend und fokussiert
255
Konzerne, KMUs und Behörden als Kunden
erfahren und innovativ
34
Jahre modernste Methoden und Open-Source-Technologien
Kompetent und vielseitig
180
Consultants, Software-Architekten, Entwickler und Spezialisten
Markup
    <div class="numbers-and-facts-list">
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item-title">
          Global und Kundennah
        </div>
        <div class="numbers-and-facts-list__item_number">
          14
        </div>
        <div class="numbers-and-facts-list__item-text">
          Standorte weltweit,
          Hauptsitz Bern/Schweiz,
          Präsenz USA, Europa, Asien
        </div>
      </div>
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item-title">
          Branchenübergreifend und fokussiert
        </div>
        <div class="numbers-and-facts-list__item_number">
          255
        </div>
        <div class="numbers-and-facts-list__item-text">
          Konzerne, KMUs und
          Behörden als Kunden
        </div>
      </div>
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item-title">
          erfahren und innovativ
        </div>
        <div class="numbers-and-facts-list__item_number">
          34
        </div>
        <div class="numbers-and-facts-list__item-text">
          Jahre modernste Methoden und Open-Source-Technologien
        </div>
      </div>
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item-title">
          Kompetent und vielseitig
        </div>
        <div class="numbers-and-facts-list__item_number">
          180
        </div>
        <div class="numbers-and-facts-list__item-text">
          Consultants, Software-Architekten, Entwickler und Spezialisten
        </div>
      </div>
    </div>
Source: scss/components/numbers-and-facts/_numbers_and_facts.scss, line 58
Example
14
Standorte weltweit, Hauptsitz Bern/Schweiz, Präsenz USA, Europa, Asien
255
Konzerne, KMUs und Behörden als Kunden
34
Jahre modernste Methoden und Open-Source-Technologien
180
Consultants, Software-Architekten, Entwickler und Spezialisten
Markup
    <div class="numbers-and-facts-list numbers-and-facts-list--inverted">
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item_number">
          14
        </div>
        <div class="numbers-and-facts-list__item-text">
          Standorte weltweit,
          Hauptsitz Bern/Schweiz,
          Präsenz USA, Europa, Asien
        </div>
      </div>
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item_number">
          255
        </div>
        <div class="numbers-and-facts-list__item-text">
          Konzerne, KMUs und
          Behörden als Kunden
        </div>
      </div>
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item_number">
          34
        </div>
        <div class="numbers-and-facts-list__item-text">
          Jahre modernste Methoden und Open-Source-Technologien
        </div>
      </div>
      <div class="numbers-and-facts-list__item">
        <div class="numbers-and-facts-list__item_number">
          180
        </div>
        <div class="numbers-and-facts-list__item-text">
          Consultants, Software-Architekten, Entwickler und Spezialisten
        </div>
      </div>
    </div>
Source: scss/components/numbers-and-facts/_numbers_and_facts.scss, line 115