<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/53499/giving-feedback-exploring-a-student-sample" 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/cornfield.jpg"
            alt="Giving Feedback - Exploring a Student Sample"
        >
    </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">
                        Giving Feedback - Exploring a Student Sample
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This example of a student submission from May 2022 serves to provide educators with strategies for delivering effective feedback that will assist students in maximizing their potential. The page has been...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58914/feedback-and-assessment" 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/feedback-1.jpg"
            alt="Feedback and Assessment"
        >
    </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">
                        Feedback and Assessment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages provide an overview of the principles of providing feedback and the guidelines to be followed throughout the course. It includes a student submission of an "Exploring Music in Context" portfolio,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58657/as-a-performer-lesson-2-chers-believe" 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/free-library.jpg"
            alt="As a Performer - Lesson 2, Cher&#039;s Believe"
        >
    </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">
                        As a Performer - Lesson 2, Cher's Believe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a continuation of the previous lesson, which focused on Cher's Believe and her performance interpretation. Areas such as the song's structure, use of repetition, melodic and harmonic alignment,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58567/as-a-performer-lesson-1-chers-believe" 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/cher.jpg"
            alt="As a Performer - Lesson 1, Cher&#039;s Believe"
        >
    </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">
                        As a Performer - Lesson 1, Cher's Believe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages offer some student-based activities in order to prepare for an Experimenting as a Performer task based on the source material "Believe" from Cher's album of the same name (from 1998). It has...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 November 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/53811/lesson-3-c-austin-miles" 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/hymn-1.jpg"
            alt="Lesson 3 - C. Austin Miles"
        >
    </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">
                        Lesson 3 - C. Austin Miles
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers a conclusion to the lesson on American hymns, which will help students ultimately produce their own creating exercise. Here students will be asked to synthesise their learning by setting...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/50461/lesson-4-webern" 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/vienna.jpg"
            alt="Lesson 4 - Webern"
        >
    </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">
                        Lesson 4 - Webern
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers insight into how one could take the observations made in the Webern Symphony to create an exercise that realizes the conventions of the musical style (see p.49 of the Guide for more information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58475/lesson-4-varese" 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/jigsawing-information.jpg"
            alt="Lesson 4 - Varèse"
        >
    </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">
                        Lesson 4 - Varèse
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is a continuation of the early lesson on Varèse's Poème Électronique in which students have been asked to present their assigned reading in visual representation form. The lesson also features...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/58464/lesson-3-varese" 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/electric-poem.jpg"
            alt="Lesson 3 - Varèse"
        >
    </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">
                        Lesson 3 - Varèse
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this lesson, students will gain an understanding of some of the structural features of this ground-breaking Varèse work and engage in a critical listening activity that will help to unpack meaning....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/45792/difference-between-exploring-and-experimenting" 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-or-experimenting.jpg"
            alt="Difference Between Exploring and Experimenting"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Difference Between Exploring and Experimenting
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The question often comes up as to the difference between the exploring and experimenting components. This is quite an essential question and needs to be addressed as one develops one's course. This page...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/blog/58427/teacher-student-input" 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/construction-in-saigon.jpg"
            alt="Teacher &amp; Student Input"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Teacher & Student Input
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Residing in Saigon, I am constantly amazed by the rapid evolution of the city's infrastructure. The landscape undergoes continuous transformation, characterised by the swift construction of new buildings,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2024
                        </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=44" 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>
