<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/30028/droits-de-lhomme-exercices-en-ligne" 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/tingey-injury-law-firm-l4ygusg0fxs-unsplash-480x720.jpg"
            alt="Droits de l&#039;homme - Exercices en ligne"
        >
    </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">
                        Droits de l'homme - Exercices en ligne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Exercez votre compréhension orale en faisant les exercices en ligne proposés ci-dessous. Vous pouvez ensuite rendre compte de votre travail en utilisant l'une des méthodes proposées dans l'encadré Compréhension...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30015/sous-cultures-exercices-en-ligne" 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/nick-fewings-bphimalbe-a-unsplash1-1080x720.jpg"
            alt="Sous-cultures - Exercices en ligne"
        >
    </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">
                        Sous-cultures - Exercices en ligne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Exercez votre compréhension orale en faisant les exercices en ligne proposés ci-dessous. Vous pouvez ensuite rendre compte de votre travail en utilisant l'une des méthodes proposées dans l'encadré Compréhension...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56167/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/pexels-olly-3807741-1079x720.jpg"
            alt="Compréhension é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">
                        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"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/55998/quiz-comprehension-ecrite-testez-vos-connaissances" 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/pexels-kindelmedia-7054511-479x270.jpg"
            alt="Quiz - Compréhension écrite : testez vos connaissances"
        >
    </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">
                        Quiz - Compréhension écrite : testez vos connaissances
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 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 d'abord le quiz suivant pour vérifier si vous comprenez...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/33517/eugenie-origines-familiales" 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/eugenie-1-202x270.jpg"
            alt="Eugénie : origines familiales"
        >
    </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">
                        Eugénie : origines familiales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous allez entendre Eugénie, qui parle de sa famille....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56866/ecouter-pour-apprendre" 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/maurice-lourens-5jaxu-x08qo-unsplash-360x270.jpg"
            alt="Écouter pour apprendre"
        >
    </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">
                        Écouter pour apprendre
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Compréhension orale - Travail indépendant Choisissez les exercices en ligne correspondant à votre niveau (NM / NS) dans la liste fournie par votre professeur. Regardez une vidéo / écoutez un enregistrement...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/55997/quiz-comprehension-orale-testez-vos-connaissances" 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/valeria-nikitina-2ppekbg1bxs-unsplash-270x270.jpg"
            alt="Quiz - Compréhension orale : testez vos connaissances"
        >
    </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">
                        Quiz - Compréhension orale : testez vos connaissances
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 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 d'abord le quiz suivant pour vérifier si vous comprenez...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56118/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/pexels-moose-photos-170195-1037999-1078x720.jpg"
            alt="Compréhension orale"
        >
    </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">
                        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"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/53694/quiz-le-type-de-texte-7" 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/green-chameleon-s9cc2skysjm-unsplash-405x270.jpg"
            alt="Quiz - Le type de texte (7)"
        >
    </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">
                        Quiz - Le type de texte (7)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous avez choisi le type de texte approprié, mais quelles conventions essentielles devez-vous inclure ? Testez vos connaissances en faisant le quiz suivant....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/38842/quiz-le-type-de-texte-6" 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/green-chameleon-s9cc2skysjm-unsplash-405x270.jpg"
            alt="Quiz - Le type de texte (6)"
        >
    </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">
                        Quiz - Le type de texte (6)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Connaissez-vous bien tous les types de textes au programme ? Testez vos connaissances en faisant le quiz suivant. Quel type de texte convient le mieux aux phrases suivantes ? Choisissez la bonne réponse....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 June 2025
                        </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=62" 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>
