<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/47874/langue" 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/chatgpt-image-aug-18-2026-103259-pm-404x270.png"
            alt="Langue"
        >
    </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">
                        Langue
                                                <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"> L'expression orale et écrite, c'est le cœur de l'apprentissage d'une langue ! Et bonne nouvelle : cette partie du site est là pour vous aider à renforcer vos connaissances de manière interactive. Cette...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/43076/student-access-gerer-lacces-des-eleves" 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/giulia-squillace-y5xv6gmens-unsplash-405x270.jpg"
            alt="Student access : gérer l&amp;#039;accès des élèves"
        >
    </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">
                        Student access : gérer l&#039;accès des élèves
                                                <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 page explique comment modifier, pour chacun de vos groupes, le paramètre d’accès aux pages de l’Espace élèves, une fois que vous avez inscrit vos élèves. Comprendre les espaces et les paramètres...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71903/student-access-creer-un-devoir" 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-miaeglyntuk-unsplash-397x270.jpg"
            alt="Student access : créer un devoir"
        >
    </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">
                        Student access : créer un devoir
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette page vous explique comment créer un devoir dans l’Espace élèves du site. Une fois vos élèves inscrits, vous pouvez choisir les pages auxquelles ils auront accès et leur attribuer des devoirs. Un...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71858/student-access-creer-des-groupes" 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-4xtb8x3liyo-unsplash-405x270.jpg"
            alt="Student access : créer des groupes"
        >
    </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">
                        Student access : créer des groupes
                                                <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"> Pour donner à vos élèves accès à ce site, la première étape consiste à créer des groupes. Créer un groupe en quelques clics1 1. .Pour accéder à vos classes ou en créer de nouvelles, cliquez sur le menu...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71488/navigation-du-site" 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/captures-d-ecran/metro-paris-2-752x719.png"
            alt="Navigation du site"
        >
    </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">
                        Navigation du site
                                                <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 cherchez une ressource précise ou vous voulez simplement explorer ce que le site a à vous offrir ? Voici quelques astuces pour trouver rapidement ce qui vous intéresse. 1. Naviguer à partir des principales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/67051/engagement-social-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/jem-sahagun-o33vbpd6haw-unsplash-1080x720.jpg"
            alt="Engagement social - 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">
                        Engagement social - Test de vocabulaire
                                                <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"> Évaluez votre maîtrise du vocabulaire lié à l'engagement social en faisant les exercices suivants. Vous pouvez utiliser ce test en classe si la fonction Student access est activée. Contrairement aux fiches...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/67026/relations-sociales-et-communaute-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/andrew-moca-yagnju4rtss-unsplash-1080x720.jpg"
            alt="Relations sociales et communauté - 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">
                        Relations sociales et communauté - Test de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Évaluez votre maîtrise du vocabulaire lié aux relations sociales et à la communauté en faisant les exercices suivants. Vous pouvez utiliser ce test en classe si la fonction Student access est activée....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/blog/72159/le-site-fait-peau-neuve-" 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/round-icons-0cbj53rnnja-unsplash-720x720.jpg"
            alt="Le site fait peau neuve !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Le site fait peau neuve !
                                                <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"> Pendant l’été, un grand chantier de rénovation a eu lieu sur tous les sites InThinking, et nous sommes heureuses de vous présenter cette nouvelle version !  Pourquoi ce changement ? Où trouver vos pages...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56146/quiz-quest-ce-quun-bon-stimulus-visuel-" 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/examen-oral-individuel/josh-hild-vzy-sirxrs-unsplash-403x270.jpg"
            alt="Quiz - Qu&amp;#039;est-ce qu&amp;#039;un bon stimulus visuel ?"
        >
    </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">
                        Quiz - Qu&#039;est-ce qu&#039;un bon stimulus visuel ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Choisir des stimuli visuels n’est jamais aisé. Ceux-ci doivent permettre aux candidats d’exprimer facilement leurs opinions tout en respectant certains critères de l’IB. Ce quiz va vous aider à choisir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71264/en-route-pour-un-7-" 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/chatgpt-image-aug-18-2026-103120-pm-404x270.png"
            alt="En route pour un 7 !"
        >
    </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">
                        En route pour un 7 !
                                                <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 été conçue spécialement pour vous aider à progresser et à préparer efficacement l’examen de français B. Vous y trouverez des contenus essentiels et des activités pour développer vos compétences,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 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=5" 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>
