<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/59454/le-retour-de-tiken-jah-fakoly" 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/frenchb/images/comprehension-ecrite/tiken-jah-fakoly-720x720.png"
            alt="Le retour de Tiken Jah Fakoly"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Le retour de Tiken Jah Fakoly
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Après une pause musicale, Tiken Jah Fakoly, le célèbre chanteur de reggae africain, revient avec un album live enregistré à la Salle Pleyel à Paris. Le 13 novembre dernier, il a donné un concert exceptionnel...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56906/5-conseils-pour-surmonter-une-rupture-amicale" 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/frenchb/images/comprehension-ecrite/gabriel-ponton-v4hfqm9k2ee-unsplash-479x719.jpg"
            alt="5 conseils pour surmonter une rupture amicale"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        5 conseils pour surmonter une rupture amicale
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Si une rupture amoureuse nous laisse souvent le cœur brisé, la fin d’une amitié importante peut aussi être très douloureuse, voire difficile à surmonter. La psychologue Janick Coutu nous donne donc quelques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/57555/le-skatepark-nest-plus-reserve-aux-garcons" 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/frenchb/images/comprehension-ecrite/jeremy-bishop-l80is234-ai-unsplash-1080x720.jpg"
            alt="Le skatepark n&#039;est plus réservé aux garçons"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Le skatepark n'est plus réservé aux garçons
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Un groupe de filles a organisé un concours pour encourager d'autres filles à essayer le skate et à participer à des compétitions. Qui a dit que le skate n'était pas un sport pour les filles ? Il suffisait...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/70832/partage-de-la-planete" 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/frenchb/images/Illustrations/william-navarro-82xsw-pgsji-unsplash-180x270.jpg"
            alt="Partage de la planète"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Partage de la planète
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer les difficultés que rencontrent les individus et les  communautés, ainsi que les possibilités qui s’offrent à eux dans le monde moderne. (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/70831/organisation-sociale" 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/frenchb/images/Illustrations/benny-jackson-222664-unsplash-405x270.jpg"
            alt="Organisation sociale"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Organisation sociale
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer les façons dont des groupes de personnes s’organisent ou sont organisés autour de systèmes ou de centres d’intérêt communs. (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/70830/ingeniosite-humaine" 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/frenchb/images/Illustrations/museedorsay-405x270.jpg"
            alt="Ingéniosité humaine"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Ingéniosité humaine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer les façons dont la créativité et l’innovation humaines influent sur notre monde. (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/70829/experiences" 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/frenchb/images/Illustrations/burrst-beach-boardwalk-selfie4460x4460-404x270.jpg"
            alt="Expériences"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Expériences
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer et faire le récit des événements, des expériences et  des voyages qui façonnent notre vie.  (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/70828/identites" 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/frenchb/images/Illustrations/rawpixel-455996-unsplash-404x270.jpg"
            alt="Identités"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Identités
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer la nature du soi et de ce que signifie « être humain ». (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/50040/vers-lexamen-oral-langue-et-identite" 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/frenchb/images/examen-oral-individuel/img1424-680x720.jpeg"
            alt="Vers l&#039;examen oral - Langue et identité"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Vers l'examen oral - Langue et identité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le breton, le picard, l’occitan… De nos jours de nombreuses personnes continuent à parler une langue régionale. Préparez-vous à faire une présentation sur ce sujet lors de votre examen oral individuel...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/69299/ouragan-extraits" 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/frenchb/images/book-covers/ouragan-451x720.jpg"
            alt="Ouragan - Extraits"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Ouragan - Extraits
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Laurent Gaudé, Ouragan, Actes Sud, 2010             […] Elle le contemple, espérant qu’il soit possible de faire durer cet instant, espérant que, pendant des heures encore, il lui soit donné de le contempler...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 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="/frenchb/latest-updates?page=31" 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>
