<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/72273/claves-del-exito-oral-individual-nm-" 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/Xx/screenshot-2026-09-22-at-13.01.56.png"
            alt="Claves del éxito: oral individual (NM) "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Assessment
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Claves del éxito: oral individual (NM) 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es muy importante saber que todos podemos aprender a realizar un buen examen oral. No obstante, la clave es examinar qué estrategias, circunstancias, acciones hacen que pueda desarrollar y mostrar mi...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/25563/mentalidad-internacional" 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/screenshot-2021-08-22-at-12.22.57.png"
            alt="Mentalidad internacional"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Diseño del curso
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mentalidad internacional
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La adquisición del Español y la mentalidad internacional Cuando aprendemos una lengua, no solo adquirimos destrezas lingüísticas, también fomentamos el entendimiento intercultural y nuestro compromiso...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72212/medicos-sin-fronteras-parte-ii-" 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/screenshot-2026-09-14-at-11.56.25.png"
            alt="Médicos sin fronteras (Parte II) "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Médicos sin fronteras (Parte II) 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección, te presentamos una propuesta para conocer la labor de Médicos sin Fronteras (España). Tendrá 2 partes. En esta segunda parte, trabajaremos con una infografía. Médicos Sin Fronteras es...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/71885/temas-de-actualidad" 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/Mn/screenshot-2026-09-01-at-15.31.41.png"
            alt="Temas de actualidad"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activities
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Temas de actualidad
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección, encontrarás propuestas muy breves y prácticas. Todos los temas estarán relacionados con el mundo hispano actual. Esperamos que las disfrutes y que puedan ayudarte a enriquecer el aprendizaje...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/46339/how-to-use-the-site" 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/Aa/screenshot-2022-12-19-at-11.12.11.png"
            alt="How to use the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How to use the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Once your teacher has invited you to the site, you will have direct access to many pages and resources that will help you to learn Spanish, study for your exams and monitor your progress. In this section,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72220/student-access-utilizar-el-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/spanish-abinitio/images/auditiva-mock/preguntas.png"
            alt="Student access: Utilizar el q-bank"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Student access: Utilizar el 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"> Este vídeo explica cómo utilizar el q-bank. Gracias a nuestra colega Paul Lloyd por la creación de este vídeo. Contamos con más de 1000 ejercicios para repasar todos los componentes del curso. ¡Aprovéchalos!...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72219/student-access-controlar-paginas" 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/spanish-abinitio/images/auditiva-mock/screenshot-2026-09-17-at-14.07.02.png"
            alt="Student access: Controlar páginas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Student access: Controlar páginas
                                                <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 vídeo explica cómo y dónde se puede cambiar una página de acceso directo a filtrado o viceversa.  Gracias a nuestra colega Paul Lloyd por la creación de este vídeo....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/72218/tipos-de-menus-de-la-pagina-web" 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/psychology/images/start-new-1.jpg"
            alt="Tipos de menús de la página web"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Tipos de menús de la página web
                                                <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 siguiente vídeo explican cómo utilizar el menú de la página web. El vídeo explica cómo utilizar el «menú waffle», así como las demás herramientas disponibles en cada página.  Gracias a nuestra colega...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/71947/estructura-de-la-pagina-web" 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/psychology/images/start-new-1.jpg"
            alt="Estructura de la página web"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Estructura de la página web
                                                <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 siguiente vídeo presenta de forma muy breve la estructura de la página web. Gracias a nuestra colega Paul Lloyd por la creación de este vídeo.  ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/71949/student-access-asignar-tareas" 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/psychology/images/laptop-2562325_1920.jpg"
            alt="Student access: Asignar tareas"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Comienza aquí
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Student access: Asignar tareas
                                                <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 Student Access puedes asignar tareas a tus estudiantes. Cuando completan una tarea, los resultados se registran automáticamente en el libro de calificaciones del profesor/a. El vídeo explica cómo asignar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 September 2026
                        </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=19" 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>
