<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/blog/24971/la-empatia" 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/la-empati%CC%81a.png"
            alt="La empatía"
        >
    </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 empatía
                                                <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 la capacidad de reconocer las emociones en los demás, ponerse en lugar del otro para comprender las razones de su actuación porque muchas veces esta es el resultado de una causa muy diferente a lo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/24752/nuevo-libro" 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/myp-spanish.png"
            alt="Nuevo libro"
        >
    </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 libro
                                                <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 un gran placer para nosotras anunciar que nuestro gran amigo y compañero Cristóbal González Salgado, junto a Tere de Vries, han publicado su libro dedicado a las fases 1 y 2 de MYP Spanish. Estamos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/24496/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/titulos/q-bank.png"
            alt="Q-bank"
        >
    </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">
                        Q-bank
                                                <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 queremos recordar que el año pasado incluimos una sección en nuestra página que se llama Qbank y que es estupenda para que hagáis un repaso continuo con los alumnos. Ya publicamos en su momento un...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 August 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/24327/la-busqueda-de-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/aprendizaje/identidad.png"
            alt="La búsqueda de 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 búsqueda de 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">    Los adolescentes buscan su identidad porque todavía no saben bien quiénes son y por eso, para bien o para mal, son muy influenciables. Por nuestra parte, los docentes, debemos atender al papel que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 August 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/24040/los-factores-fisiologicos-y-ambientales" 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/entorno.png"
            alt="Los factores fisiológicos y ambientales"
        >
    </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 fisiológicos y ambientales
                                                <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 nos gustaría atender a los factores que afectan al aprendizaje de los adolescentes y que tratan de su cuerpo, de cómo se encuentran ese día en clase, de su preparación para aprender y del entorno...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 August 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/23714/planificar" 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/planificacio%CC%81n.png"
            alt="Planificar"
        >
    </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">
                        Planificar
                                                <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"> Al planificar hacia atrás se comienza por saber lo que se quiere conseguir al final, lo que en muchos casos se llama acción, proyecto o tarea final para después ir hacia atrás hasta llegar a la primera...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 July 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/blog/23432/habitos" 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/habitos.png"
            alt="Hábitos"
        >
    </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">
                        Hábitos
                                                <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 University College de Londres ha demostrado que hacen falta 66 días para que se cree un hábito y pueda mantenerse durante años. Eso significa que si durante ese número de días “repites algo cada día...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 May 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <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">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        El autoconcepto
                                                <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 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">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Nuevo Diverso
                                                <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"> 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">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Q-bank
                                                <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 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>



    </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=202" 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>
