<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/61259/hall-the-country-club-stomp-i" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/country-club.jpg"
            alt="Hall - The Country Club Stomp I"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Hall - The Country Club Stomp I
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is the first in the series that offers suggestions for those offering IBDP music under the North American model of music education, specifically for students engaged exclusively (or almost exclusively)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70298/exploring-as-a-creator" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/the-stomp-1.jpg"
            alt="Exploring as a Creator"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exploring as a Creator
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This series demonstrates how ensemble-based IBDP Music students can develop a creative submission from a single band work. Using JaRod Hall's "The Country Club Stomp!", three students research, analyse,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52447/lesson-idea-dvorak-and-the-slavonic-dance" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/dvorak.png"
            alt="Lesson Idea - Dvorak and the Slavonic Dance"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson Idea - Dvorak and the Slavonic Dance
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Anton Dvorák is regarded as one of the leading composers of Czech national music (Kamien). His works were highly influenced by the nature of Eastern European folk dance. Late in his career, he became...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52358/the-orchestra" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/strings.jpg"
            alt="The Orchestra"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Orchestra
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, you will find some ideas that combine the concepts of IB study with the orchestra. You must review the introductory material at the beginning of this chapter. Remember, it is important...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52491/lesson-idea-palestrina-kyrie" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/kyrie.png"
            alt="Lesson Idea - Palestrina, Kyrie"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lesson Idea - Palestrina, Kyrie
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Giovanni Palestrina was regarded as one of the most important of Italian Renaissance composers. He wrote more than 100 Masses. In the 16th century, the Council of Trent at the time of the Counter-Reformation,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70297/as-a-performer-for-the-percussionist" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/early-jazz.jpg"
            alt="As a Performer - For the Percussionist"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        As a Performer - For the Percussionist
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This series supports percussionists tackling the "Experimenting as a Performer" component, using Mozart's Piano Sonata K.310 as source material. Across three experiments, the student work progresses from...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/50919/planning-your-project" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/modern-art-works.jpg"
            alt="Planning Your Project"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Planning Your Project
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is a pdf of a PowerPoint presentation created by Clare Lambert of the Nexus International School in Singapore. In it, she outlines a step-by-step plan to be followed over time offering guidance for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/45797/national-folk-music" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/windband.jpg"
            alt="National Folk Music"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        National Folk Music
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The following is a unit idea and sample of a unit on creating an understanding of National Folk Music through the performance of a wind band. Although this particular lesson deals with one specific topic,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/62883/berlioz-symphonie-fantastique" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/the-love-of-hector-berlioz-and-harriet-smithson-and-the-fantastic-symphony.jpg"
            alt="Berlioz - Symphonie Fantastique"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Berlioz - Symphonie Fantastique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page focusses on Berlioz and his "Symphony Fantastique." Although it is listed under the Performing Ensemble tab, students not in a performing ensemble, or not currently performing the piece may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56398/four-components-of-the-course" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/music/images/components.jpg"
            alt="Four Components of the Course"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Four Components of the Course
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides an overview of the manner in which the course is to be structured. Subsequent pages break down these components with individual summary pages and ideas for lessons or broader units...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/music/latest-updates?page=11" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
