{% extends "base.html" %}

{% block style %}
	{% include "../styles.css" %}
	{% include "brochure.css" %}
{% endblock %}

{% block main %}
<section class="banner">
	<h1>Interactive Brochure</h1>
</section>

<section class="quiet">
	<noscript>
	This brochure requires JavaScript to work properly. If you prefer not to use JavaScript, you can <a href="/#offerings">view our offerings on our homepage here.</a>
	</noscript>

	<p>
	Click on pages to fold and unfold and use <em>Flip</em> to toggle front and back. This works best on a tablet or desktop screen.
	</p>

	{% include "brochure.html" %}

</section>

<section></section>

<script>
	{% include "brochure.js" %}
</script>

{% endblock %}