<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/61213/les-familles-nombreuses" 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/myp-french-la/cj-files/capable/unite-1/baby-7873229_1280.jpg"
            alt="Les familles nombreuses"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les familles nombreuses
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Est-ce que tu t'es déjà demandé quelle serait ta vie si tu avais 6, 8 ou 10 frères et sœurs ? Dans cette vidéo, tu vas en apprendre plus sur comment les familles qui ont de nombreux enfants s'organisent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61214/les-familles-monoparentales" 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/myp-french-la/cj-files/capable/unite-1/child-5489290_1280.jpg"
            alt="Les familles monoparentales"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les familles monoparentales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Regarde cette vidéo et réponds aux questions pour pratiquer ta compréhension orale. C'est également l'occasion d'entendre différents points de vue sur la différence entre les enfants uniques et les enfants...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/63009/ecrire-sur-lecole-de-tes-reves" 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/myp-french-la/cj-files/capable/unite-3/scene-de-classe.jpg"
            alt="Écrire sur l&amp;#039;école de tes rêves"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Écrire sur l&#039;école de tes rêves
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ton expression écrite avec une petite vidéo créée par des élèves de primaire (6:29). Cette activité se fait en 3 étapes et permet de pratiquer le format de la brochure :  Regarde un court métrage...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62990/lycee-autogere-les-eleves-decident-de-tout-" 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/myp-french-la/cj-files/capable/unite-3/lap.png"
            alt="Lycée autogéré : les élèves décident de tout !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lycée autogéré : les élèves décident de tout !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Imagine une école où les élèves, avec l'aide des professeurs, gèrent tout : les lieux, les cours, la cantine, le budget, etc. Tu seras peut-être surpris·e mais ce genre d'école existe. Il y en a quatre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62989/les-rythmes-scolaires" 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/myp-french-la/cj-files/capable/unite-3/les-rythmes-scolaires.jpg"
            alt="Les rythmes scolaires"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les rythmes scolaires
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette courte vidéo de moins de deux minutes, tu en sauras plus sur la répartition des cours des petits Français : leurs emplois du temps, le calendrier de leurs vacances scolaires, etc. Tu pratiqueras...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62984/les-notes-a-lecole" 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/myp-french-la/cj-files/capable/unite-3/les-notes---autour-du-marronnier.jpg"
            alt="Les notes à l&amp;#039;école"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les notes à l&#039;école
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les élèves travaillent à l'école, alors leur travail (devoirs, contrôles, évaluations, examens) est noté. Mais à quoi ressemble le système de notation de l'école française ? Et ailleurs, comment ça fonctionne...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62974/uniformes-a-lecole" 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/myp-french-la/cj-files/capable/unite-3/les-nouveaux-uniformes-a-l-epreuve-des-eleves-2-59e872-0%401x.jpeg"
            alt="Uniformes à l&amp;#039;école"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Uniformes à l&#039;école
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale avec cet extrait du journal télévisé en France sur l'expérimentation des uniformes scolaires dans les écoles publiques et réponds aux questions. Note bien les arguments...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62973/une-collegienne-raconte-sa-rentree-sur-le-blog-de-lecole" 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/myp-french-la/cj-files/capable/unite-3/screenshot-2025-07-02-at-8.45.35-am.png"
            alt="Une collégienne raconte sa rentrée sur le blog de l&amp;#039;école"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Une collégienne raconte sa rentrée sur le blog de l&#039;école
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension écrite : lis ce billet de blog sur la première journée de classe pour cette jeune fille qui rentre en sixième (environ 600 mots, Phase 3) et réponds aux questions qui suivent....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62917/lecole-au-cinema-" 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/myp-french-la/cj-files/capable/unite-3/screenshot-2025-06-27-at-12.27.46-pm.png"
            alt="L&amp;#039;école au cinéma "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        L&#039;école au cinéma 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Regarde ces deux bandes annonces et réponds aux questions pour pratiquer ta compréhension orale. C'est également l'occasion d'une part d'entendre différents accents et d'autre part de te familiariser...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64204/le-sport-peut-tout-changer" 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/myp-french-la/cj-files/capable/unite-4/le-sport-peut-tout-changer.jpg"
            alt="Le sport peut tout changer"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Le sport peut tout changer
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ton expression écrite avec une petite vidéo créée pour les Jeux Paralympiques. (1:28). Cette activité se fait en 3 étapes et permet de pratiquer le format de la lettre formelle :  Regarde une...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 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="/myp-french-la/latest-updates?page=10" 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>
