<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/71191/examen-oral-individuel" 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/30-4-960x720.jpeg"
            alt="Examen oral individuel"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Évaluation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Examen oral individuel
                                                <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 exemples d’examens enregistrés pour le niveau moyen et pour le niveau supérieur. Écoutez-les attentivement pour découvrir comment d’autres élèves ont abordé l’épreuve...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71143/repertoire-des-activites-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/vocabulaire/tijs-van-leur-qnlp3fco2vc-unsplash-1080x720.jpg"
            alt="Répertoire des activités - Ingéniosité humaine"
        >
    </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 - Ingéniosité humaine
                                    

                    </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 Ingéniosité humaine et nous les avons organisées par sujet. Cliquer sur le lien vous mènera vers la page correspondante.À noter :...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/41655/repertoire-des-activites-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="Répertoire des activités - Ingéniosité humaine"
        >
    </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 - Ingéniosité humaine
                                                <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 Ingéniosité humaine et nous les avons organisées par sujet. Cliquer sur le lien vous mènera vers la page correspondante.À noter :...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/69698/quand-lia-transforme-la-langue-et-lacces-a-linformation-corrige" 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://assets.inthinking.net/subject-generic-images/33/02.jpg"
            alt="Quand l&#039;IA transforme la langue et l&#039;accès à l&#039;information - Corrigé"
        >
    </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">
                        Quand l'IA transforme la langue et l'accès à l'information - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/69593/quand-lia-transforme-la-langue-et-lacces-a-linformation" 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/getillustrations-ftzoxexfobo-unsplash-720x720.jpg"
            alt="Quand l&#039;IA transforme la langue et l&#039;accès à l&#039;information"
        >
    </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">
                        Quand l'IA transforme la langue et l'accès à l'information
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Depuis une dizaine d’années, l’intelligence artificielle (IA) transforme notre rapport à la langue et à l’information. Adélaïde Calais, responsable communauté en ligne de Wikimédia France, alerte sur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30665/preparation-a-lexamen" 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/img2812-360x270.jpeg"
            alt="Préparation à l&#039;examen"
        >
    </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éparation à l'examen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Retrouvez dans cette section des activités qui correspondent aux exigences de l’épreuve de compréhension orale de l’IB. Les sujets, les types de questions, la durée et le niveau de difficulté sont semblables...</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/30666/preparation-a-lexamen" 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/img2812-360x270.jpeg"
            alt="Préparation à l&#039;examen"
        >
    </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éparation à l'examen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Retrouvez dans cette section des activités qui correspondent aux exigences de l’épreuve de compréhension orale de l’IB. Les sujets, les types de questions, la durée et le niveau de difficulté sont semblables...</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/30667/preparation-a-lexamen" 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/img2812-360x270.jpeg"
            alt="Préparation à l&#039;examen"
        >
    </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éparation à l'examen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Retrouvez dans cette section des activités qui correspondent aux exigences de l’épreuve de compréhension orale de l’IB. Les sujets, les types de questions, la durée et le niveau de difficulté sont semblables...</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/30668/preparation-a-lexamen" 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/img2812-360x270.jpeg"
            alt="Préparation à l&#039;examen"
        >
    </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éparation à l'examen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Retrouvez dans cette section des activités qui correspondent aux exigences de l’épreuve de compréhension orale de l’IB. Les sujets, les types de questions, la durée et le niveau de difficulté sont semblables...</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/30629/preparation-a-lexamen" 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/img2812-360x270.jpeg"
            alt="Préparation à l&#039;examen"
        >
    </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éparation à l'examen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Retrouvez dans cette section des activités qui correspondent aux exigences de l’épreuve de compréhension orale de l’IB. Les sujets, les types de questions, la durée et le niveau de difficulté sont semblables...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 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=20" 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>
