<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/blog/8547/on-fizz" 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://assets.inthinking.net/subject-generic-images/12/04.jpg"
            alt="On FIZZ"
        >
    </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">
                        On FIZZ
                                                <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"> Getting the English B website launched last week was one of those Big Moments that turn out to be ... er ... rather small. The world, of course, did not actually stop turning, and there was not a stunned...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 January 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/8069/image-language" 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/Mas.JPG"
            alt="Image &amp; language"
        >
    </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">
                        Image & language
                                                <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"> We've just had local government elections here in Catalonia. The campaign itself is restricted by law to a two-week period, but even before then we were being subjected to a deluge of political propaganda...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 December 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/7176/about-aspergers" 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://assets.inthinking.net/subject-generic-images/12/01.jpg"
            alt="About Aspergers"
        >
    </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">
                        About Aspergers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Asperger syndrome Asperger syndrome is an autism spectrum disorder, and people with it therefore show significant difficulties in social interaction, along with restricted and repetitive patterns of behavior...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 December 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/7798/castellers-in-the-air" 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/Castellers.JPG"
            alt="Castellers in the air"
        >
    </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">
                        Castellers in the air
                                                <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"> UNESCO has just announced that the catalan tradition of castellers has been added to the Representative List of the Intangible Cultural Heritage (check out the UNESCO announcement here).  If you've never...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/7574/graffitti" 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/Violent women.JPG"
            alt="Graffitti"
        >
    </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">
                        Graffitti
                                                <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 live in Sitges, a charming, elegant resort near Barcelona, but for administrative purposes due to a kink in local government frontiers, I am registered in St Pere de Ribes, the town next door. St...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 October 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/7175/the-point" 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/PageDevp.JPG"
            alt="The Point"
        >
    </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">
                        The Point
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/7172/interplay-levels" 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/CuriousWorlds diagram.JPG"
            alt="Interplay &amp; levels"
        >
    </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">
                        Interplay & levels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Curious Incident... is a complex novel because there is a continuous interplay between different worlds:- Christopher's world : his explanation of what he thinks is happening Other characters' worlds...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/7139/on-knacks-and-tranquillos" 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/knack.jpg"
            alt="On knacks and tranquillos"
        >
    </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">
                        On knacks and tranquillos
                                                <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"> On the beach ... just enough breeze to take the oven out of the heat ... there's three boys playing with a surf board (or is it 'bodyboard' - broad and sort of ovoid?). They sling the board across the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/1703/opening-chapter" 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/Mandela Flag.jpg"
            alt="Opening chapter"
        >
    </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">
                        Opening chapter
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> John Carling has a superb reputation as a journalist - not only in English but also in Spanish (a high-level bilingual, he contributes regularly to El Pais). A Spanish colleague, Carlos Boyero, noted...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2010
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/page/1547/language-in-science" 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://assets.inthinking.net/subject-generic-images/12/02.jpg"
            alt="Language in Science"
        >
    </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">
                        Language in Science
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Science teachers use language as a means, not as an end in itself. Indeed, it is only one of several ways of communicating and handling the complex concepts involved in Diploma level Experimental Science...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 March 2010
                        </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=90" 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>
