{% extends "_layouts/main" %}

{% block main %}

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

	<div class="row text-center mb-4">
		<div class="col-12">
			<h1>{{ entry.title }}</h1>
		</div>
	</div>

	<div class="row team-founders justify-content-center">
	
		{% for founder in craft.entries.section('ourTeam').type('founder').limit(2).all() %}

		<div class="col-12 col-md-6 col-lg-5">
			<div class="founders-img" style="background-image: url({{ founder.headshot.one().getUrl }});"></div>

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

		{% endfor %}

	</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 %}
					<div class="team-img" style="background-image: url({{ member.headshot.one().getUrl }});"></div>
				{% else %}
					<div class="placeholder">
						<h4>{{ member.title }}</h4>
					</div>
				{% endif %}
				<h2>{{ member.title }}</h2>
				<h4>{{ member.position }}</h4>
			</div>
		</div>

	{% endfor %}

	</div>

</div>

{% endblock %}