<div class="contact-card">
    <div
	    style="background-image: url({{.avatarUrl}})"
	    class="contact-card-left"
	    >
    </div>
	<div class="contact-card-right">
	    <div class="contact-card-title">{{ .name }}</div>
	    <ul class="contact-methods">
		<li class="contact-method">
		    <div class="contact-method-icon">
			<i class="fa fas fa-phone"></i>
		    </div>
		    <no-ssr>
			<div class="contact-method-description">
			    <a href="telto:{{ .phone }}">
				{{ .phone }}
			    </a>
			</div>
		    </no-ssr>
		</li>
		<li class="contact-method">
		    <div class="contact-method-icon">
			<i class="fa fas fa-at"></i>
		    </div>
		    <div class="contact-method-description">
			<a href="mailto:{{.email}}">
			    {{ .email }}
			</a>
		    </div>
		</li>
	    </ul>
	</div>
</div>
