<turbo-stream action="append" target="section-items">
    <template>
            <a href="/visualarts/page/58746/the-studio-classroom" 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/visualarts/2025_new-curriculum/images/sink.jpeg"
            alt="The Studio Classroom"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Studio Classroom
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The art room, or studio classroom, is different from the rooms where other subjects are taught in a school. It is a place that feels warm and welcoming, with a sense of freedom that is conducive to independent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/66992/critical-self-reflection" 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/visualarts/images/lvas-photos/img_1620-copy.jpg"
            alt="Critical (Self) Reflection"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Critical (Self) Reflection
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> "We do not learn from experience. We learn from reflecting on experience," John Dewey stated in 1933. The following page includes some dynamic questions and sentence stems that you might ask yourself...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/57819/making-the-most-of-feedback" 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/visualarts/2024/vivian-maier-41.webp"
            alt="Making the Most of Feedback"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Making the Most of Feedback
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Whether your teacher has provided you with feedback or you've participated in a long-form critique or a quick peer-feedback session in class, taking the feedback you've received and putting it into action...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/9694/mindmapping-" 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/visualarts/dward tufte.jpeg"
            alt="Mindmapping "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mindmapping 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mindmaps can be very useful in many occasions, particularly when a student is having trouble thinking broadly and seeing connections. It is a way of developing ideas from the simple and banal to complex,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/58470/question-stems-" 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/visualarts/2024/whistler_unfinished-lady.jpg"
            alt="Question Stems "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            New Course (First Exams 2027)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Question Stems 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Asking questions is one of the highest-order thinking skills, demonstrating one's ability to synthesize different concepts. This skill can support the development of critical thinking across all three...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/36479/art-terminology-quiz-2" 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/subject/generic/19/03.jpg?v=1790338356"
            alt="Art Terminology Quiz 2"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Art Terminology Quiz 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/36409/art-terminology-quiz-1" 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/subject/generic/19/04.jpg?v=1790338356"
            alt="Art Terminology Quiz 1"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Art Terminology Quiz 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge of art terminology with a fun vocabulary quiz...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/36900/colour-vocabulary" 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/visualarts/images/Matisse1.jpg"
            alt="Colour Vocabulary"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Colour Vocabulary
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> "Colour is the place where our brain and the universe meet" -Paul Cezanne understanding the terminology of color allows you to use it appropriately when writing about art  Harmonious or analogous colours...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/9126/art-glossaries" 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/visualarts/images/NEWS_Michael_Craig_Martin.jpeg"
            alt="Art Glossaries"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Art Glossaries
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  A guide to using art vocabulary daily, both in writing and speaking about art. There are a number of online glossaries and they vary considerably in their depth and breadth, some being quite basic, others...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/21425/art-language" 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/visualarts/images/art%20history/1973_frankenthaler_nature_abhors_a_vacuum0.jpg"
            alt="Art Language"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Outgoing Course (Last Exams 2026) 
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Art Language
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> so lets make the most out of it. This section includes links to glossaries, tips for incorporating art vocabulary into class discussions,  - and a new feature: Art Terminology quizzes. Test your knowledge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 September 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="/visualarts/latest-updates?page=14" 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>
