<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/36817/journal-intime" 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/types-de-textes/journal-intime-marcos-paulo-prado-tcyw6im5uug-unsplash-180x270.jpg"
            alt="Journal intime"
        >
    </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">
                        Journal intime
                                                <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"> Texte destiné à être lu uniquement par son auteur. L’auteur décrit son quotidien et exprime ses sentiments et ses opinions.  Critère A : Langue Vocabulaire varié Expressions idiomatiques Structures grammaticales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36808/dissertation" 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/types-de-textes/dissertation-ben-mullins-oxv3bzr7jxi-unsplash-1080x720.jpg"
            alt="Dissertation"
        >
    </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">
                        Dissertation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte rédigé dans un cadre scolaire ou universitaire.   Le texte présente une argumentation basée sur une problématique ; c’est une rédaction logique et organisée. L’auteur évalue un point de vue sur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/37003/discours-expose-debat" 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/types-de-textes/discours-180x270.jpg"
            alt="Discours / exposé / débat"
        >
    </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">
                        Discours / exposé / débat
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte informatif, explicatif, argumentatif : celui qui parle s’adresse directement à un public ciblé : habitants d’un quartier, membres d’une association, camarades de lycée… Les buts de ce type de texte...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36809/critique" 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/types-de-textes/critique2-rob-laughter-ww1jsinxgwm-unsplash-404x270.jpg"
            alt="Critique"
        >
    </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">
                        Critique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte publié dans un journal ou magazine ou sur un site Internet. Il s’agit d’un avis émis sur une œuvre, une exposition, un restaurant… Le texte est subjectif : le critique cherche à persuader ou à dissuader....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36806/courrier-des-lecteurs" 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/types-de-textes/courrier-des-lecteurs-360x270.jpeg"
            alt="Courrier des lecteurs"
        >
    </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">
                        Courrier des lecteurs
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le lecteur réagit à un article qui a été publié récemment dans un journal. Il écrit une lettre qui sera publiée dans la rubrique « Courrier des lecteurs » du journal. L’auteur de la lettre peut approuver...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36811/courriel-personnel-lettre-personnelle" 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/types-de-textes/lettre-kate-macate-xmddehycisc-unsplash-360x270.jpg"
            alt="Courriel personnel / lettre personnelle"
        >
    </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">
                        Courriel personnel / lettre personnelle
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte dans lequel l’auteur s’adresse à quelqu’un qu’il connaît : famille, amis, connaissances… L’auteur donne des nouvelles. Il raconte son quotidien, partage ses sentiments et ses opinions sur un sujet...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36812/courriel-officiel-lettre-officielle" 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/types-de-textes/courriel-stephen-phillips-hostreviews-co-uk-f8qgtxuc6-e-unsplash-464x270.jpg"
            alt="Courriel officiel / lettre officielle"
        >
    </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">
                        Courriel officiel / lettre officielle
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte entre l’auteur et quelqu’un qu’il ne connaît pas personnellement ou entre l’auteur et un organisme. L’auteur communique un message précis (l’objet de la lettre). Les buts de ce type de texte sont...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36804/chronique-dopinion" 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/types-de-textes/chronique-markus-winkler-jokfw6yfrgs-unsplash-405x270.jpg"
            alt="Chronique d&#039;opinion"
        >
    </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">
                        Chronique d'opinion
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte d’opinion publié de façon régulière par un journaliste (chroniqueur). La chronique d’opinion traite d’un événement récent ou d’un thème d’actualité et reflète une opinion personnelle.  Critère A...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36794/blog" 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/types-de-textes/blog-andrew-neel-ute2xafqu2i-unsplash-180x270.jpg"
            alt="Blog"
        >
    </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">
                        Blog
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Site web publié périodiquement et destiné à être lu par un public en ligne. L’auteur décrit, raconte, partage ses sentiments et ses opinions. L’auteur a la possibilité d’interagir avec ses lecteurs (à...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36759/analyse-de-la-tache-ns-corrige" 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/subject/generic/33/01.jpg?v=1790338359"
            alt="Analyse de la tâche (NS) - Corrigé"
        >
    </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">
                        Analyse de la tâche (NS) - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'activité qui suit vous aidera à analyser une tâche et vous permettra ainsi de faire preuve de votre compréhension conceptuelle. Pour atteindre la bande 5-6 au Critère C, la compréhension conceptuelle...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 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="/frenchb/latest-updates?page=47" 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>
