ETR Component Library

stat 

<div class="stat text-center md:w-1/3 px-12 py-6 md:py-0">
    <div class="text-lg font-bold text-gray-darkest uppercase mb-2 leading-none">Over</div>
    <div class="text-primary text-7xl font-bold tracking-tighter leading-none">100</div>
    <div class="text-lg font-bold text-gray-darkest uppercase leading-none">Million</div>
    <div class="mt-4 text-gray-darkest text-base md:text-lg leading-normal">People have visited The Stadtbibliothek Stuttgart in the past year</div>
</div>
 
<div class="stat text-center md:w-1/3 px-12 py-6 md:py-0">
    {{#if superheading}}
      <div class="text-lg font-bold text-gray-darkest uppercase mb-2 leading-none">{{superheading}}</div>
    {{/if}}
    {{#if stat}}
      <div class="text-primary text-7xl font-bold tracking-tighter leading-none">{{stat}}</div>
    {{/if}}
    {{#if subheading}}
      <div class="text-lg font-bold text-gray-darkest uppercase leading-none">{{subheading}}</div>
    {{/if}}
    {{#if description}}
      <div class="mt-4 text-gray-darkest text-base md:text-lg leading-normal">{{description}}</div>
     {{/if}}
</div>
 
{
  "superheading": "Over",
  "stat": "100",
  "subheading": "Million",
  "description": "People have visited The Stadtbibliothek Stuttgart in the past year"
}

There are no notes for this item.