<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/51643/article-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/joe/text-type-expectations/article.png"
            alt="Article practice"
        >
    </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">
                        Article practice
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Practise writing an article and submit the work for your teacher to give you feedback. Write an Article about a subject which is interesting and important to you and your fellow students, but which other...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/31133/diaryjournal" 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/diary-journal.png"
            alt="Diary/Journal"
        >
    </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">
                        Diary/Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Diaries give you a completely private space to explore your feelings and work through difficult choices. On Paper 1, prompts often ask you to clarify your thoughts in order to make a decision, making...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/72388/letter-to-the-editor" 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/letter-to-the-editor.png"
            alt="Letter to the Editor"
        >
    </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">
                        Letter to the Editor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In many English-speaking cultures, members of the public can write to a newspaper editor about a recently published article or hot topic. This letter may be published for readers of the newspaper to see....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/31155/opinion-column" 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/opinion-column.png"
            alt="Opinion Column"
        >
    </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">
                        Opinion Column
                                                <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 might sound obvious, but to write a good opinion column, you need to have strong opinions. Unlike objective news reports and articles, this text type requires you to clearly choose a side. But what...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/65822/poetry" 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/literature/poetry.png"
            alt="Poetry"
        >
    </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">
                        Poetry
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Poems are an excellent source of literature in the HL English B class. They also work well as a supplemental for HL and SL classes. Students are familiar with poetry in their Language A class, so they...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/65983/graphic-novels" 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/literature/graphic-novels.png"
            alt="Graphic Novels"
        >
    </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">
                        Graphic Novels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Graphic novels are rising in popularity in the English B classroom. The visual aspect makes the reading more dynamic and accessible. This is often the type of literature that students will read on their...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/65982/plays" 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/literature/plays.png"
            alt="Plays"
        >
    </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">
                        Plays
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Plays are an excellent source of literature in the HL English B class.  They are one of the available literary texts that can make students enjoy coming to class.   Plays in English B  Advantages of plays...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/427/novels" 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/literature/novels.png"
            alt="Novels"
        >
    </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">
                        Novels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Novels are a great hook to seduce students into reading. They are also the most commonly taught literary text for English B. Identifying with the characters is a natural springboard for discussions and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/426/texts-for-literary-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/Girl%20reading2.JPG"
            alt="Texts for Literary Skills"
        >
    </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">
                        Texts for Literary Skills
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Yes, they are. The phrase 'literary skills' comes loaded with associations of pomposity, cultural elitism, and exclusivity, but these associations should not blind us to the evident fact that much of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/9091/a-booklist" 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/files/susan/literature-in-english-b.jpg"
            alt="A booklist"
        >
    </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">
                        A booklist
                                                <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"> Novels seem like a natural choice when following the IB Language B guide requirements for HL. However, short stories, drama, and poetry. See below for a summary from the guide pages 22-23: Choosing texts...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 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=4" 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>
