<turbo-stream action="append" target="section-items">
    <template>
            <a href="/visualarts/page/10712/the-formal-elements" 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/agnes martin gratitude2001.jpeg"
            alt="The Formal Elements"
        >
    </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">
                        The Formal Elements
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The formal elements of art are the basis of visual analysis  A visual analysis is a careful consideration of the formal aspects of an artwork. The formal elements comprise important vocabulary for an...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 December 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/36894/sarvani-process-portfolio-hl" 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/student-gallery-images-and-texts/pp-student-gallery/sarvani-screen-5-pp.png"
            alt="Sarvani, Process Portfolio HL"
        >
    </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">
                        Sarvani, Process Portfolio HL
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sarvani contacted me herself to ask if I would feature her work in the student gallery. She got a 6 on her PP ( 28 out of  34).  Her Portfolio is pleasingly designed, easy to follow, and full of clearly...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 December 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/14345/mixing-colors" 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/gwen%20john%20%20convalescent.jpeg"
            alt="Mixing Colors"
        >
    </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">
                        Mixing Colors
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mixing colors can be a daunting task, especially for the new painter. How much more exciting painting is when you can mix your own tones rather than rely on ready mixed paint colors, not to mention the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/14344/tonal-painting" 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/raf.jpeg"
            alt="Tonal Painting"
        >
    </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">
                        Tonal Painting
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Art Vocabulary: Tonal values are the gradations of tone from light to dark. To get a better impression of tone, close your eyes halfway so that the lightest and darkest parts of the object or scene you...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/15037/ephemeral-art" 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/photo.jpeg"
            alt="Ephemeral Art"
        >
    </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">
                        Ephemeral Art
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ephemeral art works are those that exist only for a determined period of time and are not intended to last. Does this challenge the notion that art is meant to outlast human life? Ars lunga vita breve...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/11695/ink-and-brush-" 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/caravaggio.jpeg"
            alt="Ink and Brush "
        >
    </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">
                        Ink and Brush 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ink painting has been favoured by artists in both the east and west for its beautiful, graceful and expressive mark making qualities and range of tonal values. Ink and brush painting can be practiced...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/15529/claude-glass-painting-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/visualarts/images/claude%20glass.jpg"
            alt="Claude Glass Painting Exercise"
        >
    </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">
                        Claude Glass Painting Exercise
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Looking through a brown glass facilitates seeing values, much as putting a sepia tinted filter on a photo makes it tonal. The modern day Claude Glass effect is easily achieved with a click on the computer....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/36732/seed-photographing-contradictions" 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/seeds/martin-parr.jpg"
            alt="Seed: Photographing Contradictions"
        >
    </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">
                        Seed: Photographing Contradictions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This assignment explores how we percieve emotions through images and challenges our associations tied to certain types of images. You will take a series of photographs that communicate an emotion that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/10244/documentary-and-street-photography" 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/divano 1copyjpg"
            alt="Documentary and Street Photography"
        >
    </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">
                        Documentary and Street Photography
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Taking pictures on the street using mobile phones is a common practice for most young people today. Why not take something your students already do naturally and willingly and bring a bit more focus and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/visualarts/page/36342/seed-real-vs-reproduced" 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/seeds/download.jpg"
            alt="Seed: Real vs Reproduced"
        >
    </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">
                        Seed: Real vs Reproduced
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Do you often draw from a photograph or even from an image on your phone? This is an exploration of how we see what is in front of us, and how a photographic image differs from what we perceive with our...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2020
                        </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=54" 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>
