<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/32930/tasks-oral-versus-literate" 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/ONG image.jpg"
            alt="TASKS Oral versus literate"
        >
    </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">
                        TASKS Oral versus literate
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The distinction between the oral and the written is one of the elements of our human world that is so fundamental, like gravity, that we are often only dimly aware of it, and pay little conscious attention...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/32945/update-student-access-distance-learning" 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/student-access-icon(1).jpg"
            alt="Update – Student Access &amp; distance learning"
        >
    </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">
                        Update – Student Access & distance learning
                                                <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 am very well aware that many teachers are under pressure, due to COVID-19, to produce distance learning arrangements for their students very quickly. So, I am working hard to adapt teaching material...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 March 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/32753/student-access-covid-19" 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/student-access-icon(1).jpg"
            alt="Student access (&amp; COVID-19)"
        >
    </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">
                        Student access (& COVID-19)
                                                <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 English B site continues to evolve. The latest project in development is that of providing much more emphasis on Student Access. This means creating pages specifically designed for students to read...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 March 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/32649/tasks-hate-speech" 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/Dangerous%20graphic%202.jpg"
            alt="TASKS Hate speech"
        >
    </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 Hate speech
                                                <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"> Society and ideas ... arguably, society cannot properly exist without language, without the ability to communicate ideas. The problem is that ideas can also be profoundly disruptive of society. Should...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 March 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/32473/of-guts-and-minds" 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/guts-and-minds.jpg"
            alt="Of guts and minds"
        >
    </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">
                        Of guts and minds
                                                <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"> Looking back over my erratic entries in this blog, I see that the commonest subject matter has been politics. Is this of relevance in a website dedicated to English B? I feel that it is… because we teach...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 February 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/32069/happy-may-exams" 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/new-2020.jpg"
            alt="Happy May Exams!"
        >
    </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">
                        Happy May Exams!
                                                <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"> . A Happy New Year to all followers of this English B website! In professional terms, a significant event of 2020 will be the first assessment under the new system specified by the 2018 Subject Guide....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 January 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/21121/tenses-present-past" 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/tenses-1.jpg"
            alt="Tenses present &amp; past"
        >
    </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">
                        Tenses present & past
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I visit (present simple) ... means 'the state of things' - in other words, what IS. This might mean 'at this point in time' (e.g. "I am happy today"), but more generally it means 'permanent facts about...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 January 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/664/imagining-the-possible" 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/IF 3.JPG"
            alt="Imagining the possible"
        >
    </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">
                        Imagining the possible
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This type of conditional is important for indicating precisely that what you say is 'possible but hypothetical'. There is an important difference between saying ...  "If all school exams are abolished,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 December 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/30781/hl-sample-h" 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/orals-hlsamples-small.jpg"
            alt="HL Sample H"
        >
    </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">
                        HL Sample H
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> . You can make use of this sample in three ways: Marking standards calibration ... to test whether the way you mark results in the same marks as awarded Guided tour of analysis ... to study the process...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 December 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/30736/hl-sample-g" 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/orals-hlsamples-small.jpg"
            alt="HL Sample G"
        >
    </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">
                        HL Sample G
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> . You can make use of this sample in three ways: Marking standards calibration ... to test whether the way you mark results in the same marks as awarded Guided tour of analysis ... to study the process...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 December 2019
                        </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=70" 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>
