page-concentrations.twig

{% extends "base.twig" %}

{% block content %}
  <div class="u-container concentrationsContainer">
		<section class="concentrationTiles">
			{% for concentration in concentrations %}
    	<a href="{{ concentration.permalink }}" class="concentrationTile concentrationTile--{{ concentration.slug }} {% if loop.first %} active {% endif %}" style="background:url({{ concentration.thumbnail.src }}) no-repeat center/cover">
				<div class="concentrationTile__inner {% if loop.first %} active {% endif %}">
					<span class="concentrationTile__text">{{ concentration.title }}</span>
				</div>
			</a>
			{% endfor %}
    </section>
    <section class="concentrationInfoContainer">
    	{% for concentration in concentrations %}
    	<article class="concentrationInfo concentrationInfo--{{ concentration.slug }} {% if loop.first %} active {% endif %}">
					<h1>{{ concentration.title }}</h1>
					<ul>
						{% for topic in concentration.get_field('wpcf-topics') %}
						<li>{{ topic }}</li>
						{% endfor %}
					</ul>
					<h3>POTENTIAL CAREER PATHS</h3>
					<ul>
						{% for topic in concentration.get_field('wpcf-careers') %}
						<li>{{ topic }}</li>
						{% endfor %}
					</ul>
					<a href="{{ concentration.permalink }}" class="concentrationInfo__button">Learn More About {{concentration.title}}</a>
				</article>
    		{% endfor %}
    </section>

    <section class="foundationCurriculum">
    	<div class="u-container">
    		<h1 class="foundationCurriculum__title">Foundation Curriculum</h1>
    		{{ post.content }}
    	</div>
    </section>
   </div>
{% endblock %}