<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/24643/arte" 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/myp-spanishb/images/cultura/captura-de-pantalla-2017-09-12-a-la(s)-9.54.25.png"
            alt="Arte"
        >
    </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">
                        Arte
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Una de las conexiones que mejor se adaptan a nuestro currículum y que ofrece múltiples opciones para nuestros alumnos en todas las fases del continuo es la unión con las diversas ramas del arte. Dependiendo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22963/ejemplos-de-actividades-" 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/subject/generic/40/04.jpg"
            alt="Ejemplos de actividades "
        >
    </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">
                        Ejemplos de actividades 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las partes del cuerpo (Monstruos) Relaciones Un corto sobre el bullying Hiyab...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22962/ejemplos-de-actividades" 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/subject/generic/40/01.jpg"
            alt="Ejemplos de actividades"
        >
    </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">
                        Ejemplos de actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Yo no soy negro, tú no eres blanco La familia El tiempo libre en familia Esta es mi ciudad El conejo de la luna La llorona La Navidad en el sur El Carnaval Agencias de viajes Relaciones El Perdón Juguetes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22960/ejemplos-de-actividades" 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/subject/generic/40/02.jpg"
            alt="Ejemplos de actividades"
        >
    </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">
                        Ejemplos de actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Este soy yo Mapa turístico de Tabio ¿Por qué estudias español? La rutina de jóvenes en el mundo hispano La orquesta de los objetos reciclados Caperucita Roja Programa de salud intercultural Speedy González...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/22959/ejemplos-de-actividades" 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/subject/generic/40/03.jpg"
            alt="Ejemplos de actividades"
        >
    </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">
                        Ejemplos de actividades
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Este soy yo Menudas estrellas La familia El mercadillo de la clase ¡Hola me llamo Ana! Un mensaje a mi amigo español Invitaciones El mejor deporte El tiempo libre en familia Karateka Esta es mi ciudad...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19695/metodos" 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/subject/generic/40/04.jpg"
            alt="Métodos"
        >
    </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">
                        Métodos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Si queremos iniciar a nuestros alumnos en la investigación, debemos usar el método científico para que así aprendan que también dentro de las ciencias sociales se realizan este tipo de estudios. Podemos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 February 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19234/la-biblioteca" 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/myp-spanishb/images/colegio/biblioteca.jpg"
            alt="La biblioteca"
        >
    </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">
                        La biblioteca
                                                <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"> La biblioteca de nuestro colegio es un lugar ideal de trabajo y de aprendizaje. Una buena biblioteca debería disponer de material suficiente por materias ya sean libros, DVDs, suscripciones a revistas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19122/el-componente-afectivo" 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/myp-spanishb/images/personas/IMG-20141123-WA0001.jpg"
            alt="El componente afectivo"
        >
    </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">
                        El componente afectivo
                                                <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 sabido por todos que trabajar con adolescentes no es tarea fácil. No obstante, cuando el aprendizaje se ha llevado a cabo con éxito es sumamente enriquecedor para todos. Sin olvidar las normas mínimas...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19121/las-normas-de-clase" 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/myp-spanishb/images/enfoques/Screen-Shot-2015-11-03-at-22.48.55.png"
            alt="Las normas de clase"
        >
    </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">
                        Las normas de clase
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Anteriormente hemos mencionado la necesidad de establecer, preferiblemente los primeros días, unas normas de conducta y expectativas para la clase de español. Aquí te ofrecemos algunos aspectos que consideramos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19117/el-portafolio" 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/myp-spanishb/files/colegio/captura-de-pantalla-2017-01-02-a-la(s)-9.22.03.png"
            alt="El portafolio"
        >
    </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">
                        El portafolio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Una manera de que los alumnos sean conscientes de su proceso de aprendizaje es que tengan una carpeta con los trabajos más representativos que han ido realizando. Estos trabajos pueden ser evaluaciones...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 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="/myp-spanishb/latest-updates?page=73" 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>
