<turbo-stream action="append" target="section-items">
    <template>
            <a href="/biology/page/57869/variation-overproduction" 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/biology/images/flickr_cc_commercial_ok/05ecology/variation_beetles.jpg"
            alt="Variation &amp; overproduction"
        >
    </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">
                        Variation & overproduction
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To understand how natural selection leads to evolution it is important to know about variation and overproduction of offspring. These two concepts are the key to understanding evolution. In this activity...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/72795/adding-sticky-notes-to-any-page" 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/biology/images/2026_site_screenshots/the-human-brain-square.png"
            alt="Adding “sticky notes” to any page"
        >
    </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">
                        Adding “sticky notes” to any page
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> All students with student access can now personalise their view of website pages by adding notes to a page or highlighting selected text on any page and adding an annotation ("sticky note").  Annotations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/72800/brain-structure-model-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/subject/generic/6/04.jpg?v=1790338366"
            alt="Brain structure - model 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">
                        Brain structure - model answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These are model answers for the activities on the page The brain  Here are suggested model answers for the activity Brain structure and function on the page The brain  As model answers they don't cover...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/56186/the-brain" 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/biology/files/2025-new-files/c3-1/2---intro-pic.png"
            alt="The brain"
        >
    </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">
                        The brain
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The human brain rapidly develops from the neural tube and a hugely complex organ results. In this activity understanding of the structure and function of the brain is developed using a great resource...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/72788/d42-sustainability-revision-quiz" 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/biology/images/flickr_cc_commercial_ok/2025-images/d4_2/mesocosms_nl.png"
            alt="D4.2 Sustainability - revision quiz"
        >
    </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">
                        D4.2 Sustainability - revision quiz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This test contains a set of revision questions to use in preparation for assessed on this topic. There are several question styles and answers with explanations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/72784/a42-conservation-revision-quiz" 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/biology/images/flickr_cc_commercial_ok/2025-images/d4_2/polar_ice_ecosystem.jpg"
            alt="A4.2 Conservation - revision quiz"
        >
    </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">
                        A4.2 Conservation - revision quiz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This test contains a set of revision questions to use in preparation for assessed on this topic. There are several question styles and answers with explanations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/71692/b41-adaptation-to-environment" 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/biology/images/flickr_cc_commercial_ok/options/c/whittaker_biome_diag.jpg"
            alt="B4.1 Adaptation to environment"
        >
    </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">
                        B4.1 Adaptation to environment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Theme B - Form and function  & Level 4 - Ecosystems This topic covers the adaptations of plants and animals to their habitats.  Starting with coastline ecosystems of sand dunes and mangrove swamps the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/72773/d41-natural-selection-revision-quiz" 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/biology/images/flickr_cc_commercial_ok/2025-images/d4_1/podarcis-siculus.jpg"
            alt="D4.1 Natural selection - revision quiz"
        >
    </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">
                        D4.1 Natural selection - revision quiz
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This test contains a set of revision questions to help students prepare to be assessed on this topic. There are several question styles and answers with explanations....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/56888/food-webs" 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/biology/images/flickr_cc_commercial_ok/05ecology/fern_small.jpg"
            alt="Food Webs"
        >
    </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 Webs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Trophic levels and feeding relationships begin this activity and then the terms autotroph, heterotroph, carnivore, secondary consumer are used in a card sorting activity. These cards are provide the animals...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/biology/page/72567/dichotomous-key-model-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/subject/generic/6/01.jpg?v=1790338366"
            alt="Dichotomous key - model 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">
                        Dichotomous key - model answers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page shows suggestions of model answers for the Dichotomous key activity on the page Biodiversity of species & DNA  These are suggestions, not a mark scheme, and many other wordings would also be...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 October 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="/biology/latest-updates?page=9" 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>
