{% extends "base.html.j2" %}

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

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

<section>
	<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.j2" %}

</section>

<section></section>

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

{% endblock %}