<turbo-stream action="append" target="section-items">
    <template>
            <a href="/englishb/blog/10890/language-test-2" 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/ITV%203.jpg"
            alt="Language test 2"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Phew! Here are the results of the annual Traumatic Event : Vehicle Inspection (ITV): the car passed (and so it should, given the money I spent on the exhaust) Spanish Language Competence Test (SLCT) :...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 October 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10844/language-test" 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/ITV2.jpg"
            alt="Language test"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   It's the time of year for my Traumatic Experience. My elderly but reliable Opel Astra has to undergo its annual mechanical inspection, the ITV, which means taking the car to an official testing station...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10694/santa-julitta" 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/Santa%20Julitta%202.jpg"
            alt="Santa Julitta"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Santa Julitta
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> To the Museo Nacional de Arte de Catalunya (MNAC to its friends) to see the newly re-opened and re-modelled section on Catalan Romanesque. Most impressive – cool, clear galleries with a reduced number...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10650/changes-to-the-site" 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/Changes%20to%20site%202.jpg"
            alt="Changes to the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Changes to the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One of the fascinating things about writing a website is that the whole project remains flexible. You can always change everything, from the smallest aspect of phrasing to the entire overall structure....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10578/lifes-a-beach-2" 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/BeachGirl%202.jpg"
            alt="Life&amp;#39;s a beach 2"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Life&#39;s a beach 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The girl selling braids along the beach was absolutely beautiful. High rounded cheek-bones, curving eyelids, full lips turned up at the corners around a smile that was dazzling against her jet black skin....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10554/lets-pretend" 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%20Language%20B.jpg"
            alt="Let&amp;#39;s pretend"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Let&#39;s pretend
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> One intriguing aspect of the new Subject Guide is that it contains a writing task that doesn't involve students pretending …   I'm referring to the Personal Response, the new Section B of HL Paper 2....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10473/lifes-a-beach" 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/Beachboy%203.jpg"
            alt="Life&amp;#39;s a beach"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Life&#39;s a beach
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You can find all human life on a beach. And what is more, if you take your lounging seriously, you have the time to watch and think and watch again …   It's amazing how flexible small children are. Take...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10286/the-bank-the-gym" 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="The Bank &amp; the Gym"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        The Bank & the Gym
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Bank/Gym polarity has surfaced again among my mental currents.   Metaphors and analogies function as identifiers for ideas which float around the mind, like tags on the fins of dolphins or rings on...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10237/e-marking-crux" 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/03.jpg"
            alt="E-marking crux"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        E-marking crux
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Productivity has been down on this website for the last few weeks – I have been swamped by the demands of helping to introduce e-marking for the May 2011 English B papers. The experience has been, shall...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 June 2011
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/englishb/blog/10045/los-indignados" 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="Los indignados"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Los indignados
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Plaza Catalunya, in the very centre of Barcelona. The site of the May 15 / Spanishrevolution encampment, occupying the square to demonstrate their protest against the social consequences of the financial...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 May 2011
                        </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/blog?page=12" 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>
