Directory Image Card

<li id="david-addis" class="tcu-card _profile | tcu-directory-card" value="grid">
    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
        <img data-url="https://assets.tcu.edu/cornerstone/images/leadon-default-headshot-mobile.jpg" alt="David Addis" class="tcu-card__image lazy-load loaded" src="https://assets.tcu.edu/cornerstone/images/leadon-default-headshot-mobile.jpg">

        <div class="spinner">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
        </div>
    </div>
    <div class="tcu-card__info | tcu-directory-card__content">
        <div class="group">
            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/david-addis">David Addis</a></span>
            <br>
            <span class="tcu-profile-card__title | tcu-directory-card__title"></span>
        </div>
        <!--     <br><br>
     -->

        <span class="tcu-profile-card__email | tcu-directory-card__icon">
            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
            </svg>
            <a href="mailto:d.addis@tcu.edu">d.addis@tcu.edu</a>
        </span>
        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
        </span>
    </div>
</li>