<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/62698/cest-la-rentree-des-grands-" 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/emergent/unite-3/la-rentree-des-grands.jpg"
            alt="C&amp;#039;est la rentrée des grands ! "
        >
    </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">
                        C&#039;est la rentrée des grands ! 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> les petits sont les professeurs ! Pratique ton expression orale avec cette publicité française qui imagine une école pas comme les autres. Cette activité se fait en 3 étapes :  Regarde la vidéo (1:38). ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68958/mission-6-la-guyane" 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/escape-games/snippet-mission--6-la-guyane-francaise.png"
            alt="Mission #6 LA GUYANE"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Missions francophones (Escape games)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mission #6 LA GUYANE
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le week-end, tes parents adorent aller dans les brocantes : dans ces marchés, il y a beaucoup d'objets antiques, anciens et/ou exotiques. Tu regardes aussi et tu trouves un mystérieux masque coloré. Tu...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68281/mission-1-la-france" 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/escape-games/snippet-mission-1-france.jpg"
            alt="Mission #1 LA FRANCE"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Missions francophones (Escape games)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mission #1 LA FRANCE
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous sommes en juin et c’est bientôt les vacances d’été mais tu n’as pas la clé pour sortir de l’école. Surmonte quelques obstacles et retrouve ta liberté ! Attention : il faut utiliser tes connaissances...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68280/mission-2-le-quebec-" 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/escape-games/snippet-mission--1-qu%C3%89bec.jpg"
            alt="Mission #2 LE QUÉBEC "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Missions francophones (Escape games)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mission #2 LE QUÉBEC 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La première semaine, tu vas à la campagne chez tes grands-parents. Normalement, c'est tranquille (parfois, un peu trop !) et tu te reposes. Mais cette année, c'est différent : dans le village, il y a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64721/le-chandail-orange-au-canada" 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/emergent/unite-5/mieuxenseigner.ca.png"
            alt="Le chandail orange au Canada"
        >
    </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 chandail orange au Canada
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tu connais l'histoire du chandail orange au Canada ? Tous les ans, le 30 septembre, c'est la journée de la Vérité et de la Réconciliation pour commémorer les pensionnats autochtones. C'est une histoire...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/71760/la-syntaxe-les-pronoms-relatifs-simples-systemes-environnement" 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-6/u6-capable-grammaire-pronoms-relatifs.jpg"
            alt="La syntaxe - les pronoms relatifs simples (systèmes, environnement)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La syntaxe - les pronoms relatifs simples (systèmes, environnement)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La langue française n'aime pas les répétitions. Pour les éviter, on utilise des pronoms. Les pronoms qui aident à connecter deux phrases s'appellent des pronoms relatifs. Ces exercices se concentrent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68012/unite-6-se-depayser-en-se-connectant-au-monde" 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-6/snippet-b2-image.png"
            alt="Unité #6 Se dépayser en se connectant au monde"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unité #6 Se dépayser en se connectant au monde
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité a été conçue pour les Phases 3 et 4. Elle se concentre sur le concept spécifié des systèmes en examinant dans un premier temps l’impact des voyages sur l’environnement et par conséquent les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64373/unite-5-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="Unité #5 IA, pour ou contre les humains ? "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unité #5 IA, pour ou contre les humains ? 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité a été conçue pour des apprenant.e.s de Niveau Expérimenté, tout en gardant plus particulièrement les apprenant·e·s de Phase 5 à l’esprit. Elle se concentre sur le concept spécifié du développement...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61659/unite-2-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="Unité #2 À chacun son assiette !"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unité #2 À chacun son assiette !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité a été conçue pour des apprenants de Niveau Expérimenté, mais davantage pour la Phase 5. Elle se concentre sur les concepts spécifiés de la culture et de l’identité en commençant par explorer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62532/unite-3-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="Unité #3 L&amp;#039;école pour tous "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Unité #3 L&#039;école pour tous 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité a été conçue pour des apprenants de Niveau Expérimenté, mais davantage pour la Phase 5. Elle se concentre sur le concept spécifié du contexte en commençant par explorer différents systèmes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 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=6" 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>
