<turbo-stream action="append" target="section-items">
    <template>
            <a href="/spanishb/page/39119/el-sistema-fonico" 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/pronunciacion/screenshot-2020-11-23-at-10.19.53.png"
            alt="El sistema fónico"
        >
    </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">
                        El sistema fónico
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Trabajamos las partes de la boca que se utilizan para crear los sonidos, lo que se llama el aparato o sistema fónico.  ¿Qué es el sistema fónico? Se compone de las partes de la boca y garganta que se...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40969/diptongos-triptongos-e-hiatos" 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/screenshot-2021-08-13-at-10.10.53.png"
            alt="Diptongos, triptongos e hiatos"
        >
    </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">
                        Diptongos, triptongos e hiatos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">  Trabajamos los diptongos, los triptongos y los  hiatos con una explicación, un video y unas actividades. ¿Qué son? Los diptongos son la combinación de dos vocales que forman una sílaba. Los triptongos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/39125/acentuacion" 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/Pp/screenshot-2021-03-13-at-18.34.35.png"
            alt="Acentuación"
        >
    </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">
                        Acentuación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   La acentuación es una parte de la expresión escrita. Un texto sin acentos o con acentos incorrectos, por muy bien que esté escrito, pierde su valor. El conocimiento de la acentuación ayuda también a...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/40967/c-o-z" 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-11-at-18.34.56.png"
            alt="c o z"
        >
    </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">
                        c o z
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Te ofrecemos algunas explicaciones sobre la c y la z. Tienes también un vídeo. ¿Cómo se pronuncian? ¿Cuándo se escriben?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/52525/modismos" 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-2020-09-16-at-13.22.23.png"
            alt="Modismos"
        >
    </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">
                        Modismos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">    Los modismos (expresiones idiomáticas) son secuencias de palabras cuyo significado no es compositivo, es decir, el significado de la expresión no se deriva del de sus componentes. El español, al igual...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/52527/colocaciones-v" 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-03-14-at-10.31.35.png"
            alt="Colocaciones V"
        >
    </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">
                        Colocaciones V
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Te ofrecemos un test para practicar el uso de colocaciones, una buena idea sería que después de realizar el test, puedas anotar las colocaciones trabajadas para poder así poder evocarlas y posteriormente,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/52528/colocaciones-iv" 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-03-14-at-10.31.35.png"
            alt="Colocaciones IV"
        >
    </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">
                        Colocaciones IV
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Te ofrecemos un test para practicar el uso de colocaciones, una buena idea sería que después de realizar el test, puedas anotar las colocaciones trabajadas para poder así poder evocarlas y posteriormente,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/52529/colocaciones-iii" 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-03-14-at-10.31.35.png"
            alt="Colocaciones III"
        >
    </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">
                        Colocaciones III
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Te ofrecemos un test para practicar el uso de colocaciones, una buena idea sería que después de realizar el test, puedas anotar las colocaciones trabajadas para poder así poder evocarlas y posteriormente,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/39114/ingenio-humano" 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-03-14-at-10.39.24.png"
            alt="Ingenio humano"
        >
    </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">
                        Ingenio humano
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Aquí te ofrecemos infografías de los temas dentro del área de Ingenio humano y ejercicios para practicar el vocabulario pertinente. Comunicación y medios  text Expresiones artísticas  text Innovación...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/spanishb/page/39109/las-referencias-de-tiempo" 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-03-13-at-21.34.02.png"
            alt="Las referencias de tiempo"
        >
    </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">
                        Las referencias de tiempo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   La forma en que la duración de un hecho se puede expresar en español es muy rica. Desde, desde hace, hace que, etc. ¿Cuál es la diferencia? En este apartado trataremos de aclarar estos conceptos y estructuras....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 July 2024
                        </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=140" 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>
