<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/57497/exploring-samples-may-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/2024-skiing.jpg"
            alt="Exploring Samples - May 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">
                        Exploring Samples - May 2024
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages, you will find a series of student samples from the May 2024 assessment period. This was the third year of assessment for the DP Music Subject Guide adopted in 2020 with the first exams...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/65478/exploring-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/exploring-as-a-thumbnail.jpg"
            alt="Exploring 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">
                        Exploring Samples - Nov 2024
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages, you will find a series of student samples from the May 2024 assessment period. This was the third year of assessment for the DP Music Subject Guide, adopted in 2020 with the first exams...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/64847/experimenting-samples-may-2025" 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/experiment-mixing.png"
            alt="Experimenting Samples - May 2025"
        >
    </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">
                        Experimenting Samples - May 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On these pages, you will find a series of student samples from the May 2025 exam period. This was the fourth year of exams for the DP Music Subject Guide, adopted in 2020 with the first exams in 2022....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/61788/experimenting-sample-1-grade-4" 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/tuba.png"
            alt="Experimenting - Sample 1 (Grade 4)"
        >
    </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">
                        Experimenting - Sample 1 (Grade 4)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is creating sample of with focus on AoI 4. The student is experimenting by bridging acoustic music with electronic sounds. It is the student's initial attempt with the application of electronic music....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/60905/experimenting-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/jazz-club.png"
            alt="Experimenting - 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">
                        Experimenting - Sample 4 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is another student sample that was submitted as part of the November 2024 assessment period. In the creating experiment, the student uses AoI 4 by applying sampling and a rap over a jazz ballad....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/61348/experimenting-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/debussy.png"
            alt="Experimenting - 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">
                        Experimenting - Sample 3 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this creating experiment, the student uses AoI 2 by adapting the impressionistic conventions of Debussy's music into a choral context. In the presenting experiment, the student uses AoI3 in an attempt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/61489/experimenting-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/nocturne.png"
            alt="Experimenting - 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">
                        Experimenting - Sample 2 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is an example of AoI 1, Music for Sociocultural and Political Expression by adapting the impressionistic conventions of a Chopin nocturne into a vocal context. In the presenting experiment, the student...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58032/exploring-sample-6-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/russian-red-square.jpg"
            alt="Exploring - Sample 6 (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">
                        Exploring - Sample 6 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is an example of a student who has submitted the Exploring Music in Context portfolio covering Areas of Inquiry I, II and IV (with the Experimenting portfolio, collectively all four areas of inquiry...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57472/exploring-sample-2-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/red-square.jpg"
            alt="Exploring - Sample 2 (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">
                        Exploring - Sample 2 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is an example of a student who has submitted the Exploring Music in Context portfolio covering Areas of Inquiry I, II and IV (with the Experimenting portfolio, collectively all four areas of inquiry...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57359/exploring-sample-1-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/sugar-plum-fairy.jpg"
            alt="Exploring - Sample 1 (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">
                        Exploring - Sample 1 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is an example of a student who has submitted the Exploring Music in Context portfolio covering Areas of Inquiry III and IV (with the Experimenting portfolio, collectively all four areas of inquiry...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2025
                        </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=31" 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>
