SIA Web Design Library

Incubation host: Teaser

No notes defined.

<article class='c-incubation_host incubation_host type-incubation_host c-incubation_host--teaser'>
    <header class='c-block-header'>
        <h1 class='c-heading c-heading--minor c-heading--blocky c-block__heading'>
            Incubation Host
        </h1>
    </header>
    <h1 class='c-heading'>
        SIA International
    </h1>
    <div class='c-incubation_host__team c-incubation_host__team--teaser c-incubation_host__team--entities c-incubation_host__team--incubation_host__team c-incubation_host__team__incubation_host__team'>
        <ul class='c-incubation_host__team__items  u-list--unstyled'>
            <li class='c-incubation_host__team__items__item '>

                <article class='c-user user type-user c-incubation_host__team__user c-incubation_host__team__user--teaser c-user--teaser'>

                    <div class='h-card c-index-card c-index-card--citation c-incubation_host__team__index-card'>
                        <div class="c-index-card__media-wrapper">
                            <span class='u-photo c-headshot c-index-card__headshot'>
                                <a href='https://kate.lee' class='c-headshot__link ' title='Kate Lee'>
                                    <img class='c-headshot__image' src='/images/portrait-Kate-Lee-1x1.jpg' alt='' title='' />
                                </a>
                            </span>
                        </div>
                        <div class='c-index-card__entity c-index-card__content-wrapper'>
                            <span class='p-role'>Incubation coordinator</span>

                            <span class='p-name'><a class='u-url ' href='https://kate.lee'>Kate Lee</a></span>

                        </div>
                    </div>

                </article>
            </li>
            <li class='c-incubation_host__team__items__item '>

                <article class='c-user user type-user c-incubation_host__team__user c-incubation_host__team__user--teaser c-user--teaser'>

                    <div class='h-card c-index-card c-index-card--citation c-incubation_host__team__index-card'>
                        <div class="c-index-card__media-wrapper">
                            <span class='u-photo c-headshot c-index-card__headshot'>
                                <a href='https://kate.lee' class='c-headshot__link ' title='Kate Lee'>
                                    <img class='c-headshot__image' src='/images/portrait-Kate-Lee-1x1.jpg' alt='' title='' />
                                </a>
                            </span>
                        </div>
                        <div class='c-index-card__entity c-index-card__content-wrapper'>
                            <span class='p-role'>Team member</span>

                            <span class='p-name'><a class='u-url ' href='https://kate.lee'>Kate Lee</a></span>

                        </div>
                    </div>

                </article>
            </li>
        </ul>

    </div>
    <div class='c-action-bar'>
        <div class='c-action-bar__links '>
            <a class='c-link c-link--undefined c-link--with-icon c-link--minimal ' href="" itemprop="item" itemid=""><span itemprop="name"></span></a>
        </div>
    </div>
</article>
 
<article class='{{ get_entity_class( entityType, display ) }}'>
    {% include get_template( 'block-header', 'unit' ) with { heading: { text: 'Incubation Host'|t } } %}
    {% include get_template( 'heading', 'unit' ) with heading %}
    {% if team %}
        {% include '@group/entities/entities.twig' with team %}
    {% endif %}
    {% if links or button %}
        {% include get_template( 'action-bar', 'unit' ) with {
            links: links,
            button: button
        } %}
    {% endif %}
</article>
 
{
  "theme": "support",
  "entityType": "incubation_host",
  "display": {
    "view_mode": "teaser"
  },
  "title": "SIA International",
  "team": {
    "display": {
      "component": "incubation_host__team"
    },
    "collection": {
      "entityType": "user",
      "display": {
        "component": "incubation_host__team",
        "view_mode": "teaser"
      },
      "items": [
        {
          "entityType": "user",
          "display": {
            "view_mode": "teaser"
          },
          "indexCard": {
            "display": {
              "component": "incubation_host__team",
              "modifiers": [
                "citation"
              ]
            },
            "kind": "Incubation coordinator",
            "headshot": {
              "src": "/images/portrait-Kate-Lee-1x1.jpg"
            },
            "name": "Kate Lee",
            "url": "https://kate.lee"
          }
        },
        {
          "entityType": "user",
          "display": {
            "view_mode": "teaser"
          },
          "indexCard": {
            "display": {
              "component": "incubation_host__team",
              "modifiers": [
                "citation"
              ]
            },
            "headshot": {
              "src": "/images/portrait-Kate-Lee-1x1.jpg"
            },
            "name": "Kate Lee",
            "kind": "Team member",
            "url": "https://kate.lee"
          }
        }
      ]
    }
  },
  "heading": {
    "text": "SIA International"
  },
  "links": [
    "<a href='#'>More</a>"
  ]
}