<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/34770/concurso-de-montaditos" 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/myp-spanishb/images/comida/sandwich-2408026_1280.jpg"
            alt="Concurso de montaditos"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Temas que vas a aprender:  Vas a aprender: 1. Relaciona las imágenes con las palabras. Escribe las palabras en tu cuaderno personal junto con su significado.   Image Gallery los cubiertos el tenedor la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/39189/seremos-leonas-aspecto-ii-y-iii-alumnos-" 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/myp-spanishb/images/valores/images.jpg"
            alt="Seremos Leonas - Aspecto ii y iii (alumnos) "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Seremos Leonas - Aspecto ii y iii (alumnos) 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Lee el texto y contesta las preguntas. Siempre he sentido que no encajo en ningún lugar, que no me divierto con las cosas que divierten a los demás. Cuando era niño, me pasaba horas jugando con las muñecas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/62587/la-isla-de-bad-bunny" 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/myp-spanishb/images/arte/captura-de-pantalla-2025-06-04-a-las-10.15.58.png"
            alt="La isla de Bad Bunny"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La isla de Bad Bunny
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea sumativa conecta la expresión artística con la identidad cultural de un pueblo. Por medio de la reseña del álbum DeBÍ TiRAR MáS FOToS de Bad Bunny los estudiantes analizan e interpretan la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/47037/graffiti-" 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/myp-spanishb/images/arte/images.jpg"
            alt="Graffiti "
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El cuento de Julio Cortázar, "Graffiti", ayuda al alumno a entender la situación política en Argentina durante la dictadura (1976-1983) por medio de la relación amorosa entre dos artistas callejeros quienes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/23315/diamantes-en-el-estrecho" 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/myp-spanishb/images/derechos-humanos/una-patera-de-goma-llena-de-migrantes-africanos-enmedio-del-mar.jpg"
            alt="Diamantes en el Estrecho"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea sumativa está diseñada para el nivel competente. Por medio de la lectura del cuento “Diamantes en el Estrecho”, que tiene como protagonista a Olobunmi, una mujer nigeriana, los estudiantes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/33668/evaluacion" 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/myp-spanishb/images/evaluacion/feedback-19779861280-1183x720.jpg"
            alt="Evaluación"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Evaluación
                                                <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"> Aquí tienes todo lo relacionado con la evaluación. Tienes ejemplos de tareas de evaluación que puedes hacer en clase, como práctica y como preparación para la evaluación electrónica.  En este apartado...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/33713/nivel-inicial-fases-1-y-2" 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/myp-spanishb/images/niveles/Screen-Shot-2015-02-13-at-11.05.03.png"
            alt="Nivel inicial (fases 1 y 2)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Nivel inicial (fases 1 y 2)
                                                <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"> In this section you have activities for the beginners level. En esta imagen, vemos al alumno iniciando su aprendizaje de español. Es un camino largo pero lleno de satisfacciones y de éxitos. A lo largo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/17357/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/myp-spanishb/images/gramatica/english-1973908_640.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
                                                <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 componente gramatical Sin duda alguna, la gramática es el componente de la lengua que más vaivenes y opiniones encontradas ha tenido en su tratamiento en la enseñanza de lenguas extranjeras. Las recientes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/55202/listado-de-videos" 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/myp-spanishb/images/musica/marius-masalar-rpomlgwai2w-unsplash.jpg"
            alt="Listado de vídeos"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Canciones
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Listado de vídeos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección encontrarás una selección de canciones relacionadas con los contextos globales de la asignatura. Escúchalas, explora sus letras y reflexiona sobre los temas que presentan. Te ayudarán...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/72202/trabajo-con-ia-crear-canciones" 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/myp-spanishb/images/ia/jackson-sophat-tq3sgrw9lkm-unsplash.jpg"
            alt="Trabajo con IA: crear canciones"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Trabajo con IA: crear canciones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Songs can be a fun and engaging way to practise vocabulary, as well as many other language skills. With the help of AI, we invite you to try the following activity to reinforce your learning in a creative...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 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="/myp-spanishb/latest-updates?page=3" 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>
