SIA Web Design Library

Rankings: Themed

No notes defined.

<section class='c-rankings'>
    <h1 class='c-heading'>
        Top 6 Impact Fields
    </h1>
    <div class='c-lead'>According to the UN SDG's.</div>
    <ol class='c-rankings__items u-list--unstyled'>
        <li class='c-rankings__items__item'>
            <span class='c-rankings__items__item__title'>Education and Lifelong Learning</span>
        </li>
        <li class='c-rankings__items__item'>
            <span class='c-rankings__items__item__title'>Poverty Alleviation</span>
        </li>
        <li class='c-rankings__items__item'>
            <span class='c-rankings__items__item__title'>Health and Wellbeing</span>
        </li>
        <li class='c-rankings__items__item'>
            <span class='c-rankings__items__item__title'>Sustainable Communities and Resilient Cities</span>
        </li>
        <li class='c-rankings__items__item'>
            <span class='c-rankings__items__item__title'>Equality, Equity, and Social Justice</span>
        </li>
        <li class='c-rankings__items__item'>
            <span class='c-rankings__items__item__title'>Decent Work and Inclusive, Sustainable Economic Growth</span>
        </li>
    </ol>
    <footer class='c-figures__footer'>
        <p class='c-figures__source'><strong>Source:</strong> <cite>SIA Alumni Survey 2019</cite></p>
    </footer>
</section>
 
<section class='{{ get_component_class( 'rankings' ) }}'>
    {% if heading %}
        {% include '@unit/heading/heading.twig' with heading %}
    {% endif %}
    {% if lead %}
        {% include '@unit/lead/lead.twig' with lead %}
    {% endif %}
    <ol class='c-rankings__items u-list--unstyled'>
        {% for item in items %}
            <li class='c-rankings__items__item'>
                <span class='c-rankings__items__item__title'>{{ item | raw }}</span>
            </li>
        {% endfor %}
    </ol>
    {% if source %}
        <footer class='c-figures__footer'>
            <p class='c-figures__source'><strong>Source:</strong> <cite>{% if source.url %}{% include '@link' with source %}{% else %}{{ source | raw }}{% endif %}</cite></p>
        </footer>
    {% endif %}
</section>
 
{
  "heading": {
    "text": "Top 6 Impact Fields"
  },
  "lead": {
    "content": "According to the UN SDG's."
  },
  "items": [
    "Education and Lifelong Learning",
    "Poverty Alleviation",
    "Health and Wellbeing",
    "Sustainable Communities and Resilient Cities",
    "Equality, Equity, and Social Justice",
    "Decent Work and Inclusive, Sustainable Economic Growth"
  ],
  "source": "SIA Alumni Survey 2019",
  "bodyclass": "t-theme--community"
}