<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/31053/fiche-de-lecture" 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/frenchb/images/Illustrations/joao-silas-9cdjeqtdyy-unsplash-405x270.jpg"
            alt="Fiche de lecture"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Une fiche de lecture porte sur toute une œuvre. Il ne s’agit pas, cependant, de tout dire ou de tout décrire sur l’œuvre mais d’en faire une synthèse précise et concise. La fiche de lecture peut être...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/45176/antigone-extraits" 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/frenchb/images/book-covers/antigone-439x720.jpg"
            alt="Antigone - Extraits"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Antigone - Extraits
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Jean Anouilh, Antigone, Éditions La Table ronde, 1946 Le jeune homme avec qui parle la blonde, la belle, l'heureuse Ismène, c'est Hémon, le fils de Créon. Il est le fiancé d'Antigone. Tout le portait...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/28704/banque-de-questions-partage-de-la-planete" 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/frenchb/images/examen-oral-individuel/planet-volumes-d-kidionm2m-unsplash-1280x626.jpg"
            alt="Banque de questions - Partage de la planète"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Banque de questions - Partage de la planète
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quelques suggestions pour vous aider à préparer les examens oraux individuels. Faire passer les examens oraux individuels peut s'avérer stressant pour les enseignants : il faut en effet gérer la logistique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/28701/banque-de-questions-ingeniosite-humaine" 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/frenchb/images/examen-oral-individuel/planet-volumes-d-kidionm2m-unsplash-1280x626.jpg"
            alt="Banque de questions - Ingéniosité humaine"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Banque de questions - Ingéniosité humaine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quelques suggestions pour vous aider à préparer les examens oraux individuels. Faire passer les examens oraux individuels peut s'avérer stressant pour les enseignants : il faut en effet gérer la logistique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/28699/banque-de-questions-experiences" 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/frenchb/images/examen-oral-individuel/planet-volumes-d-kidionm2m-unsplash-1280x626.jpg"
            alt="Banque de questions - Expériences"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Banque de questions - Expériences
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quelques suggestions pour vous aider à préparer les examens oraux individuels. Faire passer les examens oraux individuels peut s'avérer stressant pour les enseignants : il faut en effet gérer la logistique...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/48246/et-vous-etes-vous-une-bonne-ecocitoyenne-" 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/frenchb/images/theorie-de-la-connaissance/guillaume-de-germain-6xw9wmjyhus-unsplash-404x270.jpg"
            alt="Et vous, êtes-vous un·e bon·ne écocitoyen·ne ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Et vous, êtes-vous un·e bon·ne écocitoyen·ne ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Êtes-vous un·e bon·ne écocitoyen·ne ? Seriez-vous prêt·e à sacrifier votre confort individuel immédiat pour le bien environnemental commun à long terme ? Comment savoir si les énergies vertes constituent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/42630/ingeniosite-humaine" 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/frenchb/images/Illustrations/museedorsay-405x270.jpg"
            alt="Ingéniosité humaine"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Ingéniosité humaine
                                                <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"> Explorer les façons dont la créativité et l’innovation humaines influent sur notre monde. (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/39932/migrants-clandestins-la-traversee-de-tous-les-dangers" 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/frenchb/images/activites-sur-les-themes/sos-humanite-en-danger-404x270-404x270.jpg"
            alt="Migrants clandestins : la traversée de tous les dangers"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Migrants clandestins : la traversée de tous les dangers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous trouverez ici différentes activités qui vous permettront d'en apprendre plus sur ce sujet et d'en discuter. Chaque migrant quitte son pays pour diverses raisons et dans l’espoir d’améliorer sa propre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/42626/identites" 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/frenchb/images/Illustrations/rawpixel-455996-unsplash-404x270.jpg"
            alt="Identités"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Identités
                                                <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"> Explorer la nature du soi et de ce que signifie « être humain ». (Guide de langue B, p. 22)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/43233/iel-un-nouveau-pronom-dans-la-langue-francaise" 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/frenchb/images/Illustrations/screenshot-2022-01-23-at-11.00.15-480x234.jpeg"
            alt="Iel : un nouveau pronom dans la langue française"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Iel : un nouveau pronom dans la langue française
                                                <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"> Chaque fin d’année, les Français attendent avec impatience la liste de mots qui vont faire leur apparition dans la nouvelle édition du dictionnaire Le Robert ou du dictionnaire Larousse. En novembre 2021,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 May 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="/frenchb/latest-updates?page=81" 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>
