<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/37374/mis-primeros-pasos-en-la-clase-de-espanol" 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/colegio/elijah-m-henderson-uqggm6nfei-unsplash-405x270.jpg"
            alt="Mis primeros pasos en la clase de español"
        >
    </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">
                        Mis primeros pasos en la clase de español
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea sumativa para el criterio C se realizó al finalizar la primera unidad del nivel inicial. En esta unidad introductoria los alumnos aprendieron a comprender y dar información personal básica...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/36893/eres-unico-profesores" 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/colegio/captura-de-pantalla-2020-11-25-a-las-6.15.39.png"
            alt="Eres único (profesores)"
        >
    </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">
                        Eres único (profesores)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea puede realizarse de manera sumativa o formativa para evaluar el criterio A. Nuestros alumnos de nivel intermedio deben demostrar aquí la comprensión de información explícita e implícita en...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37379/soy-un-adolescente-tipico" 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/destrezas/desk-2906792_640.png"
            alt="¿Soy un adolescente típico?"
        >
    </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">
                        ¿Soy un adolescente típico?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea sumativa para el criterio D se realizó al finalizar la primera unidad de alumnos que llevan estudiando español durante un año. En esta unidad introductoria los alumnos aprendieron a dar información...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/36320/mi-cultura-y-yo-tarea-escrita" 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/personas/zachary-nelson-98elr-livd8-unsplash-2.jpg"
            alt="Mi cultura y yo: tarea escrita"
        >
    </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">
                        Mi cultura y yo: tarea escrita
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea evalúa la expresión escrita para el nivel intermedio. Los alumnos escriben a mano una entrada de blog respondiendo a un estímulo visual y escrito. En el texto deben explicar que son únicos,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37376/el-poder-de-las-redes-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/myp-spanishb/images/tecnologia/austin-distel-tlzhfrlj6ny-unsplash-404x270.jpg"
            alt="El poder de las redes sociales"
        >
    </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">
                        El poder de las redes sociales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta tarea sumativa para el criterio C se realizó al final de una unidad sobre el tema de las redes sociales dentro del contexto global "Innovación científica y técnica". Los alumnos tuvieron acceso a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 January 2021
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/36843/noticias-del-cambio-climatico-aspecto-iii" 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/globalizacion/bill-oxford-rdlers3zggq-unsplash.jpg"
            alt="Noticias del cambio climático (aspecto iii)"
        >
    </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">
                        Noticias del cambio climático (aspecto iii)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mira el video y contesta las preguntas. Estas preguntas son para el aspecto iii. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/36754/brujula-profesores" 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/indagacion/absolutvision-364214-unsplash.jpg"
            alt="Brújula (profesores)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Diseño del curso
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Brújula (profesores)
                                                <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 brújula de Harvard Project Zero es un método ideal para reflexionar al final de cualquier unidad. Se puede hacer en inglés para el nivel incial y en español a partir del nivel intermedio.  Es una buena...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22756/entradas-de-blog-personal" 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/textos/neonbrand-3gznpblimwc-unsplash.jpg"
            alt="Entradas de blog personal"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aprendemos las convenciones textuales de un blog. Después de conocer las características de la estructura, puedes ver el video explicativo y un ejemplo que te puedes descargar para analizar.  Las entradas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22755/poster" 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/textos/yonghyun-lee-rhgk4qowxxw-unsplash.jpg"
            alt="Póster"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aprendemos las convenciones textuales de un póster. Después de conocer las características de la estructura, puedes ver el video explicativo y un ejemplo que te puedes descargar para analizar.  El póster...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22788/discurso" 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/texts/captura-de-pantalla-2017-02-21-a-la(s)-0.10.41.png"
            alt="Discurso"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aprendemos las convenciones textuales de un discurso. Después de conocer las características de la estructura, puedes ver el video explicativo y un ejemplo que te puedes descargar para analizar.  1. Introducción...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 November 2020
                        </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=67" 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>
