---
layout: default
title: pages.community.title
description: pages.community.description
---

{% include hero/school.html %}


<div class="page page--school">
	<section class="section">
		<div class="section__content">
			<div class="row">
				<div class="col-sm-4">
					<a class="video-post" href="https://www.youtube.com/watch?v=e7UwwcCKj4Y" data-js-popup="video">
						<div class="video-post__preview video-post__preview--image">
								<img src="/assets/img/school/video-1.png" class="video-post__image">
						</div>
						<h2 class="video-post__title">
							{% t pages.school.header-video-1 %}
						</h2>
						<p class="video-post__description">
							{% t pages.school.description-video-1 %}
						</p>
						<div class="video-post__divider"></div>
					</a>
				</div>
				<div class="col-sm-4">
					<a class="video-post" href="https://www.youtube.com/watch?v=eS39N-mHrOs" data-js-popup="video">
						<div class="video-post__preview video-post__preview--image">
								<img src="/assets/img/school/video-2.png" class="video-post__image">
						</div>
						<h2 class="video-post__title">
							{% t pages.school.header-video-2 %}
						</h2>
						<p class="video-post__description">
							{% t pages.school.description-video-2 %}
						</p>
						<div class="video-post__divider"></div>
					</a>
				</div>
				<div class="col-sm-4">
					<a class="video-post" href="https://www.youtube.com/watch?v=DyywtVNlfFs" data-js-popup="video">
						<div class="video-post__preview video-post__preview--image">
								<img src="/assets/img/school/video-3.png" class="video-post__image">
						</div>
						<h2 class="video-post__title">
							{% t pages.school.header-video-3 %}
						</h2>
						<p class="video-post__description">
							{% t pages.school.description-video-3 %}
						</p>
						<div class="video-post__divider"></div>
					</a>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-4">
					<a class="video-post" href="https://www.youtube.com/watch?v=jHsVU1LBuAY" data-js-popup="video">
						<div class="video-post__preview video-post__preview--image">
								<img src="/assets/img/school/video-4.png" class="video-post__image">
						</div>
						<h2 class="video-post__title">
							{% t pages.school.header-video-4 %}
						</h2>
						<p class="video-post__description">
							{% t pages.school.description-video-4 %}
						</p>
						<div class="video-post__divider"></div>
					</a>
				</div>
				<div class="col-sm-4">
					<a class="video-post" href="https://www.youtube.com/watch?v=hm7IYkgIOXc" data-js-popup="video">
						<div class="video-post__preview video-post__preview--image">
								<img src="/assets/img/school/video-5.png" class="video-post__image">
						</div>
						<h2 class="video-post__title">
							{% t pages.school.header-video-5 %}
						</h2>
						<p class="video-post__description">
							{% t pages.school.description-video-5 %}
						</p>
						<div class="video-post__divider"></div>
					</a>
				</div>
				<div class="col-sm-4">
					<a class="video-post" href="https://www.youtube.com/watch?v=vFwXeFk6VO8" data-js-popup="video">
						<div class="video-post__preview video-post__preview--image">
								<img src="/assets/img/school/video-6.png" class="video-post__image">
						</div>
						<h2 class="video-post__title">
							{% t pages.school.header-video-6 %}
						</h2>
						<p class="video-post__description">
							{% t pages.school.description-video-6 %}
						</p>
						<div class="video-post__divider"></div>
					</a>
				</div>
			</div>

		</div>
	</section>

	<section class="section">
		<div class="school__content">
			<div class="row">
				<div class="col-sm-6">
					<h3 class="school__heading">
						{% t pages.school.school-about-heading %}
					</h3>
					<p class="school__descr">
						{% t pages.school.school-descr %}
					</p>
					<p class="school__text">
						{% t pages.school.school-text %}
					</p>
				</div>
				<div class="col-sm-4 col-sm-offset-2">
					<div class="school__team">
						<h2 class="school__team-heading">
						{% t pages.school.school-team-heading %}
						</h2>
						<div class="clearfix school__member-row">
							<img src="/assets/img/school/amanda_photo.jpg" class="school__ava pull-left">
							<div class="pull-right">
								<div class="school__author">Amanda B.Johnson
									<p>Host&Writter</p>
								</div>
							</div>
						</div>
						<div class="clearfix school__member-row">	
							<img src="/assets/img/school/pete_photo.jpg" class="school__ava pull-left">
							<div class="pull-right">
								<div class="school__author">
									Pete Eyre
									<p>Video Editor</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

</div>