<turbo-stream action="append" target="section-items">
    <template>
            <a href="/geography/page/25924/drumlins" 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="Drumlins"
        >
    </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">
                        Drumlins
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test yourself in sequencing how drumlins form...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25925/roche-moutonnees" 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="Roche Moutonnees"
        >
    </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">
                        Roche Moutonnees
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Roche Moutonnees Test your knowledge of explaining and describing roche moutonnees...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25926/moraines" 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="Moraines"
        >
    </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">
                        Moraines
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Moraines Can you match moraines to the correct definition...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25927/glacial-troughs" 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="Glacial Troughs"
        >
    </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">
                        Glacial Troughs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge on describing and explaining glacial troughs...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25928/pyramidal-peaks-and-aretes" 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="Pyramidal Peaks and Aretes"
        >
    </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">
                        Pyramidal Peaks and Aretes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pyramidal Peaks and Aretes Test your knowledge on how to explain the links between cirques and pyramidal peaks...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25929/cirques" 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="Cirques"
        >
    </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">
                        Cirques
                                                <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"> Test your knowledge on explaining and describing cirques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25930/glacial-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="Glacial 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">
                        Glacial Processes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Glacial Processes Test your knowledge on your all the glacial processes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25931/distribution-of-extreme-environments" 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="Distribution of Extreme Environments"
        >
    </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">
                        Distribution of Extreme Environments
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Distribution of Extreme Environment Test your knowledge on factors related to describing and explaining the distribution of extreme environments...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25922/extreme-environment-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="Extreme Environment - 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">
                        Extreme Environment - Key Vocabulary
                                                <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"> Extreme Environment -Key Vocabulary Quiz Test your knowledge of the key vocabulary and terms in the extreme environment theme...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 March 2018
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/25917/freshwater-revision-quizes" 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="Freshwater Revision Quizes"
        >
    </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">
                        Freshwater Revision Quizes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explore the following links which contain loads of easy multiple choice, gap fill and quizlet quizzes on Freshwater. Revise and test yourself How well can you explain how deltas form? Quiz to test knowledge...</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=73" 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>
