<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/41770/la-novela-grafica" 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/spanishb/images/Ll/screenshot-2021-10-06-at-08.47.50.png"
            alt="La novela gráfica"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La novela gráfica
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Gratis</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La novela gráfica constituye un excelente material para trabajar con los alumnos. Afortunadamente la novela gráfica ha tenido en los últimos años un nuevo resurgir con títulos muy variados que van desde...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 October 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40787/narrar" 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/spanishb/images/Ff/screenshot-2021-08-02-at-10.34.28.png"
            alt="Narrar"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Presentamos la función comunicativa: Narrar. Cuentas con una breve explicación, un vídeo y una actividad. Explicación En una narración cuentas con el comienzo donde aparecen los personajes,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 September 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/41399/sesiones-de-consultoria-" 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/spanishb/screenshot-2021-09-14-at-12.06.35.png"
            alt="Sesiones de consultoría  "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Sesiones de consultoría  
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Gratis</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este blog:Te ofrecemos información sobre sesiones de consultoría sobre la página web. Estas sesiones son completamente gratuitas y buscan poder abrir un canal de comunicación flexible, fluido y más...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/9267/gramatica" 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/spanishb/images/gramatica/screenshot-2021-08-22-at-11.08.13.png"
            alt="Gramática"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Gramática
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Te ofrecemos aspectos relacionados con la gramática que creemos muy importantes para el curso de Español B. El concepto de competencia comunicativa desarrollado a partir de los años 70...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40789/expresar-la-causa-y-la-consecuencia" 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/spanishb/images/Ff/screenshot-2021-08-02-at-10.34.28.png"
            alt="Expresar la causa y la consecuencia"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Expresar la causa y la consecuencia
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Presentamos la función comunicativa: Expresar la causa y la consecuencia. Cuentas con una breve explicación, un vídeo y una actividad. Explicación Para expresar causa y consecuencia hay...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/9028/nocturno" 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/spanishb/images/literatura/screenshot-2021-08-19-at-22.40.02.png"
            alt="Nocturno"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   En esta sección:Trabajamos Nocturno de Alberti. El nocturno es una pieza de música que se popularizó en el siglo XVIII y XIX y que se tocaba de noche. También bautizaron con este nombre algunas piezas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/38314/el-preterito-pluscuamperfecto" 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/spanishb/screenshot-2021-03-15-at-08.41.06.png"
            alt="El pretérito pluscuamperfecto"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El pretérito pluscuamperfecto
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí te ofrecemos explicaciones y un vídeo sobre el pretérito pluscuamperfecto. También encontrarás tests para practicar este tiempo al final de la sección de los tiempos pasados. ¿Cómo se forma? Se forma...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40965/el-condicional-simple" 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/spanishb/screenshot-2021-03-15-at-09.18.22.png"
            alt="El condicional simple"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El condicional simple
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Trabajamos el condicional simple, sus formas, sus irregulares y sus usos. Ofrecemos también un vídeo y explicaciones y algunas actividades para practicarlo.  ¿Cuándo se utiliza el condicional?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40911/el-imperfecto-de-subjuntivo" 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/spanishb/screenshot-2021-03-15-at-09.18.22.png"
            alt="El imperfecto de subjuntivo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El imperfecto de subjuntivo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Trabajamos el pretérito imperfecto de subjuntivo, sus formas tanto regulares como irregulares y algunos de sus usos con explicaciones, un vídeo y algunas actividades.    Actividades...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40936/letras-y-sonidos-especiales" 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/spanishb/screenshot-2021-08-11-at-21.41.28.png"
            alt="Letras y sonidos especiales"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Letras y sonidos especiales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección: Trabajamos algunos sonidos característicos del español. Ofrecemos explicaciones y modelos en nuestro vídeo y otras sugerencias y actividades.  La "ñ" se ha convertido en un símbolo del...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 August 2021
                        </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="/spanishb/latest-updates?page=176" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Cargar más
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Cargando...</span>
    </div>
</div>

        </template>
    </turbo-stream>
