<turbo-stream action="append" target="section-items">
    <template>
            <a href="/music/page/57056/creating-a-four-quadrant-square-graph" 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/persona.jpg"
            alt="Creating a Four-Quadrant Square Graph"
        >
    </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">
                        Creating a Four-Quadrant Square Graph
                                                <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"> It is recommended that you complete this activity early in the course (and perhaps again at the mid-point) where you can gain an understanding of your musical identity. The activity involves asking you...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/55844/getting-ahead-with-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/bell-peppers.jpg"
            alt="Getting Ahead with Experimenting"
        >
    </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">
                        Getting Ahead with Experimenting
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page continues to offer you some essential theoretical skills that might be worth acquiring before the start of the course. In addition to the preliminary research on different music notation systems...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/55671/getting-ahead-with-research" 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/music-links/theory.jpg"
            alt="Getting Ahead with Research"
        >
    </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">
                        Getting Ahead with Research
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages offer you some essential theoretical skills that might be worth acquiring before the start of the course. Initially, it involves some preliminary research on different music notation systems...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/55394/environmental-sound-project" 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/environment.jpg"
            alt="Environmental Sound Project"
        >
    </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">
                        Environmental Sound Project
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To allow your teachers to gain a sense of your familiarity with DAW software, your ability to piece together a work from non-traditional sound sources, and your instincts with constructional design, this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/55664/creating-canons" 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/canons.jpg"
            alt="Creating Canons"
        >
    </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">
                        Creating Canons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page offers some ideas to (further) introduce you to Digital Audio Workstation (DAW), as well as offer you the opportunity to record yourself and experiment with some of the features of your selected...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56299/ib-core" 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/core.jpg"
            alt="IB Core"
        >
    </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">
                        IB Core
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In addition to the 6 subjects that you have chosen, every student in the IB Diploma programme must complete the requirements for the CORE. The core comprises of Theory of Knowledge, the Extended Essay...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/56298/effective-use-of-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/journaling-image-for-students.jpg"
            alt="Effective Use of 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">
                        Effective Use of the Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Photo by Estée Janssens on Unsplash  The journal itself will not be directly assessed by the IB. BUT...you will need to extract from your journals the material necessary to fulfil the requirements for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/42669/international-mindedness" 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/international-mindedness-image.jpg"
            alt="International Mindedness"
        >
    </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">
                        International Mindedness
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> International Mindedness is core and central to all aspects of the IB. It is not restricted to the DP programme.  An internationally-minded student intends to build a curiosity and awareness of the world...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47571/predicted-grades" 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/jen-theodore-yu5fd5pallc-unsplash.jpg"
            alt="Predicted Grades"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment in Practice
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Predicted Grades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It is a requirement for all teachers to submit Predicted Grades for each of their students. The Predicted Grade is your estimation of what you think each of your students is expected to achieve in the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/music/page/47568/internal-assessment-and-moderation" 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/skeleton.jpg"
            alt="Internal Assessment and Moderation"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment in Practice
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Internal Assessment and Moderation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The two components that constitute internal assessment are Experimenting with Music and the Contemporary Music Maker. Teachers are responsible for assessing this work, which is subsequently moderated by...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 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=45" 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>
