page-degrees.twig

{% extends "base.twig" %}

{% block content %}
<div class="u-container">
	<section class="degreeCards">
  	{% for degree in degrees %}
			<a href="{{ degree.permalink }}" class="degreeCard">
				<img src="{{ degree.thumbnail.src }}" alt="" class="degreeCard__background" />
				<div>
					<div class="degreeCard__label">
						<h1>{{ degree.title }}</h1>
						<h4>{{ degree.post_excerpt }}</h4>
						<div class="degreeCard__learnMore">LEARN MORE</div>
					</div>
				</div>
			</a>
  	{% endfor %}
  </section>
</div>
<div class="u-blackBG">
		<section class="degreeBanner">
			<article class="degreeBanner__inner">
				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Degrees Overview</a>
				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Concentrations</a>
				<a href="#" class="degreeBanner__btn degreeBanner__btn--large"><span class="cameraIcon"></span>What Is DMD? Let Our Students Tell You!</a>
				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Undergraduate Application Process</a>
				<a href="#" class="degreeBanner__btn degreeBanner__btn--small">Graduate Application Process</a>
			</article>
		</section>
</div>


{% endblock %}