<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/52221/reflection-and-conclusion" 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/research.jpg"
            alt="Reflection and Conclusion"
        >
    </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">
                        Reflection and Conclusion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Your teachers often assume that you already have these necessary skills, but the reality is that you may struggle to not only organize the information that your teacher is seeking but also fail to analyse...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52220/summary-of-findings" 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/research.jpg"
            alt="Summary of Findings"
        >
    </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">
                        Summary of Findings
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Your teachers often assume that you already have these necessary skills, but the reality is that you may struggle to not only organize the information that your teacher is seeking but also fail to analyse...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52219/collaboration" 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/research.jpg"
            alt="Collaboration"
        >
    </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">
                        Collaboration
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Your teachers often assume that you already have these necessary skills, but the reality is that you may struggle to not only organize the information that your teacher is seeking but also fail to analyse...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52217/student-3-findings" 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/research.jpg"
            alt="Student 3 Findings"
        >
    </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">
                        Student 3 Findings
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Your teachers often assume that you already have these necessary skills, but the reality is that you may struggle to not only organize the information that your teacher is seeking but also fail to analyse...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52222/student-2-findings" 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/research.jpg"
            alt="Student 2 Findings"
        >
    </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">
                        Student 2 Findings
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Your teachers often assume that you already have these necessary skills, but the reality is that you may struggle to not only organize the information that your teacher is seeking but also fail to analyse...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52218/student-1-findings" 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/research.jpg"
            alt="Student 1 Findings"
        >
    </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">
                        Student 1 Findings
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Your teachers often assume that you already have these necessary skills, but the reality is that you may struggle to not only organize the information that your teacher is seeking but also fail to analyse...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56285/the-learner-profile" 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"
        >
    </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">
                        The Learner Profile
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Teachers will be designing their lessons and activities around the learner profile attributes. The IB believe that these attributes, and others like them, can help individuals and groups become responsible...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42682/academic-integrity" 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/academic-integrity-3.jpg"
            alt="Academic Integrity"
        >
    </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">
                        Academic Integrity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is an important component of the course and warrants special attention. Although there is only a portion of the material linked specifically to Academic Integrity in the Guide (p.4, pp.15-16, and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42670/music-aims" 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/real-bull-s-eye.jpg"
            alt="Music Aims"
        >
    </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">
                        Music Aims
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On page 18 of the Music Guide (first assessment 2022), broader arts aims are stated (relating to any number of the Group 6 subjects) and then, more specifically, the music aims. This page offers to break...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47556/defining-your-musical-identity" 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-identity-.png"
            alt="Defining Your Musical Identity"
        >
    </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">
                        Defining Your Musical Identity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As the IB Music DP course begins, it is important to define and establish your own musical identity. This helps to frame your musical choices and decision-making. Further, it helps your teacher understand...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 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=15" 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>
