<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/35908/presentation-dun-stimulus-visuel-innovation-scientifique-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/fiches-de-preparation/savant-fou-474x360.png"
            alt="Présentation d&#039;un stimulus visuel - Innovation scientifique 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">
                        Présentation d'un stimulus visuel - Innovation scientifique 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Observez le stimulus visuel, puis lisez la présentation qui l’accompagne. À noter : La présentation ci-dessous n'est pas un modèle de présentation parfaite. Elle a été conçue pour permettre aux élèves...</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/33635/presentation-dun-stimulus-visuel-innovation-scientifique-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/robots-au-restaurant-434x360.png"
            alt="Présentation d&#039;un stimulus visuel - Innovation scientifique 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">
                        Présentation d'un stimulus visuel - Innovation scientifique 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Observez le stimulus visuel, puis lisez la présentation qui l’accompagne. À noter : La présentation ci-dessous n'est pas un modèle de présentation parfaite. Elle a été conçue pour permettre aux élèves...</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/29241/expressions-artistiques-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/inge%CC%81niosite%CC%81-humaine-muse%CC%81e.png"
            alt="Expressions artistiques 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">
                        Expressions artistiques 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/28696/ingeniosite-humaine" 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/museedorsay-405x270.jpg"
            alt="Ingéniosité humaine"
        >
    </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">
                        Ingéniosité humaine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer les façons dont la créativité et l’innovation humaines influent sur notre monde. (Guide de langue B, p. 22)...</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/33662/presentation-dun-stimulus-visuel-migration" 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/libres-dhabiter-ce-monde-562x360.png"
            alt="Présentation d&#039;un stimulus visuel - Migration"
        >
    </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">
                        Présentation d'un stimulus visuel - Migration
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Observez le stimulus visuel, puis lisez la présentation qui l’accompagne. À noter : La présentation ci-dessous n'est pas un modèle de présentation parfaite. Elle a été conçue pour permettre aux élèves...</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/33663/presentation-dun-stimulus-visuel-rites-de-passage" 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/bizutage-640x354.png"
            alt="Présentation d&#039;un stimulus visuel - Rites de passage"
        >
    </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">
                        Présentation d'un stimulus visuel - Rites de passage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Observez le stimulus visuel, puis lisez la présentation qui l’accompagne. À noter : La présentation ci-dessous n'est pas un modèle de présentation parfaite. Elle a été conçue pour permettre aux élèves...</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/29242/coutumes-et-traditions-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/coutumes-et-traditions-1(1).png"
            alt="Coutumes et traditions 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">
                        Coutumes et traditions 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/33634/presentation-dun-stimulus-visuel-vacances-et-voyages" 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/musee-du-louvre-640x319.png"
            alt="Présentation d&#039;un stimulus visuel - Vacances et voyages"
        >
    </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">
                        Présentation d'un stimulus visuel - Vacances et voyages
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Observez le stimulus visuel, puis lisez la présentation qui l’accompagne. À noter : La présentation ci-dessous n'est pas un modèle de présentation parfaite. Elle a été conçue pour permettre aux élèves...</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/28830/vacances-et-voyages-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/thumbimg06461024-540x360.jpg"
            alt="Vacances et voyages 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">
                        Vacances et voyages 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/29245/activites-de-loisirs-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/fiches-de-preparation/footing(1).png"
            alt="Activités de loisirs 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">
                        Activités de loisirs 2
                                    

                    </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=23" 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>
