---
layout: default
lang: pt
---

<div class="is-flex">
	<div class="is-flex-grow-5 is-flex is-flex-direction-column" >
		<main>

			<div class="aula-title pt-6 pb-6">
				<div class="detals-aula is is-flex is-flex-direction-row">
					<div class="detals-aula is is-flex is-flex-direction-column is-flex-grow-1">
						<h1 class="aula-title">{{ page.title }}</h1>
						<h2 class="aula-name">{{ page.software }} - {{ page.level }}</h2>

						<h3 class="aula-name">{{ page.author }}</h3>
						<h3 class="aula-name">{{ page.date | date: "%d/%m/%Y" }}</h3>
					</div>

					<div class="download aula is-flex is-flex-grow-1 is-justify-content-flex-end mr-6">
						{% assign aula_name = page.name | replace: '.md', '' %}
						{% assign zip_file = 'aulas/' | append:  aula_name | append: '.zip' %}
							<a class="button is-success is-large" href="{{ site.baseurl }}{{ zip_file }}" download>
								Download
							</a>
					</div>
				</div>
			</div>
								 
			<div class=" is-flex is-justify-content-center	is-align-content-center	mt-3">
				{% assign aula_slug = page.title %}
				{% assign video_aula = '' | append: aula_slug | append: '.mp4' %}
				<video controls class="aula-video">
					<source src="{{ site.baseurl }}/videos/{{ page.user }}/dest/{{ video_aula }}" type="video/mp4">
					Seu navegador não suporta o elemento de vídeo.
				</video>
			</div>

			<div class="content-aula mt-3 pt-2 pb-2">
			</div>
		</main>
	</div>
</div>
