SIA Web Design Library

User: Tiny

No notes defined.

<article class='c-user user type-user c-user--tiny'>

    <div class='h-card c-index-card'>
        <div class="c-index-card__media-wrapper">
            <span class='u-photo c-headshot c-index-card__headshot'>
                <a href='https://peter.vandor' class='c-headshot__link ' title='John Doe'>
                    <img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='' />
                </a>
            </span>
        </div>
        <div class='c-index-card__entity c-index-card__content-wrapper'>
            <span class='p-role'>mentor</span>

            <span class='p-name'><a class='u-url ' href='https://peter.vandor'>John Doe</a></span>

            <span class='c-index-card__entity__links'>

                <span class='u-email'>
                    <a class='u-email c-link--muted c-link--minimal' href='mailto:peter@vandor.mail'>peter@vandor.mail</a>
                </span>
            </span>
        </div>
    </div>

</article>
 
{% include get_template( 'profile', 'entity' ) %}
 
{
  "theme": "community",
  "entityType": "user",
  "indexCard": {
    "kind": "mentor",
    "headshot": {
      "src": "/images/portrait-Peter-Vandor-1x1.jpg"
    },
    "name": "John Doe",
    "url": "https://peter.vandor",
    "email": "peter@vandor.mail"
  },
  "display": {
    "view_mode": "tiny"
  }
}