<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/19685/comparar-y-contrastar" 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/screen-shot-2015-11-01-at-22.40.19-479x269.png"
            alt="Comparar y contrastar"
        >
    </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">
                        Comparar y contrastar
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Estos conectores se usan cuando se quiere comparar o contrastar. Te ofrecemos un listado con ejemplos que puedes descargarte y tratar con los alumnos.  Te puedes descargar este documento en pdf para tus...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19145/pronombres-interrogativos" 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/question-mark-2110767_640.jpg"
            alt="Pronombres interrogativos"
        >
    </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">
                        Pronombres interrogativos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Los pronombres los presentamos en las primeras clases para que los alumnos se acostumbren a formular preguntas en la lengua meta y a entenderlas. En un principio, no es necesario sistematizar el significado...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19803/el-preterito-perfecto" 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/austin-distel-599272-unsplash-1-450x360.jpg"
            alt="El pretérito perfecto"
        >
    </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 perfecto
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El pretérito perfecto o pretérito perfecto compuesto es un tiempo verbal que se usa para expresar acciones en el pasado que de alguna manera está relacionada con el presente. Con el pretérito perfecto...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 November 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/blog/28928/paginas-actualizadas" 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/internet/play-stone-1237458_1280.jpg"
            alt="Páginas actualizadas"
        >
    </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">
                        Páginas actualizadas
                                                <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 esta entrada nos gustaría prestar atención a los cambios que hemos estado realizando en nuestra página. El apartado de recursos se ha actualizado y esperamos que sea de gran utilidad. En especial,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 March 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19137/diccionarios" 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/20150619_140718.jpg"
            alt="Diccionarios"
        >
    </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">
                        Diccionarios
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Enseñar español en contexto implica un uso continuo de la lengua meta. Es evidente que nuestros estudiantes no entienden todo a lo que están expuestos y que usan diccionarios electrónicos continuamente....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 March 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/blog/28783/siguenos-en-facebook" 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/subject/generic/40/03.jpg"
            alt="¡Síguenos en Facebook!"
        >
    </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">
                        ¡Síguenos en Facebook!
                                                <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"> Queridos profes: Estamos muy entusiasmados de que la página se haya lanzado y esperamos que esté siendo de gran utilidad y ayuda para todos vosotros. Te recomendamos que nos sigas también en nuestro grupo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 March 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/blog/28767/presentacion-de-la-pagina" 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/subject/generic/40/04.jpg"
            alt="Presentación de la página"
        >
    </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">
                        Presentación de la página
                                                <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 damos la bienvenida a esta página. Hemos realizado esta página con mucho cariño para ayudar a profesores que enseñan español en el programa del PAI (MYP). En los próximos meses todos los recursos son...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2019
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22979/ejemplos-de-actividades" 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/subject/generic/40/01.jpg"
            alt="Ejemplos de actividades"
        >
    </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">
                        Ejemplos de actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Menudas estrellas El mercadillo de la clase Mapa turístico de Tabio ¿Por qué estudias español? ¡Hola me llamo Ana! Un mensaje a mi amigo español Invitaciones El tiempo libre en familia Karateka Esta es...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22977/ejemplos-de-actividades" 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/subject/generic/40/02.jpg"
            alt="Ejemplos de actividades"
        >
    </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">
                        Ejemplos de actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Este soy yo Yo no soy negro, tú no eres blanco El colegio ideal El mejor deporte La orquesta de los objetos reciclados Viaje sostenible a un parque natural Las partes del cuerpo (Monstruos) Caperucita...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22991/ejemplos-de-actividades" 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/subject/generic/40/03.jpg"
            alt="Ejemplos de actividades"
        >
    </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">
                        Ejemplos de actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Yo no soy negro, tú no eres blanco Las injusticias de la ropa Hiyab Juguetes sexistas Los niños trabajadores Ni una menos Valores humanos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2017
                        </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=71" 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>
