<article class="staff-card">
    <img class="staff-card__avatar" alt="Kim" src="//placeponi.es/300/300">
    <div class="staff-card__body">
        <header class="staff-card__header">
            <h1 class="staff-card__title">Kim</h1>
            <a class="staff-card__email" href="mailto:kim@severnbronies.co.uk">kim@severnbronies.co.uk</a>
        </header>
        <div class="content staff-card__content">
            <p>An eccentric and neurotic bookworm, Kim is obviously the ideal candidate to operate in the fast-paced, stressful world of brony meets.</p>
        </div>
    </div>
</article>
<article class="staff-card">
    <img class="staff-card__avatar" alt="{{ name }}" src="{{ avatar }}">
    <div class="staff-card__body">
        <header class="staff-card__header">
            <h1 class="staff-card__title">{{ name }}</h1>
            <a class="staff-card__email" href="mailto:{{ email }}">{{ email }}</a>
        </header>
        <div class="content staff-card__content">
            <p>{{ biography }}</p>
        </div>
    </div>
</article>
{
  "name": "Kim",
  "email": "kim@severnbronies.co.uk",
  "biography": "An eccentric and neurotic bookworm, Kim is obviously the ideal candidate to operate in the fast-paced, stressful world of brony meets.",
  "avatar": "//placeponi.es/300/300"
}

For displaying contact information and a short biography about a Severn Bronies staff member.

Should probably be known as a ‘person card’, but it isn’t.