<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/18429/report-official" 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/text-type-expectations/official-report.png"
            alt="Report (official)"
        >
    </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">
                        Report (official)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> context, audience, purpose - * the basic context will be explained in the question - and the student will then have to invent the details of the report, expanding on the basic background provided. * the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/2238/language-culture" 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/CultAware4.jpg"
            alt="Language &amp; culture"
        >
    </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">
                        Language & culture
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Most language teachers would accept, at least in theory, that it is valuable for students to understand something of the culture of the language that they are studying. But what does this really mean...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 October 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/365/language-thought" 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/See%20Say.JPG"
            alt="Language &amp; Thought"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page presents a simple activity which may start the whole process of encouraging the students to consider how thought and language interact. We would probably all agree with the view that language...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 September 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/23386/text-types-explored" 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/texttypes-new.jpg"
            alt="Text types, explored"
        >
    </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">
                        Text types, explored
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The 2018 Subject Guide provides a large list of text types, and these are organised into three broad categories: personal, professional and mass media ... although, as might be expected, there is some...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 August 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/23384/hl-sl-differences" 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/hl---sl-distinctions.jpg"
            alt="HL &amp; SL differences"
        >
    </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">
                        HL & SL differences
                                                <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"> It is a fundamental principle of the Diploma programme that an HL programme should be more demanding than an SL programme - as indicated by the names of 'Higher' as opposed to 'Standard'. So, what is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/56259/sl-versus-hl" 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/hl---sl-distinctions.jpg"
            alt="SL versus HL"
        >
    </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">
                        SL versus HL
                                                <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"> How do we define the difference between SL and HL for Language B? This is important because we wish to make sure that each student is placed in a course of an appropriate level; and also because teachers...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/37216/analysing-a-pamphlet" 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/pamphlet-icon-%231.jpg"
            alt="Analysing a pamphlet"
        >
    </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">
                        Analysing a pamphlet
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> . "What are conceptual understandings... and how do I find them?" These are questions which many students will ask, more or less clearly, and the best way of answering them will be to work through the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/18424/brochure-leaflet-etc" 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/text-type-expectations/brochure--leaflet--pamphlet.png"
            alt="Brochure, leaflet, etc"
        >
    </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">
                        Brochure, leaflet, etc
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> context, audience, purpose - * the context will usually be set out in the question e.g. the problem to which the pamphlet is going to propose a solution * the audience will usually be pretty clearly defined...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/34921/test-4" 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/DiagTest-icon-1.jpg"
            alt="Test 4"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here is the test in downloadable and printable form, for you to do in 'off-screen' mode Test 4 full Test 4 A Test 4 B Test 4 C  A Basic: Where does chocolate come from ... popular explanation - description...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 June 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/54884/tasks-filter-bubbles-and-echo-chambers" 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/filter-bubbles-1260x720.jpeg"
            alt="TASKS Filter Bubbles and Echo Chambers"
        >
    </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">
                        TASKS Filter Bubbles and Echo Chambers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Have you ever noticed that your social media feed throws up content that seems perfect for you? That's probably because it's been carefully curated and tailored to your preferences! Social psychology...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 May 2024
                        </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=49" 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>
