<turbo-stream action="append" target="section-items">
    <template>
            <a href="/film/page/58700/film-portfolio-exemplar-two" 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/film/david/new-images/screenshot-2024-11-08-at-23.41.30.png"
            alt="Film Portfolio: Exemplar Two"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Film Portfolio: Exemplar Two
                                                <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"> This portfolio scored a 4 for each film and a 3 for each section of pages.  Let's take a look at where evidence of 'good' and 'excellent' work can be found. In most respects, this is an exemplary portfolio. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65533/creating-curiosity-a-different-object-lesson" 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/film/images/nov/images-(19).jpeg"
            alt="Creating Curiosity: A Different Object Lesson"
        >
    </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 Curiosity: A Different Object Lesson
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Although Up (2009) is famous for its use of balloons, it doesn't just start with Carl getting the idea to lift his house up with the help of helium.  We have already seen balloons lift everything from...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 December 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/47942/selecting-visualizing-the-extract" 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/film/images/screenshot-2023-09-01-at-15.54.51.png"
            alt="Selecting &amp; Visualizing the Extract"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Selecting & Visualizing the Extract
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The extract exists within film, which exists within a body of cinematic work, which exists within a larger cultural context. This approach includes a visualization to help students work with their extract....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/65425/weekend" 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/film/erick/images/sr/weekend.jpg"
            alt="Weekend"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 'Weekend' is the story of two friends faced with a crossroads in their relationship. Noah has finally realized his feelings for Charlotte, but Charlotte is unsure if she feels the same. 'Weekend' follows...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59341/portfolio-film-projects" 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/film/david/new-images/robert-altman-007.avif"
            alt="Portfolio Film Projects"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Syllabi & Lessons
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Portfolio Film Projects
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here you will find many lifetimes of ideas for film projects, with more to come. "Life is very mysterious and there are many things we don't know. And there are elements of magic realism in every culture,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/64055/ee-exemplar-jacques-demy-color-cinematography-and-the-french-new" 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/film/erick/images/ees/umbrellas-cherbourg.jpg"
            alt="EE Exemplar: Jacques Demy: Color, Cinematography, and the French New Wave"
        >
    </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">
                        EE Exemplar: Jacques Demy: Color, Cinematography, and the French New Wave
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's find out by reading this EE. To prepare for writing your own EE, it is useful to read the criteria and assess the example shown. Once you've done that, compare your assessment with the one below....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59288/ee-exemplar-wes-anderson-childhood-adulthood" 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/film/david/ees/screenshot-2025-01-09-at-23.18.19.png"
            alt="EE Exemplar: Wes Anderson, Childhood &amp; Adulthood"
        >
    </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">
                        EE Exemplar: Wes Anderson, Childhood & Adulthood
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's find out by reading this EE. To prepare for writing your own EE, it is useful to read the criteria and assess the example shown. Once you've done that, compare your assessment with the one below....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/59287/ee-exemplar-bong-joon-ho-social-class" 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/film/david/ees/skynews-parasite-bong-joon-ho_4891490.jpg"
            alt="EE Exemplar: Bong Joon Ho &amp; Social Class"
        >
    </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">
                        EE Exemplar: Bong Joon Ho & Social Class
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Let's find out by reading this EE. To prepare for writing your own EE, it is useful to read the criteria and assess the example shown. Once you've done that, compare your assessment with the one below....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58834/criteria-e-engagement" 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/film/david/new-images/e.jpg"
            alt="Criteria E: Engagement"
        >
    </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">
                        Criteria E: Engagement
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page we will unpack Criteria E and examine what it looks like in the context of a film EE. Criteria E is different than the other criteria in that it is assessed through the candidate's reflections...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/film/page/58826/criteria-c-critical-thinking" 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/film/david/new-images/marquee-lights-sign-letter-c_789c2de3-4cce-40a3-b55d-6d1e3e29fe3d.webp"
            alt="Criteria C: Critical Thinking"
        >
    </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">
                        Criteria C: Critical Thinking
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page we will unpack Criteria C and examine what it looks like in the context of a film EE. Criteria C can be broken down into two distinct areas for assessment: It is important to distinguish...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </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="/film/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>
