<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/69874/grammaire-et-types-de-textes" 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/img0259-960x720.jpeg"
            alt="Grammaire et types de textes"
        >
    </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">
                        Grammaire et types de textes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous trouverez dans cette section une nouvelle façon de réviser la grammaire et les types de textes,  en même temps !  Chaque page associe un point de grammaire précis à un type de texte spécifique de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/66351/le-memoire-premiere-evaluation-en-2027" 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/memoire/getty-images-qqvjix6hphc-unsplash-400x270.jpg"
            alt="Le mémoire (première évaluation en 2027)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Tronc commun
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Le mémoire (première évaluation en 2027)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette section du site est dédiée au mémoire de l’IB et à son encadrement pédagogique.  Le mémoire en un clin d'oeil Le mémoire est une occasion pour l’élève d’explorer un sujet qui l’intéresse tout en...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/64096/quiz-comment-planifier-le-cours-de-francais-b-" 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/getty-images-iqm9lqu4ue0-unsplash-404x270.jpg"
            alt="Quiz - Comment planifier le cours de français B ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Le cours de français B
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Quiz - Comment planifier le cours de français B ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Prêt·e à vous lancer dans l’aventure du français B ? Ce quiz vous aidera à repérer les points essentiels de la planification et à aborder le programme avec clarté et confiance....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/47789/grammaire" 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/dsc09129fotor-1080x720.jpg"
            alt="Grammaire"
        >
    </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">
                        Grammaire
                                                <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 voilà dans votre espace d'entraînement pour maîtriser les points de grammaire dont vous avez besoin pour bien vous exprimer, à l'oral comme à l'écrit. Objectif : progresser à votre rythme et gagner...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/58338/orthographe" 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/dsc02634-1080x720.jpg"
            alt="Orthographe"
        >
    </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">
                        Orthographe
                                                <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"> Cette section a pour objectif de vous aider à respecter les règles orthographiques du français. L'orthographe, c'est bien plus qu'une simple règle à suivre : c'est un outil essentiel qui donne du sens...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30013/langue-et-identite-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/dsc04702-3-740x720.jpg"
            alt="Langue et identité - 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">
                        Langue et identité - 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">
                            20 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/41571/repertoire-des-activites-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="Répertoire des activités - Expériences"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Répertoire des activités - Expériences
                                                <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"> Nous avons regroupé sur cette page toutes les activités liées au thème Expériences et nous les avons organisées par sujet. Cliquer sur le lien vous mènera vers la page correspondante.À noter : Le niveau...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/63523/voyage-scolaire-au-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-orale/pascal-bernardon-krtbljuyv0c-unsplash-1280x594.jpg"
            alt="Voyage scolaire au Québec"
        >
    </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">
                        Voyage scolaire au Québec
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Vous allez entendre David, qui prépare ses élèves à leur voyage scolaire au Québec. https://teacher-sites-storage.inthinking.net/ib/frenchb/files/Recordings/quiz/voyage-scolaire.mp3...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/69023/boule-de-suif-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/boule-de-suif-436x720.jpg"
            alt="Boule de suif - 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">
                        Boule de suif - Extraits
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Guy de Maupassant, Boule de suif, 1880, Folio Classique Extrait du Matériel pédagogique de langue B, p. 31 : « À combien de nouvelles correspond une œuvre littéraire ?Il est considéré que 7 à 10 nouvelles...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/66790/expressions-artistiques-test-de-vocabulaire" 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/anna-kolosyuk-d5nh6mcw52c-unsplash-1080x720.jpg"
            alt="Expressions artistiques - Test de vocabulaire"
        >
    </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">
                        Expressions artistiques - Test de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Évaluez votre maîtrise du vocabulaire lié aux expressions artistiques en faisant les exercices suivants. Vous pouvez utiliser ce test en classe si la fonction Student access est activée. Contrairement...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 July 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=34" 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>
