<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/40687/quel-symbole-incarne-le-mieux-le-quebec-" 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/withlovefromchile-koeyijfdy1g-unsplash-405x270-405x270.jpg"
            alt="Quel symbole incarne le mieux le Québec ?"
        >
    </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">
                        Quel symbole incarne le mieux le Québec ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   23 juin 15 h 48 Par Lili Boisvert À l’occasion de la Fête nationale, Métro, votre quotidien gratuit, veut savoir quel est selon vous le symbole qui incarne le mieux le Québec. Les règles du jeu : votez...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40049/coucou-de-delphine-corrige" 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/subject/generic/33/03.jpg?v=1790338360"
            alt="Coucou de Delphine - Corrigé"
        >
    </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">
                        Coucou de Delphine - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/41145/activites-par-type-de-question" 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/4038367d-2ce9-4bff-bda0-829dd3a14599-405x270.jpeg"
            alt="Activités par type de question"
        >
    </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">
                        Activités par type de question
                                                <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"> Vous trouverez dans cette section des activités pour chaque type de question spécifique à l’épreuve 2 (Compréhension écrite)....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/45729/quand-les-enfants-parlent-de-leurs-droits-corrige" 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/subject/generic/33/04.jpg?v=1790338360"
            alt="Quand les enfants parlent de leurs droits - Corrigé"
        >
    </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">
                        Quand les enfants parlent de leurs droits - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Accepter toute orthographe qui se lit phonétiquement comme la réponse cible. Voix off : Et est-ce que vous connaissez vos droits ? Reporter : Ils ont entre 9 et 18 ans et même s’ils ne connaissent pas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44550/non-au-plastique-jetable-corrige" 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/subject/generic/33/01.jpg?v=1790338359"
            alt="Non au plastique jetable! - Corrigé"
        >
    </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">
                        Non au plastique jetable! - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Accepter toute orthographe qui se lit phonétiquement comme la réponse cible. Bonjour et bienvenue à tous à la Semaine de la protection de l’environnement. Il est partout ! Il fait partie intégrante de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44549/nolwenn-les-intemperies-en-france-corrige" 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/subject/generic/33/02.jpg?v=1790338359"
            alt="Nolwenn : les intempéries en France - Corrigé"
        >
    </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">
                        Nolwenn : les intempéries en France - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Accepter toute orthographe qui se lit phonétiquement comme la réponse cible. Alors, ces derniers temps il y a eu des, de nombreux problèmes climatiques en France. Donc il y a eu la tempête dans le Sud-Ouest...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44548/christine-mon-enfance-et-le-racisme-corrige" 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/subject/generic/33/03.jpg?v=1790338360"
            alt="Christine : mon enfance et le racisme - Corrigé"
        >
    </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">
                        Christine : mon enfance et le racisme - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Bonjour ! Je m’appelle Christine. Je vais vous parler de mon enfance, dans une région rurale de France, où j’ai subi, pendant mes années de collège et de lycée, le racisme des personnes autour de moi....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44546/alexandra-action-contre-la-consommation-de-viande-corrige" 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/subject/generic/33/04.jpg?v=1790338360"
            alt="Alexandra : action contre la consommation de viande - Corrigé"
        >
    </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">
                        Alexandra : action contre la consommation de viande - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Accepter toute orthographe qui se lit phonétiquement comme la réponse cible. Donc, aujourd’hui on fait une action, en fait, devant une boucherie pour sensibiliser les consommateurs sur ce qu’est la viande,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/37248/home-la-deforestation-corrige" 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/subject/generic/33/01.jpg?v=1790338359"
            alt="Home - La déforestation - Corrigé"
        >
    </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">
                        Home - La déforestation - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Activité 1 - À quoi servent les forêts ? No 5 3 1 4 2 Activité 2 – Causes et conséquences Produit Utilisation(s) de ce produit Conséquences Produits alimentaires Cosmétiques Détergents Agro-carburants...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/28793/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">
                            eBook
                        </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">
                            29 May 2025
                        </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=72" 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>
