{% extends "_layouts/main" %}

{% block main %}

{% include "_includes/subpageHeader" %}

<div class="container main-section no-header">

	<div class="row justify-content-around">

		<div class="col-12 col-md-10 col-lg-8 text-justify">
			{{ entry.bodyContent }}
		</div>

		<div class="col-12 text-center">
			<h1>Core Values</h1>
		</div>

		<div id="core-value-circles" class="col-12 d-flex flex-wrap justify-content-center">

			{% for value in entry.missionVisionValues %}
			
			<div class="core-value-circle">
				<h3>{{ value.valueHeader }}</h3>
				<p>{{ value.valueText }}</p>
			</div>

			{% endfor %}

		</div>

		<div class="col-10 col-md-8 text-center mission-vision-quote">
			<p>{{ entry.missionVisionQuote }}</p>
			<h4>Armand Puyolt</h4>
		</div>

	</div>

</div>

{% endblock %}