<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/15425/lecturas-juveniles" 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/literatura/literatura juvenil.png"
            alt="Lecturas juveniles"
        >
    </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">
                        Lecturas juveniles
                                                <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"> Llega el verano y quizá tengamos un poco más de tiempo para perdernos entre las páginas de nuevos libros. Acaba de caer en mis manos a través de la revista Hispanorama, editada en Alemania, información...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 June 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15404/reflexion" 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/titulos/reflexion.png"
            alt="Reflexión"
        >
    </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">
                        Reflexió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"> Ahora que se va terminando el curso (al menos en el hemisferio norte) es un buen momento para hacer una reflexión sobre nuestro trabajo con los alumnos. Toma un papel y escribe las cinco mejores cualidades...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 May 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15370/curso-de-cultura-y-civilizacion" 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/titulos/todas las voces.png"
            alt="Curso de cultura y civilización"
        >
    </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">
                        Curso de cultura y civilizació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">   El conocimiento cultural es algo imprescindible para dominar una lengua. La cultura no es un bloque cerrado, fijo e inamovible, sino algo diverso y que evoluciona. En el mundo de habla hispana, tan...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 May 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15248/nuevo-modelo" 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/Mn/modelo.png"
            alt="Nuevo modelo"
        >
    </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">
                        Nuevo modelo
                                                <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"> Como seguramente todos sabemos, se lanzaron en noviembre del año pasado los nuevos modelos de programa. El nuevo Programa para de la Escuela Primaria (PEP), el Programa de los Años Intermedios (PAI),...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 April 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15231/leer-comics" 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/literatura/Gael.png"
            alt="Leer cómics"
        >
    </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">
                        Leer cómics
                                                <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">   Os recomendamos este cómic para practicar la lectura en español. El nivel es A2, lo que quiere decir que no es difícil y es una forma estupenda de repasar vocabulario. Puede ser una invitación a que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 March 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15201/los-deberes" 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/aprendizaje/deberes.JPG"
            alt="Los deberes"
        >
    </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">
                        Los deberes
                                                <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"> Debemos replantearnos muchas de las cuestiones en cuanto a los deberes. Por ejemplo, algunas de las preguntas que nos deberíamos hacer son: Vamos a reflexionar sobre algunos de estos puntos: Los deberes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 March 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15189/leer-para-comprender" 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/titulos/leer para comprender.png"
            alt="Leer para comprender"
        >
    </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">
                        Leer para comprender
                                                <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"> Leer es mucho más que decodificar las palabras. Es un proceso mental pero en el que también intervienen los sentimientos, las experiencias y la motivación. El trabajo del profesor/a ante la comprensión...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 March 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15161/la-identidad" 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/titulos/identidad.png"
            alt="La identidad"
        >
    </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">
                        La identidad
                                                <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é es lo que realmente nos identifica? La identidad de las personas, lo que les hace ser ellos y no otros puede ser un tema interesante para trabajar con nuestros alumnos. Este tema va relacionado con...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 February 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15129/cielo-infierno" 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/titulos/cielo infierno.png"
            alt="Cielo infierno"
        >
    </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">
                        Cielo infierno
                                                <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">       Érase una vez un hombre que a su muerte tuvo que ir al infierno. Al llegar allí todo estaba en completo silencio hasta que sonó una campana y se abrieron las celdas individuales dejando paso a unas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 February 2013
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/15082/nubes-de-palabras" 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/literatura/el Quijote.png"
            alt="Nubes de palabras"
        >
    </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">
                        Nubes de palabras
                                                <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"> Seguro que todos vosotros conocéis estas herramientas que son gratis y facilísimas de trabajar con ellas. Nosotras las hemos utilizado muchas veces para crear los títulos de nuestras páginas pero también...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 January 2013
                        </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=209" 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>
