<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/42666/music-and-group-6" 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/music.jpg"
            alt="Music and Group 6"
        >
    </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">
                        Music and Group 6
                                                <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"> One of the fundamental aims of this course is to ensure that all students have a range of experiences that merge the roles of researchers, creators, and performers to develop the holistic learner.  In...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58215/sample-3-complete-course-outline" 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/course-outline.jpg"
            alt="Sample 3 - Complete Course Outline"
        >
    </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">
                        Sample 3 - Complete Course Outline
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Due to overwhelming demand, teachers have been requesting a sample course outline and so here it is. Remember that one needs to adapt this to suit individual circumstances, but it is hoped that the material...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/54532/sample-2-planning-your-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/big-picture.jpg"
            alt="Sample 2 - Planning Your 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">
                        Sample 2 - Planning Your Course
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When planning out your course, it may be advisable, particularly if you are new to the programme, to keep some important points in mind. These may range from when to review, when to finally stop introducing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56306/sample-1-planning-your-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/two-year-plan.jpg"
            alt="Sample 1 - Planning Your 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">
                        Sample 1 - Planning Your Course
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Whilst these sample plans are comprehensive and contain links to CORE elements and other essential requirements, remember that they are unique to the schools from which they come. This means that they...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/51233/planning-your-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/start-early.jpg"
            alt="Planning Your 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">
                        Planning Your Course
                                                <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"> The IB does not mandate any type of specific course plan for IB Music. One size does not fit all, and what may have worked well for you once may not work as well the next time. Similarly, the demographics...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42667/nature-of-the-subject" 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/contexts.jpg"
            alt="Nature of the Subject"
        >
    </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">
                        Nature of the Subject
                                                <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"> In a nutshell, the IB Music DP Programme is designed in such a way as to investigate diverse global societies and cultures, thus fostering a better understanding of the world and one's role in it. The...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42668/the-ib-mission" 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/mission.jpg"
            alt="The IB Mission"
        >
    </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">
                        The IB Mission
                                                <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"> This page reminds us of the significance of the IB's mission statement and how it should be an important determinant in the design and delivery of what we do as IB educators. The fact that learner profile...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53654/sting-russians" 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/sting-1.jpg"
            alt="Sting - Russians"
        >
    </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">
                        Sting - Russians
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the courses required for the component of Exploring Music in Context is Exploring as a Performer. Here, students are required to engage with music in practical ways from both local and global contexts....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/51418/as-a-researcher-cages-sonatas-and-interludes" 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/exploring-ideas.png"
            alt="As a Researcher - Cage&#039;s Sonatas and Interludes"
        >
    </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 Researcher - Cage's Sonatas and Interludes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages, you will find lesson ideas for the approach to Experimenting as a Creator.  We hope these ideas inspire your thinking toward developing your approach to experimenting with music. Remember,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56621/as-a-performer-lesson-3-wicked" 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/broadway3.jpg"
            alt="As a Performer - Lesson 3, Wicked"
        >
    </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 - Lesson 3, Wicked
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is the final in the series of lessons, which has used the musical stimulus recordings/performances of the Broadway musical "Wicked" with music and lyrics by Stephen Schwartz. This lesson focuses...</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=12" 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>
