Class Profile
This is the class profile grid.
3.3
30%
13%
11%
20%
180
22 - 38
2:1
28%
5.5 years
310
* Lorem ipsum standardizum testum dolor sit amet adipsicing diminishimus.
640 - 740
- Markup Details
-
{{ attach_library('goizueta_theme/class-profile') }} {% import '@components/icons/icons.twig' as icons %} <section class="class-profile"> <div class="class-profile__inner"> {% block heading %} {% include '@components/heading/heading.twig' with { "heading" : heading } only %} {% endblock %} <div class="class-profile__grid"> {% for item in items %} <div class="class-profile__grid--item"> <div class="class-profile__item--title"> {% if item.icon %} <span class="class-profile__icon"> {{ item.icon }} </span> {% endif %} <span class="class-profile__title--label"> {{ item.title }} </span> </div> <div class="class-profile__item--stat"> {{ item.stat_value | raw }} </div> {% if item.help_value %} <div class="class-profile__item--help"> {{ item.help_value }} </div> {% endif %} </div> {% endfor%} </div> </div> </section>