---
title: For Educators
body_class: standard
---

<%= partial "views/common/header", :locals => { :css_class => "", :data_attr => "", :section_link => 'Resources'  } %> 
<%= partial "views/common/navigation" %> 

<%= partial "views/common/page-header", :locals => { :title => "For Educators", :sub_nav => true, :css_class => "", :style => "" } %>

<main>
	<section class="container">
		
		<div class="for-educators-wrap">
			
			<%= partial "views/style-guide/for-educators" %>

			<div class="cards">
				
				<div class="card--half">
					<div class="card__wrap">
						<div class="card__wrap__image">
						
							<img src="images/dev/cards/card-featured_large.jpg" alt="" class="" /> 
						</div>
						<a href="#0" class="card__wrap__link">Read more</a>
						<div class="card__wrap__inner">
				        	<span class="type">Resources</span>
				        	<h2 class="title">Online Teaching Labs</h2>
				        	<p class="caption">Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis.</p>
					    </div> 
					</div>
				</div>

				<div class="card--half">
					<div class="card__wrap">
						<div class="card__wrap__image">
							<img src="images/dev/cards/card-featured_large.jpg" alt="" class="" /> 
						</div>
						<a href="#0" class="card__wrap__link">Read more</a>
						<div class="card__wrap__inner">
				        	<span class="type">Resources</span>
				        	<h2 class="title">Online Teaching Labs</h2>
				        	<p class="caption">Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis.</p>
					    </div> 
					</div>
				</div>
			</div>

			<div class="card--half">
					<div class="card__wrap">
						<div class="card__wrap__image">
						
							<img src="images/dev/cards/card-featured_large.jpg" alt="" class="" /> 
						</div>
						<a href="#0" class="card__wrap__link">Read more</a>
						<div class="card__wrap__inner">
				        	<span class="type">Resources</span>
				        	<h2 class="title">Online Teaching Labs</h2>
				        	<p class="caption">Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis.</p>
					    </div> 
					</div>
				</div>

				<div class="card--half">
					<div class="card__wrap">
						<div class="card__wrap__image">
							<img src="images/dev/cards/card-featured_large.jpg" alt="" class="" /> 
						</div>
						<a href="#0" class="card__wrap__link">Read more</a>
						<div class="card__wrap__inner">
				        	<span class="type">Resources</span>
				        	<h2 class="title">Online Teaching Labs</h2>
				        	<p class="caption">Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis.</p>
					    </div> 
					</div>
				</div>
			</div>

		</div>

		<aside class="resources">
			
			<div class="card card--visit">
				<div class="card__wrap"></div>
					<div class="card__wrap__image">
						<img src="images/dev/cards/card-featured_large.jpg" alt="" class="" /> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
					<div class="card__wrap__inner">
			        	<span class="type">About (visit us)</span>
			        	<h2 class="title">School visit</h2>
			        	<p class="caption">Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis.</p>
			        	<div>
			        		<a href="#" class="btn btn--primary btn--small">book a visit</a>
			        	</div>
				    </div> 
				</div>
			</div>

			facebook

		</aside>

	</section>
</main>

<%= partial "views/common/footer" %>