<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/30663/activites-pour-la-classe" 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/img2810-360x270.jpeg"
            alt="Activités pour la classe"
        >
    </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">
                        Activités pour la classe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces activités vous permettront de développer vos compétences en compréhension orale tout en découvrant des documents authentiques, des accents et des façons de parler variés. Vous travaillerez sur des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30662/activites-pour-la-classe" 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/img2810-360x270.jpeg"
            alt="Activités pour la classe"
        >
    </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">
                        Activités pour la classe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces activités vous permettront de développer vos compétences en compréhension orale tout en découvrant des documents authentiques, des accents et des façons de parler variés. Vous travaillerez sur des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30661/activites-pour-la-classe" 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/img2810-360x270.jpeg"
            alt="Activités pour la classe"
        >
    </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">
                        Activités pour la classe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces activités vous permettront de développer vos compétences en compréhension orale tout en découvrant des documents authentiques, des accents et des façons de parler variés. Vous travaillerez sur des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30660/activites-pour-la-classe" 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/img2810-360x270.jpeg"
            alt="Activités pour la classe"
        >
    </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">
                        Activités pour la classe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces activités vous permettront de développer vos compétences en compréhension orale tout en découvrant des documents authentiques, des accents et des façons de parler variés. Vous travaillerez sur des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30628/activites-pour-la-classe" 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/img2810-360x270.jpeg"
            alt="Activités pour la classe"
        >
    </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">
                        Activités pour la classe
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces activités vous permettront de développer vos compétences en compréhension orale tout en découvrant des documents authentiques, des accents et des façons de parler variés. Vous travaillerez sur des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71138/les-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/epreuve-1/chatgpt-image-aug-15-2026-075417-pm-405x270.png"
            alt="Les 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">
                        Les types de textes
                                                <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"> Savoir rédiger et adapter les nombreux types de textes du programme est l’un des grands défis du français B. Ces fiches modèles vous aideront à comprendre les conventions propres à chaque type de texte,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36506/les-banques-de-taches" 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/dan-cristian-padure-ezoshbcxwrm-unsplash-361x270.jpg"
            alt="Les banques de tâches"
        >
    </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 banques de tâches
                                                <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 répertorié plus de 170 tâches pour l'épreuve 1 et les avons regroupées dans deux banques. Dans la première banque, les tâches sont classées par thème. Dans la deuxième, elles sont classées...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71118/examen-oral-individuel-niveau-superieur" 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/getillustrations-0-mzpkfxl4-unsplash-720x720.jpg"
            alt="Examen oral individuel : niveau supérieur"
        >
    </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">
                        Examen oral individuel : niveau supérieur
                                                <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 vous accompagne dans la préparation de votre examen oral individuel. Vous y trouverez une fiche de lecture pour vous aider à préparer et organiser votre analyse d’un extrait littéraire ainsi...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/29247/environnements-urbains-et-ruraux-1" 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/fiches-de-preparation/ve%CC%81los-gratuits(1).jpg"
            alt="Environnements urbains et ruraux 1"
        >
    </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">
                        Environnements urbains et ruraux 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Fiche de préparation à l’oral individuel (NM)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/29272/ethique-1" 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/fiches-de-preparation/droits-des-animaux(1).jpeg"
            alt="Éthique 1"
        >
    </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">
                        Éthique 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Fiche de préparation à l’oral individuel (NM)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 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=21" 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>
