<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/51034/written-interaction" 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/writing-purposes/written-interaction.png"
            alt="Written interaction"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When writing to interact with other people, we need to consider the context, purpose, and audience. This then influences the register in which we write. As a result, written interaction can be divided...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/51003/narration" 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/writing-purposes/narration.png"
            alt="Narration"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Narration, as a communicative purpose, can be split into two types: factual and fictional. This page provides templates for these types of narrative writing, suggestions on how and when to apply them,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/42364/description-of-sydney" 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/down-under.jpg"
            alt="Description of Sydney"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The text on this page comes from Down Under, by Bill Bryson, about his travels in Australia. Bill Bryson writes brilliantly; his style is straightforward, vivid and clear, but also entertaining and often...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/50946/description" 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/writing-purposes/description.png"
            alt="Description"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> We are often required to describe something in detail for various reasons ranging from giving details of a location to help someone find their way to setting the scene of a story in an amusing anecdote....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/915/net-sieve-spine" 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/netsievespine.png"
            alt="NET SIEVE SPINE"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        NET SIEVE SPINE
                                                <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"> This is a useful approach to planning for Paper 1 writing. You can use it at the beginning of the exam to ensure your ideas are relevant, developed, and organised.  “ Take an empty piece of paper. As...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/63005/developing-writing-skills" 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/assessment-components/developing-skills.png"
            alt="Developing Writing Skills"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> These pages provide writing practice, exploration of the concepts needed to succeed on Paper 1, and, for teachers, ideas for teaching writing skills. AI-generated image.When we write, we set out with...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/28283/how-to-write-good" 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/orwell.jpg"
            alt="How to write good"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How to write good
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The concept of variation in English B allows us to consider how 'good' writing depends on other concepts such as audience, purpose, and context. But are there any hard-and-fast rules we can follow to...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/18615/specific-text-type-skills" 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/assessment-image/tt-skills.png"
            alt="Specific text type skills"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Specific text type skills
                                                <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"> When you practise different text types, you are doing more than learning exam formats; you are mastering "transfer goals." These are communication skills for real life outside the classroom. For example,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/61385/12-health-and-wellbeing" 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/identities/health-wellbeing.jpg"
            alt="1.2 Health and Wellbeing"
        >
    </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">
                        1.2 Health and Wellbeing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How does our approach to health and wellbeing reflect our identity and values?  Contents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/33766/american-superiority" 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/susan/eagle-and-flag.jpg"
            alt="American superiority?"
        >
    </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">
                        American superiority?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There is a stereotype that Americans are confident and that they feel superior to other nations. But is this stereotype true? How can we know for certain? This page addresses this page and contains a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 July 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="/englishb/latest-updates?page=20" 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>
