<turbo-stream action="append" target="section-items">
    <template>
            <a href="/geography/page/46572/how-to-use-the-site" 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/download.jfif"
            alt="How to use the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How to use the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page sets out everything you need to know to use and navigate the site. It explains how the site is organised as well as its most important features. The site is structured to provide you with easy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/71650/organisation-of-the-site" 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/psychology/images/start-new-1.jpg"
            alt="Organisation of the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Organisation of the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page explains how to navigate InThinking sites. The first video explains how to use the "waffle menu" as well as the in-page tools. The second video gives you a broader explanation of the site structure. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/18338/drainage-basins" 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/freshwater/northamerica-waterdivides.png"
            alt="Drainage Basins"
        >
    </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">
                        Drainage Basins
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page introduces drainage basins, their characteristics and the physical processes and properties of the water budget. The drainage basin can be seen as an open system with inputs including precipitation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/28145/ocean-atmosphere-interactions" 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/coasts/ocean-atmosphere.jpg"
            alt="Ocean-Atmosphere Interactions"
        >
    </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">
                        Ocean-Atmosphere Interactions
                                                <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"> Ocean Atmosphere Interactions This is a link page to sub-pages that provide detailed lesson plans and learning activities that cover everything in the IB guide for this topic. Lesson plans include resources...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/71653/setting-tasks" 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/psychology/images/laptop-2562325_1920.jpg"
            alt="Setting tasks"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Setting tasks
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page explains how to set tasks for your students. When students complete a task, the results are automatically recorded in the teacher's gradebook. The following two videos explain how to assign...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/27323/why-student-access" 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/student-access4(2).png"
            alt="Why Student Access?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Why Student Access?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Student Access Unlock independent learning, confident students, and exam-ready results: discover what Student Access can do.   Student Access  With Student Access, included as part of your teacher subscription,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/71651/start-here-using-the-site" 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/images1/start-here.png"
            alt="Start here: Using the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Start here: Using the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Welcome to DP Geography! This part of the site explains how to navigate the site, set up your classes to share materials with students, and assign tasks for assessment.  This page explains how to navigate...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/71652/creating-groups-and-managing-access" 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/psychology/images/Questioning-students.jpg"
            alt="Creating groups and managing access"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting Started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Creating groups and managing access
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page explains how to set up student access, create groups and manage the pages your students see. Student Access allows your students to see the teaching materials, eBook, and assessment resources....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/46569/welcome" 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/welcome-to-geography.jpg"
            alt="Welcome"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Welcome
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is a welcome page for students. It provides an overview of the site, guidance on how to navigate it and links to specific site pages of interest.  Welcome to Geography Hello and welcome to the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/geography/page/46571/introduction-to-geography" 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/keep_calm_and_let_the_geography_teacher_handle_it_grande.jpg"
            alt="Introduction to Geography"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Introduction to Geography
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides a brief insight into Geography and where it sits within Group 3. It explains the aims of Group 3 subjects and Geography more specifically.The page develops a Geography framework with...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 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="/geography/latest-updates?page=3" 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>
