<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/40635/generation-verte-3-jeunes-activistes-quebecois" 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/bill-oxford-rdlers3zggq-unsplash-479x720-479x720.jpg"
            alt="Génération verte : 3 jeunes activistes québécois"
        >
    </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">
                        Génération verte : 3 jeunes activistes québécois
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Qu’est-ce qui explique la croissance exponentielle de l’engagement des jeunes pour la protection de l’environnement ? Je pense que l’influence de Greta Thunberg a joué un grand rôle dans le militantisme...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40819/le-francais-en-version-ambiancee" 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/international-26931021280-480x360-480x360.jpg"
            alt="Le français en version ambiancée"
        >
    </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">
                        Le français en version ambiancée
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Par Lye M. Yoka Langue officielle de la République démocratique du Congo, le français y cohabite avec quatre langues nationales : le lingala, le kiswahili, le tshiluba et le kikongo. Il est donc employé...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40764/benevolat-aupres-des-migrants" 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/fence-3585348640-593x360-593x360.jpg"
            alt="Bénévolat auprès des migrants"
        >
    </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">
                        Bénévolat auprès des migrants
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « exposé ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40411/5-raisons-de-boire-des-smoothies" 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/yulia-khlebnikova-yie7pzumts-unsplash-540x720-540x720.jpg"
            alt="5 raisons de boire des smoothies"
        >
    </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">
                        5 raisons de boire des smoothies
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   [ - 1 - ] Les smoothies ont la cote en été. Certains ne jurent que par cette boisson, au point que plein de bars dédiés aux smoothies ont vu le jour… Il faut dire que le breuvage représente bien des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40410/comment-installer-un-frigo-solidaire-pres-de-chez-soi" 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/frigo-solidaire-918x720-918x720.png"
            alt="Comment installer un frigo solidaire près de chez soi"
        >
    </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">
                        Comment installer un frigo solidaire près de chez soi
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Deux ans après l’installation du premier frigo solidaire, devant La Cantine du 18 dans le 18e arrondissement de Paris, on en compte aujourd’hui 42 en France. Voici comment en installer un près de chez...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40408/certains-ados-en-savent-plus-sur-le-climat-quun-ministre" 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/matt-palmer-kbtp7dbzhyy-unsplash-1079x720-1079x720.jpg"
            alt="Certains ados en savent plus sur le climat qu’un ministre"
        >
    </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">
                        Certains ados en savent plus sur le climat qu’un ministre
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Paléoclimatologue, Valérie Masson-Delmotte est en première ligne pour la lutte contre le réchauffement climatique. Malgré l’ampleur du défi, elle affirme avec espoir sa confiance en la jeune génération....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40820/entretien-avec-angelina-lanza" 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/chau-cedric-6gind-1nwe-unsplash-1080x720-1080x720.jpg"
            alt="Entretien avec Angélina Lanza"
        >
    </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">
                        Entretien avec Angélina Lanza
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À bientôt six mois des Jeux Paralympiques, Le Sport au Féminin s’est entretenu avec Angélina Lanza, double championne d’Europe à Berlin en 2018. [ - 1 - ] Tout d’abord, c’est un groupe composé de vingt-huit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40253/kiosques-de-la-solidarite" 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/capture-decran-2021-07-08-a-13.20.44-438x115-438x115.png"
            alt="Kiosques de la solidarité"
        >
    </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">
                        Kiosques de la solidarité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « proposition ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40252/stage-linguistique" 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="Stage linguistique"
        >
    </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">
                        Stage linguistique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « rapport ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40705/changer-le-monde-une-poupee-a-la-fois" 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/jonathan-borba-udhvrvpabp0-unsplash-239x360-239x360.jpg"
            alt="Changer le monde, une poupée à la fois"
        >
    </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">
                        Changer le monde, une poupée à la fois
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Gaëtan Etoga et Yannick Nguepdjop, tous deux originaires du Cameroun, ont fondé l’entreprise YMMA au Québec. Motivés par l’idée de renforcer l’inclusion et de promouvoir la diversité chez les enfants,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 June 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=71" 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>
