<turbo-stream action="append" target="section-items">
    <template>
            <a href="/geography/page/25984/measuring-food-and-health" 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/geography/images/testayourself.png"
            alt="Measuring Food and Health"
        >
    </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">
                        Measuring Food and Health
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test yourself in defining the different indicators of food and health.   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25985/food-and-health-key-vocabulary" 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/geography/images/testayourself.png"
            alt="Food and Health - Key Vocabulary"
        >
    </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">
                        Food and Health - Key Vocabulary
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Food and Health - Key Vocabulary How well can you identify the key vocabulary for the food and health course?   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25897/revision-quizes-for-geophysical-hazards" 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/geography/images/testayourself.png"
            alt="Revision Quizes for Geophysical Hazards"
        >
    </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">
                        Revision Quizes for Geophysical Hazards
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page includes a large quantity of quizzes to help test your knowledge of some of the content of the geophysical hazards theme. It includes visual Quizlets with all their functionality as well as...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25960/mass-movements" 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/geography/images/testayourself.png"
            alt="Mass Movements"
        >
    </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">
                        Mass Movements
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mass Movements Test your knowledge and understanding of the types of mass movements, their characteristics and causes   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25632/geophysical-quizlets" 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/geography/quizlet-diagrams-title.001.png"
            alt="Geophysical Quizlets"
        >
    </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">
                        Geophysical Quizlets
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides diagram revision quizlets for the landforms and processes in the option topic...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25961/earthquakes" 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/geography/images/testayourself.png"
            alt="Earthquakes"
        >
    </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">
                        Earthquakes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Earthquakes Test your knowledge and understanding of earthquakes and seismic waves   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25962/volcanoes-and-eruptions" 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/geography/images/testayourself.png"
            alt="Volcanoes and Eruptions"
        >
    </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">
                        Volcanoes and Eruptions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge on the different types of volcanoes, eruptions and hazards   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25963/plate-subduction" 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/geography/images/testayourself.png"
            alt="Plate Subduction"
        >
    </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">
                        Plate Subduction
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge on explaing plate subduction  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25964/plate-movement" 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/geography/images/testayourself.png"
            alt="Plate Movement"
        >
    </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">
                        Plate Movement
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Plate Movement Test your knowledge and understanding of how and why plates move   ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25965/earths-structure" 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/geography/images/testayourself.png"
            alt="Earth&#039;s Structure"
        >
    </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">
                        Earth's Structure
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Earth's Structure Test your knowledge of the Earth's structure...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 March 2018
                        </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="/geography/latest-updates?page=71" 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>
