<turbo-stream action="append" target="section-items">
    <template>
            <a href="/geography/page/25896/geophysical-hazards-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="Geophysical Hazards - 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">
                        Geophysical Hazards - Key Vocabulary
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge and understanding of the key vocabulary in the geophysical hazards theme   ...</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/25941/desert-landforms-water" 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="Desert Landforms - Water"
        >
    </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">
                        Desert Landforms - Water
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Desert Landforms - Water Test your knowledge on explaining desert landforms made by water...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25942/desert-landforms-wind" 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="Desert Landforms - wind"
        >
    </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">
                        Desert Landforms - wind
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Desert Landforms - Wind Test your knowledge on your explaining desert landforms made by wind...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25943/desert-processes" 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="Desert Processes"
        >
    </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">
                        Desert Processes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Desert Processes Test your knowledge on your all the desert processes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25944/patterned-ground" 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="Patterned Ground"
        >
    </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">
                        Patterned Ground
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Patterned Ground Test your knowledge on the processes that form patterned ground...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25945/permafrost" 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="Permafrost"
        >
    </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">
                        Permafrost
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Permafrost Test your knowledge on identifying different types of permafrost...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25946/thermokarst" 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="Thermokarst"
        >
    </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">
                        Thermokarst
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Thermokarst Test your knowledge on the characteristics of thermokarst...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25947/pingos" 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="Pingos"
        >
    </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">
                        Pingos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge to explain pingo fromation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25948/periglacial-processes" 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="Periglacial Processes"
        >
    </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">
                        Periglacial Processes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Periglacial Processes Test your knowledge of all the periglacial processes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25617/quizlet-resources" 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="Quizlet Resources"
        >
    </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">
                        Quizlet Resources
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Revision Resources This page includes 16 quizlet diagram quizes for all the main landforms and proceses in the Extreme Environments theme...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 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=72" 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>
