<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/40506/texte-a-trous" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Texte à trous"
        >
    </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">
                        Texte à trous
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez un mot approprié de la liste pour remplir chaque blanc dans le texte suivant.         Le texte à trous se trouve dans le livret de questions. Il s’agit d’un résumé du texte ou d’une partie...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40505/associer-les-deux-moities-dune-phrase" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Associer les deux moitiés d&#039;une phrase"
        >
    </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">
                        Associer les deux moitiés d'une phrase
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez la fin appropriée de la liste pour terminer chaque phrase.       Les indices grammaticaux ne peuvent pas toujours vous aider à trouver la fin de la phrase : il faut alors que vous basiez votre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40504/associer-des-affirmations-et-des-personnes" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Associer des affirmations et des personnes"
        >
    </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">
                        Associer des affirmations et des personnes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Attribuez une affirmation de la liste à chaque personne.      ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40503/exercice-de-vocabulaire-associer-des-mots" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Exercice de vocabulaire - associer des mots"
        >
    </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">
                        Exercice de vocabulaire - associer des mots
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les mots suivants du texte, quelle signification ont-ils ? Reliez chacun des mots du texte avec son équivalent.       Tous les mots testés appartiennent à la même catégorie grammaticale (noms, adjectifs,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40470/associer-les-paragraphes-et-leur-titre" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Associer les paragraphes et leur titre"
        >
    </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">
                        Associer les paragraphes et leur titre
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez un titre approprié de la liste pour remplir chaque blanc dans le texte....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40468/associer-les-questions-et-les-reponses" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Associer les questions et les réponses"
        >
    </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">
                        Associer les questions et les réponses
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez une question appropriée de la liste pour remplir chaque blanc dans le texte. Lisez bien la réponse à chaque question et assurez-vous qu’elle correspond à la question que vous avez choisie....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40469/reconnaitre-les-affirmations-exactes" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Reconnaître les affirmations exactes"
        >
    </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">
                        Reconnaître les affirmations exactes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez les X affirmations vraies.     Les phrases suivent l’ordre des informations dans le texte....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40502/questions-a-choix-multiple" 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/pexels-pixabay-356079-445x270.jpg"
            alt="Questions à choix multiple"
        >
    </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">
                        Questions à choix multiple
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez la bonne réponse. 1. Pour quelle raison Dina a-t-elle débuté l’apprentissage du français ? Il y a toujours 4 options. Il faut inscrire la lettre correspondant à l'option correcte dans la case....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40302/combattre-lesclavage-moderne" 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-14-a-08.31.48-480x80-480x80.png"
            alt="Combattre l&#039;esclavage moderne"
        >
    </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">
                        Combattre l'esclavage moderne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « chronique d'opinion ». 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">
                            03 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30025/relations-sociales-et-communaute-exercices-en-ligne" 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/vocabulaire/andrew-moca-yagnju4rtss-unsplash-1080x720.jpg"
            alt="Relations sociales et communauté - Exercices en ligne"
        >
    </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">
                        Relations sociales et communauté - Exercices en ligne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Exercez votre compréhension orale en faisant les exercices en ligne proposés ci-dessous. Vous pouvez ensuite rendre compte de votre travail en utilisant l'une des méthodes proposées dans l'encadré Compréhension...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 May 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=41" 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>
