<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/52205/atl-thinking-skills-with-lesson-ideas" 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/atl.jpg"
            alt="ATL - Thinking Skills with Lesson Ideas"
        >
    </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">
                        ATL - Thinking Skills with Lesson Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One important aspect that we as educators should always bear in mind, as we are delivering the course, is that we should think of ourselves as 'teachers of learners' and not simply 'teachers of content'....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52207/atl-social-skills-with-lesson-ideas" 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/atl.jpg"
            alt="ATL - Social Skills with Lesson Ideas"
        >
    </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">
                        ATL - Social Skills with Lesson Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One important aspect that we as educators should always bear in mind, as we are delivering the course, is that we should think of ourselves as 'teachers of learners' and not simply 'teachers of content'....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52208/atl-self-management-skills" 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/balancing-on-a-chair.jpg"
            alt="ATL - Self-Management Skills"
        >
    </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">
                        ATL - Self-Management Skills
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One important aspect that we as educators should always bear in mind, as we are delivering the course, is that we should think of ourselves as 'teachers of learners' and not simply 'teachers of content'....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52209/atl-research-skills-with-lesson-ideas" 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/atl.jpg"
            alt="ATL - Research Skills with Lesson Ideas"
        >
    </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">
                        ATL - Research Skills with Lesson Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One important aspect that we as educators should always bear in mind, as we are delivering the course, is that we should think of ourselves as 'teachers of learners' and not simply 'teachers of content'....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52206/atl-communication-skills" 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/atl.jpg"
            alt="ATL - Communication Skills"
        >
    </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">
                        ATL - Communication Skills
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One important aspect that we as educators should always bear in mind, as we are delivering the course, is that we should think of ourselves as 'teachers of learners' and not simply 'teachers of content'....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47561/pedagogical-framework-with-lesson-ideas" 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/atl.jpg"
            alt="Pedagogical Framework with Lesson Ideas"
        >
    </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">
                        Pedagogical Framework with Lesson Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Inc One important aspect that we as educators should always bear in mind, as we are delivering the course, is that we should think of ourselves as 'teachers of learners' and not simply 'teachers of content'....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52235/activity-7-practical-exercises" 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/sensitive.jpg"
            alt="Activity 7 Practical Exercises"
        >
    </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">
                        Activity 7 Practical Exercises
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is only a brief paragraph in the Music Guide (first assessment 2022, p.11) that addresses this issue, but nonetheless, with the great diversity that you need to include in your courses, this may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52237/activity-6-final-listening-task" 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/sensitive.jpg"
            alt="Activity 6 Final Listening Task"
        >
    </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">
                        Activity 6 Final Listening Task
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is only a brief paragraph in the Music Guide (first assessment 2022, p.11) that addresses this issue, but nonetheless, with the great diversity that you need to include in your courses, this may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52234/activity-5-additional-information-discussion" 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/sensitive.jpg"
            alt="Activity 5 Additional Information &amp; Discussion"
        >
    </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">
                        Activity 5 Additional Information & Discussion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is only a brief paragraph in the Music Guide (first assessment 2022, p.11) that addresses this issue, but nonetheless, with the great diversity that you need to include in your courses, this may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/52232/activity-4-creating-exercise" 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/sensitive.jpg"
            alt="Activity 4 Creating Exercise"
        >
    </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">
                        Activity 4 Creating Exercise
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is only a brief paragraph in the Music Guide (first assessment 2022, p.11) that addresses this issue, but nonetheless, with the great diversity that you need to include in your courses, this may...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 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=25" 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>
