<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/43610/essentials-of-the-syllabus" 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/syllabus-diversity.jpg"
            alt="Essentials of the Syllabus"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Essentials of the Syllabus
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> With the Areas of Inquiry, Contexts, Processes, and Musical Roles each intrinsically connected, making sense of the syllabus in a way that is going to be beneficial to your students can be a daunting...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/55392/pre-ib-activities" 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-links/preparations.jpg"
            alt="Pre-IB Activities"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pre-IB Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages are devoted to some student activities that you can complete in the period prior to the start of your DP1 journey. Your teacher may assign some or all of these pages during this time, but...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42658/the-art-of-observation" 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/forms.jpg"
            alt="The Art of Observation"
        >
    </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">
                        The Art of Observation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Assessment is an important component in any course and we as educators need to create opportunities for the many facets of assessment to happen regularly. Some of the most revealing and informative observations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56287/the-learner-profile-with-lesson-ideas" 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/lp.jpg"
            alt="The Learner Profile with Lesson Ideas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching Strategies and Lesson Ideas
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Learner Profile with Lesson Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As educators, you should be designing their lessons and activities around the learner profile attributes. The IB believe these attributes, and others like them, can help individuals and groups become...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57789/cmm-sample-6-grade-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/images/diverse-concert-.png"
            alt="CMM - Sample 6 (Grade 6)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        CMM - Sample 6 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The student shares their collaboration for the production of a school concert with music from various genres, including dancing choreography. There is a discussion on the nature of the collaboration,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/64965/cmm-overview-of-samples-nov-2024" 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/cmm-overview-image.jpg"
            alt="CMM - Overview of Samples (Nov. 2024)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        CMM - Overview of Samples (Nov. 2024)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides a summary of all samples featured in the current chapter. It includes a description of the format used for the CMM. A summary of the marks awarded and the final grade level for the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/62680/cmm-sample-4-grade-7" 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/centenary.jpg"
            alt="CMM - Sample 4 (Grade 7)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        CMM - Sample 4 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This student work should be viewed in conjunction with the Music Guide with particular reference to pages 64-70, which deals with the assessment of this component, only for higher-level students. Several...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/61922/cmm-sample-3-grade-7" 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/musical-theatre-jped.jpg"
            alt="CMM - Sample 3 (Grade 7)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        CMM - Sample 3 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This student work should be viewed in conjunction with the Music Guide with particular reference to pages 64-70, which deals with the assessment of this component, only for higher-level students. Several...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/62850/cmm-sample-2-grade-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/images/herd-animals.jpg"
            alt="CMM - Sample 2 (Grade 6)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        CMM - Sample 2 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This student work should be viewed in conjunction with the Music Guide with particular reference to pages 64-70, which deals with the assessment of this component, only for higher-level students. Several...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/64681/cmm-sample-1-grade-3" 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/un-flags.jpg"
            alt="CMM - Sample 1 (Grade 3)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        CMM - Sample 1 (Grade 3)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This student work should be viewed in conjunction with the Music Guide with particular reference to pages 64-70, which deals with the assessment of this component, only for higher-level students. Several...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 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=18" 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>
