<turbo-stream action="append" target="section-items">
    <template>
            <a href="/ess/page/60167/topic-2-experimental-ideas" 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/topic-2/vulture-6927939_1280.jpg"
            alt="Topic 2: Experimental Ideas"
        >
    </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 2: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic. This page provides you with a variety of fun ways to engage with ecology. In this activity, you will practice your graphing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60166/topic-1-experimental-ideas" 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="Topic 1: Experimental Ideas"
        >
    </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: Experimental Ideas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section, we will curate "experimental" and practical ideas for this topic. This practical activity uses the burning of a candle to model a system. It also helps with variable identification. In...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/50649/experimental-and-practical-approach" 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/imag8062.jpg"
            alt="Experimental and Practical Approach"
        >
    </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">
                        Experimental and Practical Approach
                                                <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 have guidance and resources for the experimental and practical approach to teaching ESS from 2024....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60177/index-of-statistics-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/data-2899901_1280-pixabay.jpg"
            alt="Index of Statistics Activities"
        >
    </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">
                        Index of Statistics Activities
                                                <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 page curates the statistics activities we have that support learning for both exams and the experimental needs of the course. The activities can also be found directly in the relevant activities...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/60176/index-of-data-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/data-2899901_1280-pixabay.jpg"
            alt="Index of Data Activities"
        >
    </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">
                        Index of Data Activities
                                                <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 page curates the data activities we have that support learning for both exams and the experimental needs of the course. The activities can also be found directly in the relevant activities topics....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/62215/practical-ecology-overview-slides" 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/20190501_105821.jpg"
            alt="Practical Ecology Overview Slides"
        >
    </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">
                        Practical Ecology Overview Slides
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page there is a simple presentation to provide the structure for your note taking. It should be used alongside the relevant topics for a comprehensive overview. This is a simple presentation that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/54945/your-route-through-the-course-2024" 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/signpost-1495843_1280.jpg"
            alt="Your Route Through the Course 2024"
        >
    </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">
                        Your Route Through the Course 2024
                                                <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"> Having SL and HL adds a little spice to the organisation of ESS. These are our routes through the course with some links to the activities associated with the topics. 1.1 and and Intro to Ethics  1.1...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/56884/data-activity-topic-42-clean-water-answers" 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/data-activities/glass-5650335_1280.jpg"
            alt="Data Activity - Topic 4.2 - Clean Water (Answers)"
        >
    </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">
                        Data Activity - Topic 4.2 - Clean Water (Answers)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Topic 4.2 looks at water scarcity and access to clean water. This page provides answers to the activity looking at data on who has access to clean water around the world. The activity may be found HERE....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/65152/data-based-activity-topic-41-coastal-vs-inland-cities-answers" 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/data-activities/dublin-4955342_1280.jpg"
            alt="Data-based Activity - Topic 4.1 - Coastal vs Inland Cities (Answers)"
        >
    </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">
                        Data-based Activity - Topic 4.1 - Coastal vs Inland Cities (Answers)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides the answers to the data-based activity asking you to consider temperature data on a coastal city and an inland city. The activity can be found here: Data-based Activity - Topic 4.1...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/28653/case-studies-in-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/maasai-4521843_1280.jpg"
            alt="Case Studies in ESS"
        >
    </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">
                        Case Studies in ESS
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This course is built around case studies, and using examples in exam responses is encouraged. This page provides a link to case studies we've developed. Also check out Real-World Examples and Case Studies...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 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="/ess/latest-updates?page=12" 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>
