about.html

---
layout: default
permalink: /about/
---

<div class="container">
	<br>
	<div class="card-columns">
		{% for officer in site.data.officers %}
			<div class="card">
				<img class="card-img-top" src="{{ officer.picture }}" alt="Picture of {{ officer.name }}">
				<div class="card-body">
					{% if officer.website == null %}
						<h5 class="card-title">{{ officer.name }}</h5>
					{% else %}
						<a href="{{ officer.website }}"><h5 class="card-title">{{ officer.name }}</h5></a>
					{% endif %}
					<p class="card-subtitle mb-2 text-muted">{{ officer.position }}</p>
					<!-- <a href="mailto:{{ officer.email }}">{{ officer.email }}</a> -->
					<p class="card-text">{{ officer.bio }}</p>
					{% if officer.email != null %}
						<a href="mailto:{{ officer.email }}" class="btn btn-primary btn-block">email me</a>
					{% endif %}
				</div>
			</div>
		{% endfor %}
	</div>
</div>