<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/42663/subject-reports" 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/reports-3.jpg"
            alt="Subject Reports"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment in Practice
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Subject Reports
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> After each assessment period, the IB produce reports for many of the subjects, including music. These are essential documents in which educators can gain insight into common problems and areas that need...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42681/creativity-activity-and-service" 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/moving-equipment.jpg"
            alt="Creativity, Activity and Service"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Creativity, Activity and Service
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Core and central to the IB Diploma Programme is Creativity, Activity, and Service (CAS). Along with Theory of Knowledge (TOK) and the Extended Essay (EE) Music & the Extended Essay (EE), CAS credit is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42679/theory-of-knowledge" 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/knowledge-1.jpg"
            alt="Theory of Knowledge"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Theory of Knowledge
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page helps to unpack the nature of the compulsory core component of the Theory of Knowledge (TOK) and offers specific help on how to move beyond mere tokenism, but embedded what you are learning...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/43615/contemporary-music-maker" 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/contemporary-design.jpg"
            alt="Contemporary Music Maker"
        >
    </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">
                        Contemporary Music Maker
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is one of the four syllabus areas of the curriculum, but it is only for higher-level students. The Contemporary Music Maker culminates in a collaborative project that is inspired by real-life practices...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/43614/presenting-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/presenting-to-the-room.jpg"
            alt="Presenting Music"
        >
    </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">
                        Presenting Music
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is one of the four syllabus areas of the curriculum. Presenting is a process inherent to music-making. Students are required to present music that they have prepared in the roles of researcher, creator,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42661/a-career-in-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/graduates.jpg"
            alt="A Career in 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">
                        A Career in Music
                                                <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"> Secondary school may be the last and only opportunity for students to discover the value of a music education. Our schools would be making a grave mistake if they did not provide EVERY STUDENT the chance...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/49932/introduction-to-the-ebook" 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.png"
            alt="Introduction to the eBook"
        >
    </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">
                        Introduction to the eBook
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> For other subjects, this resource is designed to provide you with the content necessary to succeed. In music, however, there is no prescribed set of topics that one must follow. In the early stages, topics...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/62460/site-feedback" 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/feedback.png"
            alt="Site Feedback"
        >
    </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">
                        Site Feedback
                                                <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 site authors are very pleased with the ongoing response this site has received within the global music education community. We hope you continue to find this site helpful, regardless of your assigned...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42673/higher-level-or-standard-level" 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/building-blocks.jpg"
            alt="Higher Level or Standard Level"
        >
    </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">
                        Higher Level or Standard Level
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What is the difference between standard (SL) and higher (HL) music and how do we know what is best for you? This is a question that will need careful consideration as you prepare to embark on the study...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/69185/ebook" 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.png"
            alt="eBook"
        >
    </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">
                        eBook
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> For other subjects, this resource is designed to provide you with the content necessary to succeed. In music, however, there is no prescribed set of topics that one must follow. In the early stages, topics...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 August 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=9" 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>
