<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/34347/black-mirror" 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/englishb/images/black-mirror-icon.jpg"
            alt="Black Mirror"
        >
    </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">
                        Black Mirror
                                                <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"> Varieties of ingenuity ... Human ingenuity comes in many forms: some impressive and useful, some banal and even dangerous. In addition, human ingenuity can be found in very different fields - as shown...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/29790/experiences-unit-war-and-peace" 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/englishb/images/experiences-icon.jpg"
            alt="Experiences unit: war and peace"
        >
    </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">
                        Experiences unit: war and peace
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is one of a series of pages designed to illustrate how to go about developing unit plans for teaching the Themes. These should not be seen as complete downloadable packages, but rather as drafts...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/36354/exploring-zambia" 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/englishb/images/joe-o-c-icon.jpg"
            alt="Exploring Zambia"
        >
    </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">
                        Exploring Zambia
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> * Joe O'Callaghan teaches English at the International School of London . Following on from my page The power of projects , this page provides a template for a unit of study within the Anglophone Explorers...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/33325/april-1-travel" 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/englishb/images/april-1-travel.jpg"
            alt="April 1 travel"
        >
    </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">
                        April 1 travel
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The April Fools tradition on 1st April has a long history. I was brought up to believe that the jolly japes of April Fools Day was a particularly English tradition, displaying our very special Anglo-Saxon...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61450/34-technology" 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/englishb/images/joe/themes/human-ingenuity/technology.jpg"
            alt="3.4 Technology"
        >
    </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">
                        3.4 Technology
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61465/57-urban-rural-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/englishb/images/joe/themes/sharing-the-planet/urban-rural-environments.jpg"
            alt="5.7 Urban &amp; Rural 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">
                        5.7 Urban & Rural Environment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How does the way we design and organise our living spaces reflect our values, needs, and relationship with the environment?  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61464/56-ethics" 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/englishb/images/joe/themes/sharing-the-planet/ethics.jpg"
            alt="5.6 Ethics"
        >
    </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">
                        5.6 Ethics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How do we decide what is right or wrong in a complex and changing world?  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61463/55-globalization" 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/englishb/images/joe/themes/sharing-the-planet/globalisation.jpg"
            alt="5.5 Globalization"
        >
    </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">
                        5.5 Globalization
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How does globalisation connect—and divide—people and places?  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61458/51-the-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/englishb/images/joe/themes/sharing-the-planet/environment.jpg"
            alt="5.1 The 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">
                        5.1 The Environment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How should we balance human needs with responsibility for the natural world?  Content...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61457/46-law-order" 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/englishb/images/joe/themes/social-organisation/law-and-order.jpg"
            alt="4.6 Law &amp; Order"
        >
    </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">
                        4.6 Law & Order
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How do laws reflect the values of a society—and how are they challenged?  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 April 2025
                        </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="/englishb/latest-updates?page=47" 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>
