<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/19217/cortometraje-vale" 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/Vv/vale.png"
            alt="Cortometraje: Vale"
        >
    </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">
                        Cortometraje: Vale
                                                <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"> ...es el nuevo cortometraje de Alejandro Amenábar para la marca de cerveza: Estrella Damm. Además de ofrecer un excelente ejemplo de la publicidad creativa, es una buena oportunidad de trabajar varios...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/19076/portafolios" 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/portafolios.png"
            alt="Portafolios"
        >
    </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">
                        Portafolios
                                                <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 Marco de Referencia Europeo habla del portfolio como un documento en el que se puede guardar todo lo referente al aprendizaje del idioma y a las experiencias culturales. El portfolio, de nuevo según...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 June 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18969/los-factores-afectivos" 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/los-factores-afectivos.png"
            alt="Los factores afectivos"
        >
    </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 factores afectivos
                                                <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"> Son todos aquellos factores conectados con las emociones y los sentimientos. Damasio, autor del error de Descartes, define las emociones como las reacciones del cuerpo ante una situación negativa o positiva...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 May 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18876/el-microrrelato" 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/Microrrelatos.png"
            alt="El microrrelato"
        >
    </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">
                        El microrrelato
                                                <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"> Los microrrelatos van adquiriendo día a día un puesto reconocido en la literatura. Además del valor que tienen en sí, nosotras vemos  la gran ventaja de usarlos  en nuestras clases al ser de una extensión...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18750/peliculas-y-documentales" 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/Screen-Shot-2015-03-24-at-17.31.40.png"
            alt="Películas y documentales"
        >
    </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">
                        Películas y documentales
                                                <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"> Se acercan las vacaciones antes de los últimos meses de trabajo. Me imagino que estaréis cansados, pero quizás tengáis tiempo para ver alguna película o documental. Por partes... Si queréis motivaros...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 March 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18645/lecturas-graduadas" 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/lecturas.JPG"
            alt="Lecturas graduadas"
        >
    </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 graduadas
                                                <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">   Nos hace mucha ilusión poder presentaros hoy unas nuevas lecturas graduadas. Los autores son Ana Maroto, guionista ,y Jaime Corpas, editor de SGEL y autor de materiales, entre otros del famoso método...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18455/nuevo-metodo" 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/Diverso.png"
            alt="Nuevo método"
        >
    </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 método
                                                <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"> Hoy queremos compartir con vosotros una muy buena noticia. Ya está en el catálogo de SGEL y aparecerá en abril ( ¡¡¡os avisaremos!!!) nuestro nuevo método para aprender español. Lo hemos escrito las dos:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 January 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18410/lineas-de-tiempo" 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/Líneas de tiempo.png"
            alt="Líneas de tiempo"
        >
    </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">
                        Líneas de tiempo
                                                <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 todo lo referente a los tiempos verbales se pueden utilizar las líneas del tiempo. Por ejemplo, les damos un texto a los alumnos donde aparecen muchas fechas y ellos lo tienen que leer y hacer una...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 January 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18248/feliz-2015" 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/feliz.png"
            alt="¡Feliz 2015!"
        >
    </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">
                        ¡Feliz 2015!
                                                <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"> Solo desearles un ¡MUY FELIZ AÑO!, esperamos que podamos seguir contribuyendo a sus clases de Español B y para terminar......</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/18112/la-otra-carta" 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/carta.png"
            alt="La otra carta"
        >
    </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 otra carta
                                                <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"> Este es un anuncio fantástico para plantear el significado de la Navidad y también las relaciones de padres e hijos hoy en día.  Aprovechamos la oportunidad para saludarlos y agradecerles su confianza...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2014
                        </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=205" 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>
