<turbo-stream action="append" target="section-items">
    <template>
            <a href="/ess/page/63248/42-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/pixabay-images/bhaktapur-909812_1280.jpg"
            alt="4.2 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">
                        4.2 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 Topic 4.2 page for a comprehensive overview. This is a simple presentation that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/63154/41-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/pixabay-images/bubbles-230014_1280.jpg"
            alt="4.1 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">
                        4.1 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 Topic 4.1 page for a comprehensive overview. This is a simple presentation that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/55163/83-urban-air-pollution" 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-8/smoke-258786_1280.jpg"
            alt="8.3: Urban Air Pollution"
        >
    </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">
                        8.3: Urban Air Pollution
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Urban air pollution is one of the world's largest health and environmental problems. In this section of the course, we delve into understanding how this sort of pollution is formed, what effects it can...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/58449/ess-quizlet-links" 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/knowledge-3255140_1280.jpg"
            alt="ESS Quizlet Links"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It is worth spending some time becoming familiar with the vocabulary of ESS. This page contains links to all Quizlet sets. Quizlets can help revise key terms in various ways, from individual flashcards...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/53049/23-biogeochemical-cycles" 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/nitrogen-cycle-11.png"
            alt="2.3 Biogeochemical cycles"
        >
    </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">
                        2.3 Biogeochemical cycles
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nature has its own recycling mechanisms that are built into the environment. In this section, you can learn about geochemical recycling and how human activities impact these natural systems. The focus...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/51268/hla6-9-different-levels-of-environmental-law" 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/env-law-images/gavel-2492011_1280.jpg"
            alt="HL.a.6-9: Different levels of Environmental Law"
        >
    </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">
                        HL.a.6-9: Different levels of Environmental Law
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Environmental laws can be drafted at the local, national, or international level. This  page provides students with activities to explore the differences and evaluate the strengths and weaknesses of each...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/53922/hla5-environmental-constitutionalism-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/env-law-images/constitution-1486010_1280.jpg"
            alt="HL.a.5: Environmental constitutionalism: 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">
                        HL.a.5: Environmental constitutionalism: Answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You will find the answers to these activities here...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/51265/hla5-environmental-constitutionalism" 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/env-law-images/env-law-general-image.jpeg"
            alt="HL.a.5: Environmental constitutionalism"
        >
    </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">
                        HL.a.5: Environmental constitutionalism
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Activity 1: What is a constitution? Watch this video  Activity 2: Dive deeper - investigating the Constitution of South Africa Constitution of the Republic of South Africa, adopted in 1996 leading to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/51915/exploring-the-range-of-environmental-law" 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/env-law-images/justice-2060093_640.jpg"
            alt="Exploring the range of Environmental Law"
        >
    </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">
                        Exploring the range of Environmental Law
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Guiding Questions  What is a Constitution? A constitution is a set of fundamental principles and rules that define the structure, powers, and limitations of a government. It establishes the basic framework...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ess/page/50659/hla-environmental-law-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/nature-reserve-957455_1280-pixabay.jpg"
            alt="HL.a Environmental Law 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">
                        HL.a Environmental Law Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this section we provide activities to support the learning associated with the HL lens of Environmental Law. Environmental personhood is a new idea that suggests giving certain parts of nature the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 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="/ess/latest-updates?page=51" 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>
