<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/57232/presenting-sample-3-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/anime.jpg"
            alt="Presenting - Sample 3 (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">
                        Presenting - Sample 3 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that encapsulates two pieces: a Chinese dizi piece (AOI4) and an electro-pop/EDM fusion piece...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57296/presenting-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/one-piece.jpg"
            alt="Presenting - 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">
                        Presenting - Sample 1 (Grade 4)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator with a single piece "Synthetico Adagio" (AOI4), using Barber's famous piece for strings...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57999/presenting-sample-11-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/drum-kit.png"
            alt="Presenting - Sample 11 (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">
                        Presenting - Sample 11 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of more than 4 minutes of Presenting as a Creator who created two pieces: an ambient composition (AOI4) and a piece inspired by...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53362/presenting-sample-10-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/argentina.jpg"
            alt="Presenting - Sample 10 (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">
                        Presenting - Sample 10 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that encapsulates two pieces: a Cantonese pop song (AOI4) and a piece for a horror film...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52982/presenting-sample-9-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/sax.jpg"
            alt="Presenting - Sample 9 (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">
                        Presenting - Sample 9 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that encapsulates two pieces: a traditional Japanese piece for koto and an example of Electro...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52247/presenting-sample-8-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/stravinsky.jpg"
            alt="Presenting - Sample 8 (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">
                        Presenting - Sample 8 (Grade 7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that encapsulates two pieces: a cinematic orchestral piece and an example of EDM. On the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58014/presenting-sample-7-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/cuba.png"
            alt="Presenting - Sample 7 (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">
                        Presenting - Sample 7 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of just under 6 minutes of Presenting as a Creator that encapsulates two pieces: an original song about loss and music technology...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52983/presenting-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/japan.jpg"
            alt="Presenting - 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">
                        Presenting - Sample 6 (Grade 6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that encapsulates two pieces: an instrumental pop/rock piece and a Lofi piece under the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57974/presenting-sample-4-grade-5" 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/clarinet-.png"
            alt="Presenting - Sample 4 (Grade 5)"
        >
    </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">
                        Presenting - Sample 4 (Grade 5)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6:00 minutes of Presenting as a Creator. Two creating pieces are included that address AOIs 4 and 2. The first creating work...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52978/presenting-sample-3-grade-5" 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/snarky-puppy.jpg"
            alt="Presenting - Sample 3 (Grade 5)"
        >
    </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">
                        Presenting - Sample 3 (Grade 5)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a complete portfolio for Presenting Music. It consists of 6 minutes of Presenting as a Creator that encapsulates two pieces: one that emulates film music and the other that utilizes music...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 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=41" 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>
