<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/1095/playing-the-enemy" 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/Playing the Enemy.JPG"
            alt="Playing the Enemy"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Playing the Enemy John Carlin (2008) is a complex but accessible book which combines journalism, history, and the narrative 'hook' of a good novel. It is also a genuinely inspiring book because it is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/19497/romeo-juliet" 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/Romeo-icon.jpg"
            alt="#romeo&amp;juliet"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        #romeo&juliet
                                                <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"> I spend quite a lot of time advising teachers about their students' suggestions for Extended Essays. I came across the following proposal the other day : How would Shakespeare’s Romeo and Juliet be different...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/6891/mixed-engb-classes" 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/Mixed ENG B 2.jpg"
            alt="Mixed EngB classes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Building a programme
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mixed EngB classes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In workshops, I meet teachers from all over the world, and we talk about their classes. From this, it is apparent to me that the standard English B class is ... non-standard. Most people have groups of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 June 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/19025/intellectual-vacuity-test" 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/IV-test.jpg"
            alt="Intellectual Vacuity Test"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Intellectual Vacuity Test
                                                <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"> The bizarre use of language in politics continues to boggle my mind. I recall an article written by Simon Hoggart, long-time parliamentary sketch writer for The Guardian, in which he revealed his professional...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/18952/unit-planning-practice" 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/Unitplan-1.jpg"
            alt="Unit planning practice"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Building a programme
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unit planning practice
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The page Unit planning theory ​set out to explore the concept of unit plans, and to define the terms used in the IB's concept. But what does this mean in practice? And more significantly, how does one...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/16674/adapting-to-english-b" 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/Adapting icon.jpg"
            alt="Adapting to English B"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Building a programme
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Adapting to English B
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Most people come to English B with experience in teaching English through other courses, aimed at other qualifications. This can result in some or all of the following mind-traps : > believing that the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/13650/factual-background" 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/Jacks%20world%20house.jpg"
            alt="Factual background"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Researching real-life parallels to the story of Room raises a number of interesting issues. 1. The significance of factual background If it is hard to find any real-life case which precisely parallels...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 March 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/13742/empathy-2" 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/Empathy%20Nick.jpg"
            alt="Empathy 2"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Empathy is not just a matter of understanding people we like. Its greatest use, perhaps, is in helping us to understand people who are unfamiliar to us, and whom we may even hate or despise. It is surely...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 March 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/13700/empathy-1" 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/Empathy.jpg"
            alt="Empathy 1"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Empathy is a fundamental human skill in all sorts of areas of life. It is of particular significance in Room because the first person narrator is only five years old. This means that he has a limited...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 March 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/13747/clues-inference-2" 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/TV%20house.jpg"
            alt="Clues &amp; inference 2"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In Clues & inference 1, we looked at how the child's eye view is handled in Room. The novel makes a steady progress from the very constricted world of the room/prison itself, to the much wider outside...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 March 2015
                        </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=81" 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>
