<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/62042/les-mots-magiques-ou-la-politesse" 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/screenshot-2025-05-01-at-10.04.52-am.png"
            alt="Les mots magiques (ou la politesse)"
        >
    </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 mots magiques (ou la politesse)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans nos interactions avec les autres, on utilise des mots de politesse pour montrer qu'on respecte les gens. C'est très important pour entretenir des relations positives. Au restaurant par exemple, on...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61977/le-petit-dejeuner" 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/au-petit-dejeuner-alain-le-lait.jpg"
            alt="Le petit déjeuner"
        >
    </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">
                        Le petit déjeuner
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette petite vidéo et les exercices qui l'accompagnent sont utiles pour réviser le vocabulaire nécessaire pour faire les évaluations de cette unité.  Topics: U2 Flashcards Au petit déjeunerLevels: #FFD151Number...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61953/les-moments-de-la-journee" 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/le-cafe-de-oldelaf.jpg"
            alt="Les moments de la journée"
        >
    </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 moments de la journée
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand on parle de nos habitudes alimentaires, on fait souvent référence au moment de la journée : le matin, le midi, l'après-midi, le soir, ou encore l'heure exacte. Avec la vidéo/le court-métrage de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60887/les-nombres" 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/markus-krisetya-vkp9wg-vasq-unsplash.jpg"
            alt="Les nombres"
        >
    </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 nombres
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les nombres sont utiles pour parler de l’âge de quelqu'un mais aussi pour donner les numéros de téléphone, les dates (les dates d’anniversaire par exemple, la date d’aujourd’hui) et l'heure. En plus,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61881/creer-la-carte-de-petits-dejeuners-francophones" 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/activite-carte-petit-dejeuner.png"
            alt="Créer la carte de petits déjeuners francophones"
        >
    </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">
                        Créer la carte de petits déjeuners francophones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale et explore des cultures francophones : regarde ces cinq vidéos de différents pays francophones et complète cette carte de restaurant pour le petit déjeuner à partir des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61230/comment-ca-va-moi-je-mappelle" 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/qingyu-rcl3rwhqolw-unsplash.jpg"
            alt="Comment ça va ? Moi, je m&amp;#039;appelle..."
        >
    </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">
                        Comment ça va ? Moi, je m&#039;appelle...
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons regroupé dans cette section des chansons classiques ou plus récentes qui reprennent les mots de base en français : comment ça va, bonjour je m'appelle, bonjour mon ami, etc. C'est l'occasion...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61337/ecrire-un-article-sur-lamitie" 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/the-now-time-ej2x6bxq1ec-unsplash.jpg"
            alt="Écrire un article sur l&amp;#039;amitié"
        >
    </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">
                        Écrire un article sur l&#039;amitié
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette pratique écrite vous permettra de continuer à réfléchir sur les concepts d'identité et de relations et éventuellement de vous préparer à vos évaluations. En rassemblant toutes vos pensées sur ce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61334/explorer-son-identite-en-faisant-un-zine" 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/activite-zine-1.png"
            alt="Explorer son identité en faisant un zine"
        >
    </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">
                        Explorer son identité en faisant un zine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratiquez votre compréhension écrite : lisez ce blog sur l'exploration de son identité en créant un zine. Mais qu'est-ce que c'est un zine ? Et comment définir son identité ? Si vous deviez vous présenter...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 April 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61194/les-types-de-famille" 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/goose-1339247_1280.jpg"
            alt="Les types de famille"
        >
    </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 types de famille
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette vidéo (4:07) explique le concept de famille dans la société française. L'exercice qui l'accompagne permettra aux apprenants de se familiariser avec le vocabulaire en rapport avec les modèles familiaux...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60947/la-syntaxe-les-adjectifs-apres-le-nom" 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-12.46.15-pm.png"
            alt="La syntaxe - les adjectifs après le nom"
        >
    </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 adjectifs après le nom
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour présenter ou présenter quelqu'un, on utilise des adjectifs. La place de ces adjectifs dans la phrase peut être différente. Dès le début du niveau débutant, dans le cadre de la description physique,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 March 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=45" 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>
