<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/60207/article" 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/screenshot-2025-03-17-at-1.40.38-pm.png"
            alt="Article"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Types de textes
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Article
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Il s’agit d’un texte publié dans un journal ou un magazine, sur papier ou sur Internet (en ligne). Ce texte n’est pas fictionnel, en d’autres termes, il se fonde sur des événements réels, des faits et/ou...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65417/organisation-des-idees-pour-lexpression-ecrite-critere-d" 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/interface/snippet-plan-pour-d.png"
            alt="Organisation des idées pour l&amp;#039;expression écrite (critère D)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Aperçu du cours
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Organisation des idées pour l&#039;expression écrite (critère D)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Plus on avance dans l'apprentissage du français et dans le continuum des langues du PEI, plus les sujets de l'évaluation d'expression écrite deviennent complexes et les apprenants doivent écrire davantage...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61971/parents-mode-demploi-au-restaurant" 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-2/parents-mode-d-emploi.jpg"
            alt="Parents Mode d&amp;#039;emploi - Au restaurant"
        >
    </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">
                        Parents Mode d&#039;emploi - Au restaurant
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale : regarde cet extrait de la série Parents Mode d'emploi, version gabonaise, et réponds aux questions. C'est aussi un bon exemple d'une scène amusante au restaurant. Regarde...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61906/les-aliments" 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-2/les-cornichons-de-nino-ferrer.jpg"
            alt="Les aliments"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Chansons francophones
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les aliments
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette vieille chanson française est amusante et très connue. C'est l'histoire d'un pique-nique... Écoute la liste des aliments et fais les exercices qui accompagnent la vidéo. C'est une bonne pratique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62270/les-verbes-passe-compose-en-poeme" 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/prevert.png"
            alt="Les verbes - Passé composé en poème"
        >
    </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">
                        Les verbes - Passé composé en poème
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand on parle de petit déjeuner ou déjeuner du matin (dans certains pays francophones), on pense souvent au célèbre poème de Jacques Prévert que la plupart des francophones ont appris par cœur à l'école....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60590/innovation-scientifique-et-technique" 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/snippet-scienceimage-by-this_is_engineering-from-pixabay.jpg"
            alt="Innovation scientifique et technique"
        >
    </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">
                        Innovation scientifique et technique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous allons regrouper toutes les activités du Niveau Débutant en rapport avec ce contexte mondial. Nous les classerons par thèmes / énoncés de recherche....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64054/la-culture-du-skate-board" 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/image-a-phase-3.jpg"
            alt="La culture du skate board"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La culture du skate board
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour cette évaluation, nous avons utilisé une vidéo sur Youtube qui présente la culture du skate board : son histoire et ses valeurs. Cette vidéo dure un peu moins de 6 minutes et elle est à la fois authentique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64203/paix-et-unite-dans-le-monde-a-travers-le-sport-" 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/la-paix-au-sport.png"
            alt="Paix et unité dans le monde à travers le sport "
        >
    </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">
                        Paix et unité dans le monde à travers le sport 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette courte vidéo montrant un moment mémorable et émouvant qui a eu lieu pendant les JO de 2024 à Paris nous rappelle les valeurs transmises par le sport. Après avoir visionné ce passage, les apprenants...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61343/mon-identite-a-travers-mes-relations-" 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/screenshot-2025-04-05-at-6.14.30-pm.png"
            alt="Mon identité à travers mes relations "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Chansons francophones
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mon identité à travers mes relations 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Serions-nous les mêmes si nous étions nés ailleurs ? Si nous avions eu un frère ? Si nos amis étaient différents ? Si on venait à manquer à notre père absent  ? Si la relation avec notre père était forte...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61972/ratatouille-scene-du-film-dans-un-e-mailcourriel" 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-2/ratatouille.jpeg"
            alt="Ratatouille (scène du film) dans un e-mail/courriel"
        >
    </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">
                        Ratatouille (scène du film) dans un e-mail/courriel
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ton expression écrite avec cette scène de Ratatouille (2:21). Cette activité se fait en 3 étapes et permet de pratiquer le format de l'email/courriel :  Regarde l'extrait de RATATOUILLE.  Réponds...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 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=4" 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>
