<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/50052/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/Illustrations/dsc09947-4-798x720.jpg"
            alt="Compréhension écrite"
        >
    </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">
                        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"> Cette section vous propose des épreuves complètes de compréhension écrite, conçues pour respecter les exigences de l’IB. Elles vous permettent de vous entraîner dans des conditions proches de celles de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/34918/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/Illustrations/25sur25-270x270.png"
            alt="Compréhension orale"
        >
    </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">
                        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"> Cette section vous propose des épreuves complètes de compréhension orale, au niveau moyen comme au niveau supérieur, conçues pour vous entraîner dans les conditions de l’examen. Pour chaque épreuve, vous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71195/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/Illustrations/30-4-960x720.jpeg"
            alt="Examen oral individuel : niveau supérieur"
        >
    </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 : 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"> Dans cette section, vous trouverez des exemples d’examens oraux individuels enregistrés pour le niveau supérieur. Chaque examen est noté et commenté (sur une page séparée). Écoutez les exemples pour découvrir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71193/examen-oral-individuel-niveau-moyen" 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 : niveau moyen"
        >
    </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 : niveau moyen
                                                <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 oraux individuels enregistrés pour le niveau moyen. Chaque examen est noté et commenté (sur une page séparée). Écoutez les exemples pour découvrir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71183/levaluation-du-cours-de-francais-b" 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/img4192-405x270.jpg"
            alt="L&amp;#039;évaluation du cours de français B"
        >
    </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">
                        L&#039;évaluation du cours de français B
                                                <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"> Découvrez comment le cours de français B est évalué et familiarisez-vous avec les différentes épreuves.  Comment le cours de français B est-il évalué ? Examen oral individuel Présentation d'un stimulus...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/37007/message-publie-dans-les-medias-sociaux-dialogue-en-ligne-forum-e" 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/types-de-textes/message-austin-distel-tlzhfrlj6ny-unsplash-404x270.jpg"
            alt="Message publié dans les médias sociaux / dialogue en ligne / forum en ligne"
        >
    </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">
                        Message publié dans les médias sociaux / dialogue en ligne / forum en ligne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L’internaute partage une expérience, une opinion, des informations, des photos… avec son réseau de lecteurs. Les buts de ce type de texte sont divers : informer, divertir, convaincre, avertir… À noter...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36820/proposition" 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/types-de-textes/proposition-absolutvision-82tpeld0e4-unsplash-405x270.jpg"
            alt="Proposition"
        >
    </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">
                        Proposition
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte qui fait part d’une demande ou d’une suggestion. L’auteur explique et justifie une idée dont il espère la réalisation. À noter : La proposition peut s’insérer dans un autre type de texte, par exemple,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36889/rapport" 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/types-de-textes/rapport-christina-wocintechchat-com-6bi69ihf3mi-unsplash-404x270.jpg"
            alt="Rapport"
        >
    </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">
                        Rapport
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte qui est soit le compte rendu d’une expérience soit le témoignage d’une ou de plusieurs personnes chargées d’une enquête. Les buts d’un rapport comprennent : constater les faits, faire un bilan,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36816/instructions-directives" 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/types-de-textes/instructions-nick-fewings-zfptlxdkg-unsplash-405x270.jpg"
            alt="Instructions / directives"
        >
    </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">
                        Instructions / directives
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte composé d’une série d’ordres ou d’explications de la part d’un·e expert·e sur comment se comporter, comment exécuter une action… Les buts d’instructions ou de directives sont divers : informer,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36813/entretien-interview" 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/types-de-textes/entretien-cowomen-qziaozm0m44-unsplash-405x270.jpg"
            alt="Entretien / interview"
        >
    </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">
                        Entretien / interview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Un dialogue transcrit dans un journal ou magazine. Le / La journaliste interroge quelqu’un sur un thème précis. À noter : « Entretien » et « interview » sont des synonymes. On peut s’attendre à trouver...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 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=13" 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>
