<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/68454/lecotourisme-au-quebec-phase-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-files/capable/unite-6/snippet-b-phase-3.png"
            alt="L&amp;#039;écotourisme au Québec (Phase 3) "
        >
    </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">
                        L&#039;écotourisme au Québec (Phase 3) 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour créer cette évaluation de Phase 3, nous avons utilisé un article d'un site gouvernemental québécois destiné aux jeunes adolescents et qui explique assez clairement, avec notamment quelques illustrations,...</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/60275/niveau-competent" 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/assessment-icons/desk-593327_1280.jpg"
            alt="Niveau Compétent"
        >
    </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">
                        Niveau Compétent
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les évaluations de compréhension écrite de toutes les unités du Niveau Compétent ont été regroupées ci-dessous. Elles peuvent être utilisées en cours avec les élèves comme pratique ou comme tâches évaluées...</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/68120/tourisme-la-bretagne-a-la-cote-" 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/a-phase-3-image.jpg"
            alt="Tourisme, la Bretagne a la cote !"
        >
    </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">
                        Tourisme, la Bretagne a la cote !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour cette évaluation, nous avons utilisé un reportage suivi d'une discussion qui se penche sur la Bretagne comme destination touristique très prisée par les Français à cause du réchauffement climatique...</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/60274/niveau-competent" 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/assessment-icons/rupixen-lyksrm9lw2m-unsplash.jpg"
            alt="Niveau Compétent"
        >
    </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">
                        Niveau Compétent
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les évaluations de compréhension orale de toutes les unités du Niveau Compétent ont été regroupées ci-dessous. Elles peuvent être utilisées en cours avec les élèves comme pratique ou comme tâches évaluées...</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/61090/unite-1-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="Unité #1 Dis-moi qui tu aimes..."
        >
    </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é #1 Dis-moi qui tu aimes...
                                    

                    </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é des relations en commençant par explorer la définition de...</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/66545/unite-6-vive-les-vacances-" 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-6/emergent-u6-a-phase-2-snippet.jpg"
            alt="Unité #6 Vive les vacances !"
        >
    </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 Vive les vacances !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité peut être utilisée aussi bien pour la Phase 1 que la Phase 2, en fonction de l’âge des apprenants et de la progression de leur apprentissage. Elle se concentre sur le concept spécifié de la...</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/64371/unite-5-la-mode-se-demode-le-style-jamais" 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/a-phase-1-image.jpg"
            alt="Unité #5 La mode se démode, le style jamais."
        >
    </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 La mode se démode, le style jamais.
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité peut être utilisée aussi bien pour la Phase 1 que la Phase 2, en fonction de l’âge des apprenants et de la progression de leur apprentissage. Elle se concentre sur le concept spécifié du changement...</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/63461/unite-4-les-loisirs-cest-sacre-" 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/image-a1.jpg"
            alt="Unité #4 Les loisirs, c&amp;#039;est sacré !"
        >
    </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é #4 Les loisirs, c&#039;est sacré !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité peut être utilisée aussi bien pour la Phase 1 que la Phase 2, en fonction de l’âge des apprenants et de leur maturité. Elle se concentre sur le concept spécifié de communautés en permettant...</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/62530/unite-3-bienvenue-a-lecole-" 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/a-image-une-journee-au-college.jpg"
            alt="Unité #3 Bienvenue à l&amp;#039;école !"
        >
    </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 Bienvenue à l&#039;école !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité peut être utilisée aussi bien pour la Phase 1 que la Phase 2, en fonction de l’âge des apprenants et de leur maturité. Elle se concentre sur le concept spécifié de la culture en permettant...</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/61439/unite-2-a-table-" 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/waitress-2376728_1280.jpg"
            alt="Unité #2 À table !"
        >
    </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 À table !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité peut être utilisée aussi bien pour la Phase 1 que la Phase 2 tant elle est riche au niveau des bases de la langue et des éléments culturels. Elle se concentre sur le concept spécifié de la...</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=15" 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>
