<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/65530/organisation-du-vocabulaire-dans-le-classeur-3" 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-prefixes-suffixes.png"
            alt="Organisation du vocabulaire dans le classeur #3"
        >
    </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 du vocabulaire dans le classeur #3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Avec plus d'expérience du français, les apprenants commencent à remarquer dans les nouveaux mots de vocabulaire, certains préfixes, suffixes et radicaux qui se ressemblent et à partir desquels ils peuvent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65528/organisation-du-vocabulaire-dans-le-classeur-2" 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-etymologie.png"
            alt="Organisation du vocabulaire dans le classeur #2"
        >
    </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 du vocabulaire dans le classeur #2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les mots sont fascinants. Quand on apprend une langue et qu'on découvre du vocabulaire, on se sent un peu comme un.e détective : on regarde le mot, on essaie de le prononcer, on le compare avec d'autres...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61396/les-verbes-pratique-des-temps-de-lindicatif-lidentite" 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/book-2929646_1280.jpg"
            alt="Les verbes - Pratique des temps de l&amp;#039;indicatif (l&amp;#039;identité)"
        >
    </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 - Pratique des temps de l&#039;indicatif (l&#039;identité)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces exercices permettront de réviser la conjugaison des verbes à l'indicatif présent et passé tout en donnant à lire des histoires personnelles/monologues qui répondent aux questions de l'activité orale...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61338/qui-etes-vous-faites-votre-autoportrait-et-repondez-aux-question" 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-ismael-sanchez-200407-2282000.jpg"
            alt="Qui êtes-vous ? Faites votre autoportrait et répondez aux questions !"
        >
    </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 êtes-vous ? Faites votre autoportrait et répondez aux questions !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Préparez un court slam sur vous en suivant les quelques consignes qu'on vous donne et réfléchissez aux réponses que vous pourriez donner à l'oral si on vous questionniez sur votre identité.  À l'instar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60948/les-adjectifs-laccord-avec-le-genre-et-le-nombre" 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/screenshot-2025-03-09-at-1.30.45-pm.png"
            alt="Les adjectifs - l&amp;#039;accord avec le genre et le nombre"
        >
    </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 adjectifs - l&#039;accord avec le genre et le nombre
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les adjectifs sont très pratiques pour décrire quelqu'un. Au niveau débutant, on les utilise pour la description physique et pour le caractère aussi. Un adjectif peut avoir 2 ou 4 formes différentes parce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62955/les-verbes-conjugaison-a-limparfait-identite-ecole" 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/l-ecole-d-autrefois.jpg"
            alt="Les verbes - Conjugaison à l&amp;#039;imparfait (identité, école)"
        >
    </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 - Conjugaison à l&#039;imparfait (identité, école)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'école peut être différente d'une culture à une autre mais elle change aussi dans une même culture, avec le temps, d'une époque à une autre. Regardons à quoi ressemblait l'école en France dans le temps....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/63851/les-loisirs-quest-ce-que-tu-fais-quand-tu-ne-fais-rien-" 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-4/screenshot-2025-08-13-at-1.12.37-pm.png"
            alt="Les loisirs : Qu’est-ce que tu fais quand tu ne fais rien ?"
        >
    </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 loisirs : Qu’est-ce que tu fais quand tu ne fais rien ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Qu'est-ce que tu fais quand tu as du temps libre ? Quels sont les loisirs de ton pays ? Et quels sont les passe-temps préférés des Français ? À l'aide de deux vidéos authentiques, nous allons voir ou...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65196/niveau-debutant-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/emergent/phases-1-2.png"
            alt="Niveau Débutant (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 Débutant (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 Débutant. 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">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60181/par-ou-commencer" 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-par-ou-commencer.png"
            alt="Par où commencer"
        >
    </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">
                        Par où commencer
                                                <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"> Ce site est conçu aussi bien pour les enseignants que pour leurs élèves. Le matériel pédagogique qui comprend les évaluations des quatre compétences linguistiques a pour but d'aider les enseignants à...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65642/evaluation-electronique" 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-e-assessments.png"
            alt="Évaluation électronique"
        >
    </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">
                        Évaluation électronique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sur cette page, nous avons regroupé les grandes idées de la structure de l'évaluation électronique (e-Assessments) qui est requise pour l'obtention du certificat du PEI. Ces directives ne concernent que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 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=22" 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>
