<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/23334/el-autoconcepto" 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/autoconcepto.png"
            alt="El autoconcepto"
        >
    </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 autoconcepto
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> El autoconcepto es el conjunto de creencias que tenemos de nosotros mismos, sobre quiénes somos y nuestras capacidades. Esta percepción no siempre coincide con la realidad sino que es el resultado de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/23096/nuevo-diverso" 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/diverso(1).png"
            alt="Nuevo Diverso"
        >
    </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 Diverso
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ya os lo habíamos anunciado pero ahora es un hecho. Nuestro libro Diverso Español B ya está en el mercado desde hace unos meses. Lo hemos escrito las autoras de esta página Carina Gambluch y Encina Alonso...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/22700/q-bank" 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/Qq/qbank.png"
            alt="Q-bank"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Como muchos de ustedes ya saben, hemos lanzado la plataforma q-Bank para todos los suscriptores de la página web de Español B. La plataforma q-Bank es un sistema de gestión que almacena preguntas previamente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/22506/parar-y-reflexionar" 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/cuestionario(1).png"
            alt="Parar y reflexionar"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las vacaciones siempre son una pausa en nuestra rutina de trabajo que nos dan la oportunidad de parar y reflexionar. Después de unos meses de trabajo intenso, podemos observar, entre otras cosas, el ritmo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/22344/gracias-ana" 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/libro-ana.jpg"
            alt="Gracias, Ana"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Hoy queremos rendir un pequeño homenaje a una de nuestras compañeras. Se llama Ana Brenes, es española, de Conil de la Frontera (Cádiz) y es profesora en la escuela internacional de Múnich. La razón de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/22066/la-inferencia" 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/estrategias.png"
            alt="La inferencia"
        >
    </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 inferencia
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La inferencia es una de las estrategias más difíciles de trabajar en clase. A veces la dificultad reside en que nos es difícil explicar a los alumnos en lo que consiste. Hay que recordar que para empezar,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/21976/silencio-por-favor" 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/silencio.png"
            alt="Silencio, por favor"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Se habla con mucha frecuencia de la importancia  que tiene que el alumno hable en clase porque se dice que, “a hablar se aprende hablando.” Nada más lejos de nuestra intención que cuestionar la participación...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 October 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/21834/libro-de-aforismos" 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/libro-de-aforismos.jpg"
            alt="Libro de aforismos"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> “Todo aquel que sea o haya sido profesor de español para extranjeros se sentirá identificado con muchas de las ideas e intuiciones de este libro de aforismos, estereotipos de nacionalidades increíblemente...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 September 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/21550/adolescentes" 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/adolescentes.png"
            alt="Adolescentes"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. ¿Cuál es la razón de escoger esta actividad en este momento? 2. ¿Qué significado tiene esta tarea para los alumnos? 3. ¿Qué aprenden con esta tarea? 4. ¿Cómo puedo motivarlos para que quieran realizar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/21471/la-relacion-con-los-alumnos" 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-2016-08-12-at-12.16.36.png"
            alt="La relación con los alumnos"
        >
    </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 relación con los alumnos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La buena relación con los alumnos es el comienzo de todo buen aprendizaje. Esta debería estar basada en la honestidad y humildad por parte del docente. No tenemos por qué saber todo, no podemos estar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 August 2016
                        </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=12" 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>
