<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/page/72185/steampunk" 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/steampunk-guy.jpeg"
            alt="Steampunk"
        >
    </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">
                        Steampunk
                                                <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"> Steampunk is a type of science fiction that combines futuristic ideas with technology, fashion, and design influenced by the 19th century. It often features machines powered by steam and imagines how...</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/31135/informal-e-mailletter" 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/informal-email-letter.png"
            alt="Informal E-mail/letter"
        >
    </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">
                        Informal E-mail/letter
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> When we write an email or letter, the audience is usually a single person. This page covers informal emails and letters, the kind you write to a friend or family member. But what are the key features?...</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/68104/top-ten-games-for-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/susan/atl/games.jpg"
            alt="Top Ten Games for English B"
        >
    </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">
                        Top Ten Games for English B
                                                <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"> Collaborative games are a great way to have fun in English B and integrate ATL social skills. Sometimes we have to remember to "squeeze and release". In other words, after times of intensive studying,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/28479/identity-unit-beliefs-values" 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/1.jpg"
            alt="Identity unit: Beliefs &amp; values"
        >
    </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">
                        Identity unit: Beliefs & values
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is designed to illustrate how to go about developing plans for teaching the Themes. These should not be seen as complete downloadable packages, but rather as drafts or explorations. In particular,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/18416/article" 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"
        >
    </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
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Articles are everywhere - online, in magazines, and in newspapers. But what are the key features? What makes it an 'appropriate' choice for the context, audience, and purpose on the Paper 1 exam? How...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/18426/interview" 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/interview.png"
            alt="Interview"
        >
    </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">
                        Interview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Journalists often interview an expert or celebrity and report the conversation in writing. This can either be word-for-word (transcribed) or as an article that includes the ideas covered in the interview...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/64042/individual-oral-1-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/assessment-image/oral-graphic.jpg"
            alt="Individual Oral (1-4)"
        >
    </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">
                        Individual Oral (1-4)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The individual oral is well-suited to the novel Born a Crime by Trevor Noah. Although literature is required for the HL course, it is also encouraged for the SL course. This individual oral section includes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/71649/welcome-" 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/welcome.jpg"
            alt="Welcome! "
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This site is designed to help you succeed in your IB English B examination. Your teacher will direct you to pages with relevant content and activities for each of the topics that you are studying. Also,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/28852/text-type-expectations" 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/text-type-expectations.jpg"
            alt="Text type expectations"
        >
    </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">
                        Text type expectations
                                                <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"> To put it another way, how will they be expected to handle each text type in Paper 1: Productive skills - writing? Basically, what instructions do we give the students ... what plans do we provide them,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/50987/orals-advice-to-students" 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/oral-advice.png"
            alt="Orals advice to students"
        >
    </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">
                        Orals advice to students
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The individual oral is your chance to shine! Show off your English B skills with someone you feel comfortable with - your teacher! This page includes a general overview of the oral and advice for how...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 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=5" 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>
