<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/26241/conectados" 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/Cc/conectados.png"
            alt="Conectados"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26243/la-loteria" 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/Ii/loteria.png"
            alt="La lotería"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   A continuación te presentamos una breve actividad para trabajar con este anuncio de la lotería de Navidad de 2017. Puedes también incluir esta actividad en tu planificación, no consta con el detalle...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26244/la-tomatina" 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/Tt/tomatina.png"
            alt="La tomatina"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26245/la-igualdad-de-genero" 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/Ii/iguales.png"
            alt="La igualdad de género"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La igualdad de género
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/12678/el-cerebro-descifrara-las-siguientes" 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/Cerebro%202.png"
            alt="El cerebro descifrará las siguientes..."
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El cerebro descifrará las siguientes...
                                                <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">  El cerebro descifrará las siguientes... es un ejemplo simple pero efectivo de cómo se puede llamar la atención de nuestros alumnos en 5 minutos y con algo muy diferente y a lo que, en general, los alumnos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26246/la-sociabilidad" 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/Ee/estrella.png"
            alt="La sociabilidad"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/12679/el-mundo-today" 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/El mundo today pic.png"
            alt="El Mundo today"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El Mundo today
                                                <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">  El Mundo Today es un periódico de periodismo satírico que puede resultar muy gracioso para tus clases de español, en particular, es muy útil si se acostumbra a leer períodicos o inclusive titulares en...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/26247/donacion-de-organos" 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/Oo/organ.png"
            alt="Donación de órganos"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A continuación una sugerencia para trabajar este material audiovisual. Puedes también incluir esta actividad en tu planificación, no consta con el detalle de las actividades largas porque precisamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/12680/one-semester-of-spanish" 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/One semester of Spanish.png"
            alt="One semester of Spanish"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        One semester of Spanish
                                                <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">  One semester of Spanish como la segunda parte son dos  vídeos sobre la lengua española muy divertidos para trabajar en la clase de español. Un debate interesante podría ser en TdC: ¡cómo se aprende una...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/12681/que-hora-es" 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/Qué hora es.png"
            alt="¿Qué hora es?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Unidades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        ¿Qué hora es?
                                                <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">  Qué hora es es una telenovela muy divertida donde sólo se habla el español de las ¡primeras semanas! Además de ser un elemento motivador para los alumnos, este  vídeo-telenovela puede ser un estímulo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 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="/spanishb/latest-updates?page=9" 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>
