SIA Web Design Library

Teams: Flags (one-liners)

No notes defined.

<div class='c-teams'>
    <h1 class='c-heading c-heading--minor'>
        Teams
    </h1>

    <div class='c-teams c-teams--one-liner c-teams--entities c-teams--undefined c-teams__teams'>
        <ul class='c-teams__items u-list--inline u-list--unstyled'>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/am.svg );'>
                    Հայաստան
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/at.svg );'>
                    Österreich
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/ba.svg );'>
                    Bosna i Hercegovina
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/br.svg );'>
                    Brasil
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/bg.svg );'>
                    България
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/cz.svg );'>
                    Česko
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/cd.svg );'>
                    RD Congo
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/ge.svg );'>
                    საქართველო
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/hr.svg );'>
                    Hrvatska
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/in.svg );'>
                    Bhārat Gaṇarājya
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/jo.svg );'>
                    الأردن
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/hu.svg );'>
                    Magyarország
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/kz.svg );'>
                    Қазақстан
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/md.svg );'>
                    Moldova
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/me.svg );'>
                    Crna Gora
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/mx.svg );'>
                    Mexico
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/ro.svg );'>
                    România
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/ru.svg );'>
                    Росси́я
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/mk.svg );'>
                    Северна Македонија
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/si.svg );'>
                    Slovenija
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/sk.svg );'>
                    Slovensko
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/rs.svg );'>
                    Srbija
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/tr.svg );'>
                    Türkiye
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/ug.svg );'>
                    Uganda
                </span>
            </li>
            <li class='c-teams__items__item '>

                <span class='c-team team type-team c-team--one-liner' style='background-image: url( ../../graphic/flags/ua.svg );'>
                    Україна
                </span>
            </li>
        </ul>

    </div>
</div>
 
<div class='{{ get_component_class( 'teams', display ) }}'>
    {% if heading %}
        {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { modifiers: [ 'minor' ] } } ) %}
    {% endif %}
    
    {% if lead %}
        {% include get_template( 'lead', 'unit' ) with lead %}
    {% endif %}
    
    {% if entities %}
        {% include get_template( 'entities', 'group' ) with entities %}
    {% endif %}
</div>
 
{
  "bodyclass": "container-fluid",
  "heading": {
    "text": "Teams"
  },
  "entities": {
    "display": {
      "component": "teams"
    },
    "collection": {
      "entityType": "team",
      "display": {
        "view_mode": "one-liner",
        "listClass": [
          "u-list--inline"
        ],
        "itemClass": null
      },
      "items": [
        {
          "ISO2": "am",
          "title": "Հայաստան",
          "localized_name": "Armenia"
        },
        {
          "ISO2": "at",
          "title": "Österreich",
          "localized_name": "Austria"
        },
        {
          "ISO2": "ba",
          "title": "Bosna i Hercegovina",
          "localized_name": "Bosnia and Herzegovina"
        },
        {
          "ISO2": "br",
          "title": "Brasil",
          "localized_name": "Brazil"
        },
        {
          "ISO2": "bg",
          "title": "България",
          "localized_name": "Bulgaria"
        },
        {
          "ISO2": "cz",
          "title": "Česko",
          "localized_name": "Czechia"
        },
        {
          "ISO2": "cd",
          "title": "RD Congo",
          "localized_name": "DR Congo"
        },
        {
          "ISO2": "ge",
          "title": "საქართველო",
          "localized_name": "Georgia"
        },
        {
          "ISO2": "hr",
          "title": "Hrvatska",
          "localized_name": "Croatia"
        },
        {
          "ISO2": "in",
          "title": "Bhārat Gaṇarājya",
          "localized_name": "India"
        },
        {
          "ISO2": "jo",
          "title": "الأردن",
          "localized_name": "Jordan"
        },
        {
          "ISO2": "hu",
          "title": "Magyarország",
          "localized_name": "Hungary"
        },
        {
          "ISO2": "kz",
          "title": "Қазақстан",
          "localized_name": "Kazakhstan"
        },
        {
          "ISO2": "md",
          "title": "Moldova",
          "localized_name": "Moldova"
        },
        {
          "ISO2": "me",
          "title": "Crna Gora",
          "localized_name": "Montenegro"
        },
        {
          "ISO2": "mx",
          "title": "Mexico",
          "localized_name": "Mexico"
        },
        {
          "ISO2": "ro",
          "title": "România",
          "localized_name": "Romania"
        },
        {
          "ISO2": "ru",
          "title": "Росси́я",
          "localized_name": "Russia"
        },
        {
          "ISO2": "mk",
          "title": "Северна Македонија",
          "localized_name": "North Macedonia"
        },
        {
          "ISO2": "si",
          "title": "Slovenija",
          "localized_name": "Slovenia"
        },
        {
          "ISO2": "sk",
          "title": "Slovensko",
          "localized_name": "Slovakia"
        },
        {
          "ISO2": "rs",
          "title": "Srbija",
          "localized_name": "Serbia"
        },
        {
          "ISO2": "tr",
          "title": "Türkiye",
          "localized_name": "Turkey"
        },
        {
          "ISO2": "ug",
          "title": "Uganda",
          "localized_name": "Uganda"
        },
        {
          "ISO2": "ua",
          "title": "Україна",
          "localized_name": "Ukraine"
        }
      ]
    }
  }
}