<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/17048/nuevas-tecnologias" 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/tecnologia/tecnologia.jpg"
            alt="Nuevas tecnologías"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> NUEVAS TECNOLOGÍAS Algunas reflexiones sobre las nuevas tecnologías: 1. Avanzan tan deprisa que parece que cuando aprendes una nueva herramienta ya está pasada de moda. Es verdad que las TIC avanzan muy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 July 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16940/nueva-gramatica" 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/gramatica/gramática.png"
            alt="Nueva Gramática"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Queremos compartir con todos vosotros, como anunciamos ya en nuestro grupo de Facebook, que la nueva gramática para jóvenes ya está a la venta. Cubre los niveles A1 y A2 por lo que pensamos que es un...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 June 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16881/latitud-0" 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/Screen shot 2014-05-21 at 17.27.09.png"
            alt="Latitud 0"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Acaba de caer en nuestras manos un nuevo libro publicado por SGEL(catálogo). Se llama Latitud 0 y es un manual de español intercultural para el nivel  intermedio-avanzado. Consta de 10 unidades que abordan...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 May 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16836/repaso" 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/Rr/repaso-blog.png"
            alt="Repaso"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para el hemisferio norte, nos quedan apenas unos días para que los alumnos del segundo año de español B tengan la Prueba 1 y la Prueba 2.  ¿Qué podemos hacer para ayudarlos a repasar? Una alternativa...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16749/gabriel-garcia-marquez" 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/Gg/Gabriel García Márquez.png"
            alt="Gabriel García Márquez"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Gabriel García Márquez
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Indiscutiblemente uno de los escritores más influyentes de la literatura hispana, Gabriel García Márquez tal vez sea el autor que más esté presente en nuestras clases de literatura. A continuación encontrarás...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 April 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16577/desconecta" 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/Dd/disconnect.png"
            alt="¡Desconecta!"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El papel que cumple el "móvil" o "celular" en nuestras vidas es un tema muy interesante para tratar en nuestras clases de español B. Lo podemos trabajar desde los temas troncales o desde las opciones,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 March 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16480/nueva-gramatica" 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/gramatica/gramática.png"
            alt="Nueva gramática"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Hoy os quería presentar nuestra nueva gramática. Está escrita por una de nosotras, autora de nuestra página, Encina Alonso y Cristóbal González, profesor en una escuela internacional del Diploma de Lengua...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 March 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16466/consejos-para-la-preparacion-de-la-prueba-1" 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/Consejos.png"
            alt="Consejos para la preparación de la Prueba 1"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Consejos para la preparación de la Prueba 1
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cuando se acercan las fechas del examen, aunque se es consciente de la importancia de la Prueba 1, es difícil decidir qué repasar para esta prueba. Podemos trabajar muchos textos y exámenes antiguos,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 February 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16366/la-pizarra" 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/didactica/ejemplo de pizarra.png"
            alt="La pizarra"
        >
    </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 pizarra
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">    Si vamos a utilizar la pizarra... creemos una lo más atractiva que podamos. Utilicemos rotuladores o tizas de colores, peguemos fotos, cartulinas, pósters e incluso objetos pequeños, añadamos dibujos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 February 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/16232/los-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/spanishb/images/titulos/diccionarios(1).png"
            alt="Los diccionarios"
        >
    </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 diccionarios
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Los diccionarios son la fuente que los estudiantes utilizan para buscar el vocabulario desconocido. Lamentablemente durante muchos años algunas de las definiciones que contenían eran... bueno, mejor os...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 January 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/blog?page=16" 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>
