{% extends "_layouts/main" %}

{% block main %}

{% include "_includes/subpageHeader" %}

<div id="exutive-team-grid" class="container main-section">

	<div class="row team-founders">

		<div class="col-12 col-md-6 col-lg-5">
			<div id="founders-img"></div>
		</div>

		<div class="col-12 col-md-6 col-lg-6 offset-lg-1">
	
		{% for founder in craft.entries.section('ourTeam').type('founder').limit(2).all() %}

			<div class="founder-entry">
				<h2>{{ founder.title }}</h2>
				<h4>{{ founder.position }}</h4>
				<p>{{ founder.bio }}</p>
			</div>

		{% endfor %}
			
		</div>

	</div>

	<div class="row team-list">
	
	{% for member in craft.entries.section('ourTeam').type('teamMember').all() %}

		<div class="col-6 col-md-4">
			<div class="team-tile">
				{% if member.headshot|length %}
					<img src="{{ member.headshot.one().getUrl }}" alt="{{ member.name }}">
				{% else %}
					<div class="placeholder">
						<h4>{{ member.title }}</h4>
					</div>
				{% endif %}
				<h2>{{ member.title }}</h2>
				<h4>{{ member.position }}</h4>
			</div>
		</div>

	{% endfor %}

	</div>

</div>

{% endblock %}