<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/51544/introductory-task-to-dp-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/unlocking.jpg"
            alt="Introductory Task to DP 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">
                        Introductory Task to DP Music
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As a starting point, it is important for your teacher to learn more about you so that they can shape the programme accordingly. In many ways, the IBDP Music programme is a chance for you to contribute...</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/60609/the-extended-essay" 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/essay-in-music-2.jpg"
            alt="The Extended Essay"
        >
    </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 Extended Essay
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides a concise overview of the modifications pertaining to the extended essay for the inaugural submission in May 2027. This information should be reviewed in conjunction with the newly...</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/56297/introducing-the-journal" 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/write-ideas.jpg"
            alt="Introducing the Journal"
        >
    </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">
                        Introducing the Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These could be useful resources for introducing you to the music journal. They are short, direct, and to the point. Your teacher may wish to discuss these with you when attempting to illustrate the benefits...</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/56296/the-music-journal" 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/diary.jpg"
            alt="The Music Journal"
        >
    </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">
                        The Music Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You may feel that journaling is not an important aspect of the Group 6 subjects processes, as it is not submitted per se for assessment and that reflection can occur in other forms. Private reflection...</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/49966/the-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/images/the-contemporary-music-maker-(1).jpg"
            alt="The Contemporary Music Maker"
        >
    </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">
                        The Contemporary Music Maker
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page introduces you to some suggestions that you can use to gain insight into your levels for some of the skills required for the component The Contemporary Music Maker. There is a summary below...</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/49965/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-overview.jpg"
            alt="Presenting 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">
                        Presenting Music
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page introduces you to some suggestions that you can use to gain insight into your levels for some of the skills required for the component Presenting Music. You may wish to consider the following:...</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/49963/exploring-music-in-context" 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-music-marching-band.jpg"
            alt="Exploring Music in Context"
        >
    </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">
                        Exploring Music in Context
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page introduces you to some suggestions that you can use to gain insight into your levels for some of the skills required for the component Exploring Music in Context. Students are required to: 1) present musical...</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/49964/experimenting-with-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/ewm-(1).jpg"
            alt="Experimenting with 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">
                        Experimenting with Music
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page introduces you to some suggestions that you can use to gain insight into your levels for some of the skills required for the component Experimenting with Music. There is a summary below of the...</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/42660/defining-the-aois" 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/areas-of-inquiry.jpg"
            alt="Defining the AoIs"
        >
    </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">
                        Defining the AoIs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One will notice that each of the four components addresses what are referred to as Areas of Inquiry (AoIs). There are four AoIs in the course and at some time, all four must be addressed. This page offer...</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/69956/defining-aois" 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/areas-of-inquiry.jpg"
            alt="Defining AOIs"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Essentials for Teachers
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Defining AOIs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One will notice that each of the four components addresses what are referred to as Areas of Inquiry (AoIs). There are four AoIs in the course and at some time, all four must be addressed. This page offers...</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=16" 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>
