<turbo-stream action="append" target="section-items">
    <template>
            <a href="/ess/page/51371/topic-1-foundations-of-ess-activities" 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/ess/images/pixabay-images/flowers-951392_1280-pixabay.jpg"
            alt="Topic 1: Foundations of ESS Activities"
        >
    </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">
                        Topic 1: Foundations of ESS Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we provide activities to support the learning associated with the Foundation Topics - Perspectives - Systems - Sustainability. In this section we have a variety of activities to support...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/53412/comparing-ess-2024-and-ess-2015" 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/ess/images/pixabay-images/fish-378286_1280.jpg"
            alt="Comparing ESS 2024 and ESS 2015"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Designing Your Course
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Comparing ESS 2024 and ESS 2015
                                                <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"> In this section, we provide highlights of the course starting in 2024 and how it differs from the version first published in 2015. We hope this helps you with a good introduction to the fun learning ahead....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 February 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/51113/ess-from-2024-headlines" 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/ess/images/pixabay-images/earth-11015_1280.jpg"
            alt="ESS from 2024 Headlines"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Designing Your Course
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        ESS from 2024 Headlines
                                                <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"> In this page we preview what we know will be coming in the new ESS course from August 2024. This is information available in the curriculum review documents and presentations at the global conferences....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 January 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/51584/asking-questions" 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/ess/images/pixabay-images/ask-2341784_1280.jpg"
            alt="Asking Questions"
        >
    </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">
                        Asking Questions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the many great features of your subscription to the InThinking ESS website is your ability to ask questions of the site authors. We love your questions!  We really, really do.  Please know that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 October 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/50986/why-study-ess" 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/ess/images/pixabay-images/extinction-rebellion-4875990_1280.jpg"
            alt="Why Study ESS?"
        >
    </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">
                        Why Study ESS?
                                                <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"> When I ask my students why they are studying ESS I receive a range of replies going from the negative, well I didn't want to study another Science, to the inspirational, "I want to be an environmental...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 October 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/32756/distance-learning-and-blended-learning" 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/ess/images/random/bhutan06008.jpg"
            alt="Distance Learning and Blended Learning"
        >
    </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">
                        Distance Learning and Blended Learning
                                                <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"> Using Student Access Student access gives students direct access to the Inthinking site, as part of a teacher subscription. It enables teachers to set assignments, using learning activities from selected...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 October 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/25355/exemplar-lesson-plan" 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/play/ID-10044691a.jpg"
            alt="Exemplar Lesson Plan"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Designing Your Course
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exemplar Lesson Plan
                                                <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"> Exemplar Lesson Plan With so many resources on the internet, sometimes it can seem like an overwhelming task to select the best ones to use when you are being observed. My most recent lesson was rating...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 October 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/33286/online-tools-and-tips" 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/ess/images/random/black-and-white-blackboard-business-chalkboard-356043-589x360.jpg"
            alt="Online Tools and Tips"
        >
    </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">
                        Online Tools and Tips
                                                <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"> On this page we are compiling some tips we've picked up for running our classes online but also educational technology tools that you can use in or out of class. If you've got some  cool tools and tips,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 September 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/49751/describing-data" 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/ess/images/practical-work/standard-deviation-in-a-population.jpg"
            alt="Describing Data"
        >
    </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">
                        Describing Data
                                                <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"> In this section we look at how you can describe data. This includes descriptive statistics such as measures of central tendency and measures of variability. Descriptive statistics aim to describe raw...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/42573/analysing-graphs-practice" 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/ess/images/practical-work/chart-of-temp-and-oxygen.jpg"
            alt="Analysing Graphs Practice"
        >
    </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">
                        Analysing Graphs Practice
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Students need to be able to analyse graphs and do some simple calculations, especially percentage change from the data displayed in the graphs. This activity is not related to specific content knowledge...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2023
                        </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="/ess/latest-updates?page=91" 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>
