<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/60225/assessment-skills" 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/assessment-skills.png"
            alt="Assessment skills"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Assessment skills
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There are four language skills (=objectives) in the MYP Language acquisition programme but there are all interconnected. When you get better at one, it improves the other skills too! Here are a few specific...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60599/orientation-dans-lespace-et-le-temps" 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/activites-pour-les-apprenants/snippet-orientation-experimente.jpg"
            alt="Orientation dans l&amp;#039;espace et le temps"
        >
    </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">
                        Orientation dans l&#039;espace et le temps
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les activités du niveau expérimenté en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60602/mondialisation-et-durabilite" 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/snippetmondialisationphoto-de-simon-kessler-sur-unsplash.jpg"
            alt="Mondialisation et durabilité"
        >
    </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">
                        Mondialisation et durabilité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous allons regrouper toutes les activités du niveau expérimenté en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60591/mondialisation-et-durabilite" 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/activites-pour-les-apprenants/snippet-mondialisation-deb-freepik.jpg"
            alt="Mondialisation et durabilité"
        >
    </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">
                        Mondialisation et durabilité
                                    

                    </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 avons classées par thèmes / énoncés de recherche.  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60589/orientation-dans-lespace-et-le-temps" 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-1/eyeglasses-8227429_1280.jpg"
            alt="Orientation dans l&amp;#039;espace et le temps"
        >
    </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">
                        Orientation dans l&#039;espace et le temps
                                                <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 activités du niveau débutant qui appartiennent à ce contexte mondial. Nous les avons classées par différents sous-thème tels qu'ils sont proposés par...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60603/equite-et-developpement" 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/mathilde-fouque.jpg"
            alt="Equité et développement"
        >
    </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">
                        Equité et développement
                                                <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 activités du niveau compétent en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.    Dans cette vidéo, la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/63203/qui-est-autorise-a-aller-a-lecole-unesco" 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/unescofrench.jpg"
            alt="Qui est autorisé à aller à l’école ? (Unesco)"
        >
    </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">
                        Qui est autorisé à aller à l’école ? (Unesco)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons souvent tendance à prendre l'éducation scolaire comme une évidence. Cependant, en fonction de là où on est né et/ou on vit, on a plus ou moins la chance de pouvoir aller à l'école et d'accéder...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60601/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/proficient/snippet-science.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
                                                <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 activités du niveau compétent en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.    On parle à droite et...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/63184/le-systeme-scolaire-francais-est-il-le-pire-du-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/proficient/unite-3/mathilde-fouque.jpg"
            alt="Le système scolaire français est-il le pire du monde ?"
        >
    </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 système scolaire français est-il le pire du monde ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette vidéo, la jeune youtubeuse Mathilde Fouqué compare le système scolaire français aux autres systèmes scolaires dans le monde. À travers son analyse, vous en apprendrez plus sur l'école en France,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65075/prise-de-position-par-rapport-a-lia" 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/activite-eo-image.jpg"
            alt="Prise de position par rapport à l&amp;#039;IA"
        >
    </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">
                        Prise de position par rapport à l&#039;IA
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Et si vous deviez prendre position en faveur ou contre l'IA, que diriez-vous ? Comment tenteriez-vous de convaincre votre interlocuteur de la pertinence de vos idées ? Quels arguments avanceriez-vous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 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="/myp-french-la/latest-updates?page=39" 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>
