<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/61512/limparfait-et-le-passe-compose" 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/tempsdupasse-270x270.jpeg"
            alt="L&amp;#039;imparfait et le passé composé"
        >
    </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">
                        L&#039;imparfait et le passé composé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Révisez les conjugaisons de l'imparfait et du passé composé en faisant les exercices suivants. Profitez-en également pour réviser les types de textes !  Autogestion – compétences de réflexion 1. Besoin...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56081/examen-oral-individuel-nm" 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/pexels-olly-3760067-1080x720.jpg"
            alt="Examen oral individuel NM"
        >
    </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">
                        Examen oral individuel NM
                                                <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"> Comment se déroule l'oral individuel au niveau moyen ? Les examens approchent à grands pas. Que réviser ? Comment bien utiliser le temps qu’il vous reste pour revoir les exigences de cette épreuve ?Faites...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56087/examen-oral-individuel-ns" 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/pexels-olly-3760067-1080x720.jpg"
            alt="Examen oral individuel NS"
        >
    </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">
                        Examen oral individuel NS
                                                <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"> Comment se déroule l'oral individuel au niveau moyen ? Les examens approchent à grands pas. Que réviser ? Comment bien utiliser le temps qu’il vous reste pour revoir les exigences de cette épreuve ?Faites...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56089/expression-ecrite" 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/fine-tipped-pen-for-writing-1080x720.jpg"
            alt="Expression écrite"
        >
    </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">
                        Expression écrite
                                                <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"> Comment se déroule l'épreuve 1 au niveau moyen et au niveau supérieur et comment est-elle évaluée ? À quoi ressemble une bonne copie d'épreuve 1 au niveau moyen ?Lisez la copie ci-dessous et repérez les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71182/comprehension-ecrite" 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/chatgpt-image-aug-17-2026-084439-pm-404x270.png"
            alt="Compréhension écrite"
        >
    </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">
                        Compréhension écrite
                                                <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"> Plus vous vous entraînerez à comprendre différents types de textes et à répondre aux différents types de questions, plus vous serez rapide, efficace et sûr·e de vous le jour de l’épreuve. Dans cette section,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71150/comprehension-orale" 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/chatgpt-image-aug-17-2026-084705-pm-404x270.png"
            alt="Compréhension orale"
        >
    </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">
                        Compréhension orale
                                                <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"> Dans cette section, vous trouverez des activités et des exercices pour développer vos compétences en compréhension orale et vous préparer progressivement à l’épreuve 2 de français B.  Des activités variées...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71088/bienvenue-sur-le-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/Illustrations/top-level-page-nm-405x270.jpg"
            alt="Bienvenue sur le 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">
                        Bienvenue sur le 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"> Le site de français B InThinking Ce site est conçu pour vous aider à réussir votre examen de français B du Baccalauréat International (IB). Nous vous recommandons d'utiliser ces ressources dès le début...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/29942/15-sites-pour-la-comprehension-orale" 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/customer-support-staff-smiles-405x270.jpg"
            alt="15 sites pour la compréhension orale"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Compréhension orale
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        15 sites pour la compréhension orale
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Internet est une mine d’or mais on peut passer énormément de temps à chercher des documents adaptés pour nos élèves. Pour vous faciliter la vie, nous avons sélectionné 15 sites proposant une gamme d’activités...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/43286/les-conventions-essentielles-de-chaque-type-de-texte" 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-360x270.jpeg"
            alt="Les conventions essentielles de chaque type de texte"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Expression écrite
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les conventions essentielles de chaque type de texte
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les élèves doivent savoir utiliser les conventions de chaque type de texte afin de faire preuve de leur compréhension conceptuelle. L’emploi des conventions essentielles leur permettra d’atteindre les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71850/banque-de-questions-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/examen-oral-individuel/planet-volumes-d-kidionm2m-unsplash-1280x626.jpg"
            alt="Banque de questions - Identités "
        >
    </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">
                        Banque de questions - Identités 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quelques suggestions pour vous aider à préparer les examens oraux individuels. À noter : La banque de questions a été revue et augmentée (version 3.0). Les nouvelles questions sont indiquées par ce symbole...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 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=7" 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>
