[[doctype]]
<title>[[!title_tag]]</title>
<base href="[[!++site_url]]">

[[!meta]]
[[head]]
[[!header]]




<div class="cover">
    <div id="video-wrapper">
        <video autoplay poster="/assets/foundation/dist/assets/img/hero-1.jpg" loop muted>
            <source src="assets/resources/public/amca-hompage-video-extended.mp4" type="video/mp4">
        </video>
        <div class="shade"></div>
    </div><!-- /#video-wrapper -->

    <div class="hero">
        <img class="hero__header-img" src="[[++site_url]]/assets/foundation/dist/assets/img/hero-headline.png">
        <form action="[[~56]]" method="get" id="hero-search" class="hero__search">
            <input data-typeahead type="text" class="hero__search__input" name="search" value="" placeholder="Search certifications, members and more…">
            <button class="button primary hero__search__submit"> <i class="fa fa-search" aria-hidden="true"></i> </button>
        </form>
    </div><!-- /.hero -->

</div><!-- /.cover -->






<div class="section bkgrd-secondary padding-top-4 padding-bottom-4">
    <div class="grid-container">

        <div class="grid-x grid-margin-x grid-margin-y">
            <div class="cell">

[[*content]]

            </div>
        </div> 
    
    </div><!-- /.grid-container -->
</div><!-- /.section -->



<div class="section margin-top-3 margin-bottom-3">
    <div class="grid-container">
        <div class="grid-x grid-margin-x grid-margin-y">

            <div class="cell align-self-stretch medium-6 large-4">
                <div class="gridphoto gridphoto--home">
                    <img src="[[*homepage_callout_1_img]]">
                    <div class="gridphoto__content text-center">
                        <h4 class="gridphoto__content__heading"> [[*homepage_callout_1_title]] </h4>
                        <p class="gridphoto__content__paragraph">[[*homepage_callout_1_caption]]</p>
[[*homepage_callout_1_url:notempty=`<a href="[[*homepage_callout_1_url]]" class="button tiny outline white">Find out more</a>`]]
                    </div>
                </div>
            </div><!-- /.cell -->
            <div class="cell align-self-stretch medium-6 large-4">
                <div class="gridphoto gridphoto--home">
                    <img src="[[*homepage_callout_2_img]]">
                    <div class="gridphoto__content text-center">
                        <h4 class="gridphoto__content__heading"> [[*homepage_callout_2_title]] </h4>
                        <p class="gridphoto__content__paragraph">[[*homepage_callout_2_caption]]</p>
[[*homepage_callout_2_url:notempty=`<a href="[[*homepage_callout_2_url]]" class="button tiny outline white">Find out more</a>`]]
                    </div>
                </div>
            </div><!-- /.cell -->
            <div class="cell align-self-stretch medium-6 large-4">
                <div class="gridphoto gridphoto--home">
                    <img src="[[*homepage_callout_3_img]]">
                    <div class="gridphoto__content text-center">
                        <h4 class="gridphoto__content__heading"> [[*homepage_callout_3_title]] </h4>
                        <p class="gridphoto__content__paragraph">[[*homepage_callout_3_caption]]</p>
[[*homepage_callout_3_url:notempty=`<a href="[[*homepage_callout_3_url]]" class="button tiny outline white">Find out more</a>`]]
                    </div>
                </div>
            </div><!-- /.cell -->

            <div class="cell align-self-stretch medium-6 large-3">
                <div class="gridphoto gridphoto--home">
                    <img src="[[*homepage_callout_4_img]]">
                    <div class="gridphoto__content text-center">
                        <h4 class="gridphoto__content__heading"> [[*homepage_callout_4_title]] </h4>
                        <p class="gridphoto__content__paragraph">[[*homepage_callout_4_caption]]</p>
[[*homepage_callout_4_url:notempty=`<a href="[[*homepage_callout_4_url]]" class="button tiny outline white">Find out more</a>`]]
                    </div>
                </div>
            </div><!-- /.cell -->

            <div class="cell align-self-stretch medium-12 large-6">
                <div class="gridphoto gridphoto--home">
                    <img src="[[*homepage_callout_5_img]]">
[[!get_homepage_events? &id=`[[*id]]`]]
                </div>
            </div><!-- /.cell -->

            <div class="cell align-self-stretch large-3">
                <div class="gridphoto gridphoto--home">
                    <img src="[[*homepage_callout_6_img]]">
                    <div class="gridphoto__content text-center">
                        <h4 class="gridphoto__content__heading"> [[*homepage_callout_6_title]] </h4>
                        <p class="gridphoto__content__paragraph">[[*homepage_callout_6_caption]]</p>
[[*homepage_callout_6_url:notempty=`<a href="[[*homepage_callout_6_url]]" class="button tiny outline white">Find out more</a>`]]
                    </div>
                </div>
            </div><!-- /.cell -->

        </div><!-- /.grid-x -->
    </div><!-- /.grid-container -->
</div><!-- /.section -->


<div class="section section--regionmap padding-top-3 padding-bottom-3 margin-top-3 margin-bottom-3 text-center">
    <div class="grid-container">

        <div class="grid-x grid-margin-x grid-margin-y">
            <div class="cell">
                <div class="interactive-map-ctnr">
                    [[$InteractiveMapHomepage]]
                </div>
            </div>
        </div> 
    
    </div><!-- /.grid-container -->
</div><!-- /.section -->



[[!footer]]
[[footer_scripts]]
<script>
jQuery(document).ready(function($) {
}); // end document.ready
</script>


[[doc_end]]