<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/57216/nivel-superior" 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/Ww/screenshot-2024-07-03-at-00.45.25.png"
            alt="Nivel superior"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarás todo lo que necesitas para practicar este componente de manera efectiva Esta práctica es específica para la presentación, la encontrarás en el Curso para alumnos. Es una muy buena forma...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/57215/nivel-medio" 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/Ww/screenshot-2024-07-03-at-00.45.05.png"
            alt="Nivel medio"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí encontrarás todo lo que necesitas para practicar este componente de manera efectiva. Esta práctica es específica para la presentación, la encontrarás en el Curso para alumnos. Es una muy buena forma...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/41136/muestras-nm" 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/curso-virtual/screenshot-2021-08-26-at-17.52.25.png"
            alt="Muestras NM"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Muestras NM
                                                <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">  Te ofrecemos ejemplos de orales individuales con comentarios y recomendaciones. Es importante familiarizarse con el formato y los criterios de evaluación del oral individual desde el primer día. De esta...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/41092/texto-oral-5-historias-de-vida" 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/curso-virtual/screenshot-2021-05-02-at-19.11.29.png"
            alt="Texto oral 5: Historias de vida"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Review/revision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Texto oral 5: Historias de vida
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Tipo de texto: La conversaciónÁrea temática: Organización social Tipo de pregunta: Emparejar oraciones con su origen  Texto oral Vas a escuchar una conversación entre una abuela y su nieta sobre la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/56420/comprension-auditiva" 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/Vv/listening.webp"
            alt="Comprensión auditiva"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta sección cuenta con preguntas frecuentes y tres partes:. Aprendizaje. Práctica . Evaluación Aquí encontrarás cinco preguntas frecuentes sobre este componente. Hemos recopilado dudas o comentarios...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/56419/comprension-de-lectura" 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/Vv/reading.webp"
            alt="Comprensión de lectura"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Prueba 2
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Comprensión de lectura
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta sección cuenta con preguntas frecuentes y tres partes:. Aprendizaje. Práctica . Evaluación Aquí encontrarás cinco preguntas frecuentes sobre este componente de evaluación. Hemos recopilado dudas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/64364/habilidades-de-aprendizaje" 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/actividades/screenshot-2025-09-23-at-13.03.29.png"
            alt="Habilidades de aprendizaje"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las habilidades de aprendizaje son esenciales para ayudar a todo tu proceso en la adquicisión del español. Estas habilidades consolidan y enriquecen tu conocimiento de la lengua y es muy importante que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/48073/introduccion" 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/Vv/cultura-hispana.webp"
            alt="Introducción"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección:Pretendemos promover aspectos lingüísticos y culturales del mundo hispano que pueden formar parte de la clase de Español B o que se pueden explorar de manera autónoma por los alumnos....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/64360/habilidades-de-investigacion" 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/actividades/screenshot-2025-09-17-at-12.08.42.png"
            alt="Habilidades de investigación"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Habilidades de investigación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ¿Cuáles son y cómo las puedes aplicar a aprender español? Usa libros, websites o vídeos. Estrecha la búsqueda de información en temas o preguntas de investigación claras y muy enfocadas.  Ejemplo: Buscar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/64359/habilidades-sociales" 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/actividades/screenshot-2025-09-17-at-12.11.38.png"
            alt="Habilidades sociales"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las habilidades sociales tratan de las relaciones, en nuestro contexto, con los compañeros de clase y cómo puedes aprender mejor con ellos.  Presta atención a tus compañeros cuando participan en clase...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 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="/spanishb/latest-updates?page=74" 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>
