<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/19656/la-calma" 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/Calma.png"
            alt="La calma"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Como profesores debemos mantener la calma y el autocontrol en todo momento para ser el modelo que los alumnos necesitan. No se trata de ser hipócritas y, por supuesto, cuando tengamos estrés emocional...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/19546/series" 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/series.png"
            alt="Series"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sabemos que para aprender una lengua es necesario, como dijo Krashen, una gran cantidad de "input comprensible". En repetidas ocasiones hemos insistido en la importancia de la lectura como, por ejemplo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/19377/examenes" 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/exa%CC%81menes.png"
            alt="Exámenes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exámenes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sí, ya sabemos que el verano no parece muy apropiado para hablar de exámenes, pero este artículo del país, trata de una serie de técnicas que debemos tener en cuenta para ayudar a nuestros alumnos en...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 July 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Cortometraje: Vale
                                    

                    </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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Portafolios
                                    

                    </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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Los factores afectivos
                                    

                    </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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El microrrelato
                                    

                    </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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Películas y documentales
                                    

                    </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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Lecturas graduadas
                                    

                    </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">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Nuevo método
                                    

                    </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>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/spanishb/blog?page=14" 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>
