<section class="hero-a">
    <div class="hero-a__in">
        <div class="hero-a__inner">
            <picture class="visual">
                <source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/video-poster-mobile.webp" type="image/webp">
                <source media="(max-width: 899px)" data-sizes="auto" data-srcset="/graphics/hero-academy.jpg">
                <source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/video-poster.webp" type="image/webp">
                <source media="(min-width: 900px)" data-sizes="auto" data-srcset="/graphics/hero-academy.jpg">
                <img data-sizes="auto" data-src="/graphics/hero-academy.jpg" class="lazyload" alt="">
            </picture>

        </div>

        <header class="hero-a__header">
            <div class="hero-a__heading">
                <span class="heading heading--0">Lorem title text with a max of 50 characters!</span>
            </div>
        </header>
    </div>
</section>

<div class="spacer spacer--12"></div>

<section class="col-one">
    <div class="col-one__inner">
        <div class="col-one__content">
            Lorem intro text limited to a maximum of 280 characters. Blanditiis id facilis facere ipsa delectus animi laudantium error reiciendis quos rerum? Nobis odit, non voluptates autem minus fugiat voluptatum cum neque.
        </div>
    </div>
</section>

<div class="spacer spacer--20"></div>

<div class="nav-in-page-v2 nav-in-page-v2--not-sticky">
    <span class="nav-in-page-v2__anchor"></span>
    <div class="nav-in-page-v2__inner">

        <div class="nav-in-page-v2__actions">
            <div class="nav-in-page-v2__actions-inner">
                <span>€ 1999</span>
                <a href="#" class="link link--colored">
                    <span class="link__label">Buy now</span>
                </a>

                <a href="#" target="_blank" class="action action--normal action--on-light">
                    <span class="action__label">Buy now</span>
                    <span class="action__bg"></span>
                </a>

            </div>
        </div>

    </div>
</div>

<div class="spacer spacer--15"></div>

<div id='italy' data-nav-in-page='&lt;span class&#x3D;&quot;flag flag-IT&quot;&gt;&lt;/span&gt; Italy' class="section-header">
    <div class="section-header__inner section--8">
        <h class="section-header__heading heading heading--">Schools in Italy</h>
    </div>
</div>

<div class="spacer spacer--6"></div>

<section class="col-four">
    <div class="col-four__inner">
        <div class="col-four__content">
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/DSI_Breda.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Ibiza_Blau_Music.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Microfusa.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Music_Academy_Rimini.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Musiluz.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
        </div>
    </div>
</section>

<div class="spacer spacer--15"></div>

<div id='netherlands' data-nav-in-page='&lt;span class&#x3D;&quot;flag flag-NL&quot;&gt;&lt;/span&gt; Netherlands' class="section-header">
    <div class="section-header__inner section--8">
        <h class="section-header__heading heading heading--">Schools in the Netherlands</h>
    </div>
</div>

<div class="spacer spacer--6"></div>

<section class="col-four">
    <div class="col-four__inner">
        <div class="col-four__content">
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/On_The_Rise.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Pro_DJ_School.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Skapade.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
        </div>
    </div>
</section>

<div class="spacer spacer--15"></div>

<div id='spain' data-nav-in-page='&lt;span class&#x3D;&quot;flag flag-ES&quot;&gt;&lt;/span&gt; Spain' class="section-header">
    <div class="section-header__inner section--8">
        <h class="section-header__heading heading heading--">Schools in Spain</h>
    </div>
</div>

<div class="spacer spacer--6"></div>

<section class="col-four">
    <div class="col-four__inner">
        <div class="col-four__content">
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Plastic_Academia_1.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Xpresate_4.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
        </div>
    </div>
</section>

<div class="spacer spacer--15"></div>

<div id='uk' data-nav-in-page='&lt;span class&#x3D;&quot;flag flag-GB&quot;&gt;&lt;/span&gt; UK' class="section-header">
    <div class="section-header__inner section--8">
        <h class="section-header__heading heading heading--">Schools in the UK</h>
    </div>
</div>

<div class="spacer spacer--6"></div>

<section class="col-four">
    <div class="col-four__inner">
        <div class="col-four__content">
            <div class="col-four__item">
                <div class="col-four__item__inner">
                    <article class="snippet-a">
                        <a href="#" class="snippet-a__visual">
                            <div class="snippet-a__image">
                                <picture class="visual">
                                    <img data-sizes="auto" data-src="/graphics/Point_Blank_Music.jpg" class="lazyload" alt="">
                                </picture>

                            </div>
                        </a>

                        <div class="snippet-a__content">
                            <h4 class="snippet-a__heading heading">
                                <a href="" class="link link--default">
                                    <span class="link__label">Heading 22 chars max</span>
                                </a>

                            </h4>

                            <span class="snippet-a__subheading">Subheading</span>

                            <div class="snippet-a__description">
                                Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                            </div>
                        </div>

                        <div class="snippet-a__actions actions actions--start">
                            <div class="actions__item">
                                <a href="#" class="link link--colored">
                                    <span class="link__label">Link</span>
                                </a>

                            </div>
                        </div>
                    </article>

                </div>
            </div>
        </div>
    </div>
</section>

<div class="spacer spacer--20"></div>

<!-- !!!!! For testing purposes only !!!!! -->
<div style="min-height:500vh;padding:var(--gutter--bucket);">Minimum screen width of 1200px and scroll down to test</div>
<!-- !!!!! / For testing purposes only !!!!! -->

<div class="back-to-top">
    <div class="back-to-top__link">back to top <span class="back-to-top__arrow"></span></div>
</div>
{{render '@hero-a' hero }}

<div class="spacer spacer--12"></div>

{{render '@col-one' intro }}

<div class="spacer spacer--20"></div>

{{render '@nav-in-page-v2' nav merge=true }}

<div class="spacer spacer--15"></div>

{{#each items }}
  {{#unless @first }}
    <div class="spacer spacer--15"></div>
  {{/unless}}

  {{render '@section-header' this }}

  <div class="spacer spacer--6"></div>

  {{render '@col-four' schools merge=true }}
{{/each}}

<div class="spacer spacer--20"></div>

{{render '@back-to-top' }}
hero:
  heading: Lorem title text with a max of 50 characters!
  visual:
    src:
      mobile: /graphics/hero-academy.jpg
      desktop: /graphics/hero-academy.jpg
intro:
  content: >-
    Lorem intro text limited to a maximum of 280 characters. Blanditiis id
    facilis facere ipsa delectus animi laudantium error reiciendis quos rerum?
    Nobis odit, non voluptates autem minus fugiat voluptatum cum neque.
nav:
  modifier: not-sticky
  label: Select country
  items: false
items:
  - attrs:
      id: italy
      data-nav-in-page: <span class="flag flag-IT"></span> Italy
    heading: Schools in Italy
    description: false
    schools:
      snippets:
        - visual:
            src: /graphics/DSI_Breda.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Ibiza_Blau_Music.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Microfusa.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Music_Academy_Rimini.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Musiluz.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
  - attrs:
      id: netherlands
      data-nav-in-page: <span class="flag flag-NL"></span> Netherlands
    heading: Schools in the Netherlands
    description: false
    schools:
      snippets:
        - visual:
            src: /graphics/On_The_Rise.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Pro_DJ_School.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Skapade.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
  - attrs:
      id: spain
      data-nav-in-page: <span class="flag flag-ES"></span> Spain
    heading: Schools in Spain
    description: false
    schools:
      snippets:
        - visual:
            src: /graphics/Plastic_Academia_1.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
        - visual:
            src: /graphics/Xpresate_4.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link
  - attrs:
      id: uk
      data-nav-in-page: <span class="flag flag-GB"></span> UK
    heading: Schools in the UK
    description: false
    schools:
      snippets:
        - visual:
            src: /graphics/Point_Blank_Music.jpg
          heading:
            url: ''
            label: Heading 22 chars max
            modifier: default
          subheading: Subheading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
          action:
            url: '#'
            label: Link

No notes defined.