{% extends 'main.html' %}
{% load i18n cms_tags thumbnail %}

{% block content %}
    <div class="contact reveal_container">
        <div class="contact__frame">
            <div class="contact__map reveal reveal_animation data_delay_1" id="map"></div>
            <div class="contact__content">
                <div class="contact__content__main reveal reveal_animation data_delay_3">
                    <h1>{% page_attribute 'page_title' %}</h1>
                    {% placeholder 'contact' %}
                </div>
                <div class="contact__content__backdrop reveal reveal_animation data_delay_5"></div>
            </div>
        </div>
    </div>
{% endblock %}

{% block extra_body %}
    <script async defer
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBUwU4LCIx7cvecUmrM-fkUzN-joMYs65w&libraries=places&callback=init_map">
    </script>
{% endblock %}