<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/52862/finding-musical-passion" 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/passion-and-music.jpg"
            alt="Finding Musical Passion"
        >
    </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">
                        Finding Musical Passion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Having a musical passion is integral to the study of music. Our musical drive is most often driven by some sort of inspirational moment. This could be a concert, an artist, a recording, and more. Think...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/57885/maximising-your-marks" 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/reading-between-the-lines.jpg"
            alt="Maximising Your Marks"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/Revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Maximising Your Marks
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages were inspired by teachers who want greater clarification on the assessment components, but more specifically information that is either not readily available in the Guide nor made explicit....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47557/developing-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/music-teacher.png"
            alt="Developing Musical Identity"
        >
    </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">
                        Developing Musical Identity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Just as it is important for a student to define their own musical identity as the IBDP Music Music course begins, it is equally important that a teacher understand their own background with their own...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58466/student-accessibiity-some-considerations" 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/prior-learning.png"
            alt="Student Accessibiity - Some Considerations"
        >
    </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">
                        Student Accessibiity - Some Considerations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This question comes up often in workshops and forums. Page 11 in the IBDP Music Subject Guide states, "The music course at both SL and HL requires no formal prior training in music..." Here are some guidelines...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70359/the-ibdp-music-course-in-a-nutshell" 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/nutshell.png"
            alt="The IBDP Music Course in a Nutshell"
        >
    </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">
                        The IBDP Music Course in a Nutshell
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56303/ee-sample-6-grade-a-may-2020" 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="EE - Sample 6 (Grade A, May 2020)"
        >
    </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">
                        EE - Sample 6 (Grade A, May 2020)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These student works are intended to provide some context for what is possible with the Extended Essay in music. There is a range of samples here, each one has delved into its respective topic with a somewhat...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47011/your-basic-toolkit" 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/toolkit.png"
            alt="Your Basic Toolkit"
        >
    </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">
                        Your Basic Toolkit
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> After one has created their audio tracks, one will need to start MIXING. Every quality audio project will need to be mixed. With mixing, the possibilities are seemingly endless. These pages are devoted...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53057/ideas-for-the-novice" 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/mtech.jpg"
            alt="Ideas for the Novice"
        >
    </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">
                        Ideas for the Novice
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The ideas included on these pages might be particularly useful to those who may be unfamiliar or uncomfortable with music technology. These exercises may be used as a stepping stone to getting ourselves...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42655/music-technology" 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/music-technology-chapter.jpg"
            alt="Music Technology"
        >
    </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 Technology
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is very little doubt that digital music technology will change how we consider music for years to come. Most likely, you have the means and the capacity to learn music at a rate faster than your...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/70299/foundations-of-the-course" 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/where-to-begin.jpg"
            alt="Foundations of the Course"
        >
    </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">
                        Foundations of the Course
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This chapter introduces the essential values, skills, and perspectives that underpin the IBDP Music course. It offers a range of activities, reflective prompts, and practical guidance designed to help...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 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=10" 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>
