page-aboutUs.twig

{% extends "base.twig" %}

{% block content %}
<main class="u-container">
	<section class="aboutUsTiles">
				<figure class="aboutUsTile aboutUsTile--large">
					<a href="#" class="aboutUsTile__inner">
						<img src="dist/img/about-us/student-experience.jpg" alt="Student Experience" />
						<div class="aboutUsTile__caption">
							<img src="dist/img/about-us/play-button.png" alt="Play Video">
							<p class="aboutUsTile__captionText">WATCH OUR STUDENTS SHARE THEIR EXPERIENCE</p>
						</div>
					</a>
				</figure>
				{% for tile in aboutUsTiles %}
				<figure class="aboutUsTile aboutUsTile--small">
					<a href="{{tile.permalink}}" class="aboutUsTile__inner">
						<img src="{{tile.thumbnail.src}}" alt="{{tile.slug}}">
						<div class="aboutUsTile__caption">
							<p class="aboutUsTile__captionText">{{tile.title}}</p>
						</div>
					</a>
				</figure>
				{% endfor %}
			</section>
</main>
{% endblock %}