<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/29995/rites-de-passage-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-lancaster-60vh6yw1f8-unsplash-1080x720.jpg"
            alt="Rites de passage - 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">
                        Rites de passage - 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>
    <a href="/frenchb/page/30005/sante-et-bien-etre-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/caju-gomes-qdq3ylizg48-unsplash-480x720.jpg"
            alt="Santé et bien-être - 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">
                        Santé et bien-être - 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>
    <a href="/frenchb/page/47841/la-forme-passive" 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/grammaire/forme-passive-276x270.jpg"
            alt="La forme passive"
        >
    </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">
                        La forme passive
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Maîtrisez-vous l’emploi de la forme passive ? Activez vos connaissances à l’aide des flashcards, puis entraînez-vous en faisant les exercices proposés.  La forme passive : on se rafraîchit la mémoire...</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/61275/les-connecteurs-logiques-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/frenchb/images/grammaire/dsc03802-405x270.jpg"
            alt="Les connecteurs logiques (2)"
        >
    </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">
                        Les connecteurs logiques (2)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez la fin de phrase logique.  Approches de l'apprentissage 1. Parmi les connecteurs logiques ci-dessus, y en a-t-il que vous ne connaissiez pas ? Si oui, cherchez-en le sens et/ou la traduction...</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/56872/les-types-de-questions" 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/jon-tyson-hhq1lxtuwd8-unsplash-2-270x270.jpg"
            alt="Les types de questions"
        >
    </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">
                        Les types de questions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L’épreuve de compréhension écrite comporte 13 types de questions possibles. Ces questions se divisent en deux grandes catégories : 1. Celles qui vous demandent de choisir une réponse parmi les options...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56750/les-types-de-questions" 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-orale/alexander-mils-zqr0rlquwri-unsplash-1280x720.jpg"
            alt="Les types de questions"
        >
    </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">
                        Les types de questions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L’épreuve de compréhension orale comporte 5 types de questions possibles. 1. Il faut s’attendre à une variété de types de questions au sein de chaque épreuve mais tous les types de questions ne seront...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/61345/les-connecteurs-logiques-4" 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/grammaire/dsc03802-405x270.jpg"
            alt="Les connecteurs logiques (4)"
        >
    </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">
                        Les connecteurs logiques (4)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisissez un mot approprié de la liste pour remplir chaque blanc dans les textes suivants.  Approches de l'apprentissage 1. Parmi les connecteurs logiques ci-dessus, y en a-t-il que vous ne connaissiez...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/42313/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">
                            Évaluation
                        </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) À noter : Comme la présentation dure moins de 3 minutes, l’enseignante aurait dû veiller à ce que la conversation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40519/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">
                            Évaluation
                        </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) Thème : Partage de la planèteSous-thème...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40518/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">
                            Évaluation
                        </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) À noter : Puisque la présentation dure moins...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 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=42" 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>
