<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/65197/cest-moi-" 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-images/emergent/famille/girl-2607176_1280.jpg"
            alt="C&amp;#039;EST MOI !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        C&#039;EST MOI !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Qui es-tu ? Comment peux-tu te présenter en français ?  Et ta famille ? Quelles sont les relations ? Comment sont les personnes physiquement ? Quelle est la personnalité des membres de ta famille  ?...</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/65216/ia-pour-ou-contre-les-humains-" 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/proficient/unite-5/astrapi2023_05-12_intelligence-artificielle.jpg"
            alt="IA, POUR OU CONTRE LES HUMAINS ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        IA, POUR OU CONTRE LES HUMAINS ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié du développement en commençant par définir l’Intelligence Artificielle (IA) et examinant ses avancées spectaculaires, puis en discutant de ses dangers...</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/65215/se-divertir-inspiration-ou-distraction-" 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/proficient/unite-4/activite-co-droit-du-travail.jpg"
            alt="SE DIVERTIR : INSPIRATION OU DISTRACTION ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        SE DIVERTIR : INSPIRATION OU DISTRACTION ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié du point de vue en commençant par explorer différents types de divertissements et réfléchir à l’évolution des divertissements au fil des années puis en...</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/65214/lecole-pour-tous" 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/proficient/unite-3/doisneau-enfants-courants.png"
            alt="L&amp;#039;ÉCOLE POUR TOUS"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        L&#039;ÉCOLE POUR TOUS
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié du contexte en commençant par explorer différents systèmes scolaires et réfléchir à la notion de perspective en fonction de son expérience personnelle...</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/65213/a-chacun-son-assiette-" 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/proficient/unite-2/dinner-939434_1280.jpg"
            alt="À CHACUN SON ASSIETTE !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        À CHACUN SON ASSIETTE !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur les concepts spécifiés de la culture et de l’identité en commençant par explorer les différents régimes alimentaires et réfléchir à la relation que nous entretenons avec notre...</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/65212/dis-moi-qui-tu-aimes" 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/proficient/unite-1/pexels-chuchuphinh-1116302.jpg"
            alt="DIS-MOI QUI TU AIMES..."
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        DIS-MOI QUI TU AIMES...
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié des relations en commençant par explorer la définition de sa propre identité par rapport à son expérience personnelle et aux relations que l'on entretient...</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/65211/niveau-experimente-version-apprenants" 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/proficient/phases-5-6.png"
            alt="Niveau Expérimenté (version apprenants)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Niveau Expérimenté (version apprenants)
                                                <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, nous avons regroupé toutes les unités du niveau compétent. Ces unités qui peuvent ne pas être utilisées dans l'ordre contiennent : les activités interactives / autocorrigées pour les...</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/65208/enmodetoujoursparfait" 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-5/temps-d-ecran-par-iciradiocanada.png"
            alt="#EnmodeToujoursParfait"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        #EnmodeToujoursParfait
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié de la distorsion en essayant dans un premier temps d’examiner l’utilisation que l’on fait des réseaux sociaux et par conséquent la relation que l’on entretient...</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/65207/quand-le-sport-raconte-un-pays" 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/screenshot-2025-08-27-at-1.04.21-pm.png"
            alt="QUAND LE SPORT RACONTE UN PAYS..."
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        QUAND LE SPORT RACONTE UN PAYS...
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié de la culture en essayant dans un premier temps d’explorer différents sports et jeux d’un pays à l’autre et à travers le temps en prenant en compte l’environnement...</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/65205/comme-un-chef-" 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-2/restaurant-2623071_1280.jpg"
            alt="COMME UN CHEF !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        COMME UN CHEF !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié de la culture en essayant dans un premier temps de définir ce qu’est la cuisine française, puis d’explorer l’idée de gastronomie comme patrimoine culturel,...</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=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>
