<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/19118/el-diario-de-aprendizaje" 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/objetos/20150308_131844.jpg"
            alt="El diario de aprendizaje"
        >
    </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 diario de aprendizaje
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Escribir un diario es una herramienta ideal para que el alumno vaya dejando constancia de su proceso de aprendizaje. En el diario de aprendizaje se puede escribir todo tipo de entradas, desde apuntes...</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/19119/el-cuaderno-personal" 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/indagacion/IMG_4977.jpg"
            alt="El cuaderno personal"
        >
    </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 cuaderno personal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aunque la idea es muy parecida al diario personal, en el cuaderno los alumnos pueden escribir apuntes o realizar actividades escritas durante la clase o de tarea en casa. Hoy en día, muchos alumnos prefieren...</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/19120/los-materiales-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/objetos/mocgila.jpg"
            alt="Los materiales 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">
                        Los materiales de clase
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Desde un principio debemos hacer entender a los alumnos qué esperamos de ellos en cuanto a los materiales requeridos para la asignatura. Si usas un libro de texto, ¿deben traerlo todos los días de clase?...</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/18559/las-redes-sociales" 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/indagacion/Screen-Shot-2015-11-10-at-23.06.15.png"
            alt="Las redes sociales"
        >
    </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 redes sociales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">    Hoy en día, estamos expuestos a numerosas redes sociales en línea. Somos conscientes de los inconvenientes que estas pueden tener entre las personas, por ejemplo, en términos de adicción y exposición...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/18545/el-primer-dia-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-10-28-at-21.30.23.png"
            alt="El primer día 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">
                        El primer día de clase
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Los primeros días de clase son fundamentales para conocer las necesidades de tu grupo así como los estilos de aprendizaje de tus alumnos. Consideramos que es muy importante que los alumnos se conozcan...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/18558/dinamicas-de-grupo" 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_3888.jpg"
            alt="Dinámicas de grupo"
        >
    </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">
                        Dinámicas de grupo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">    1. Técnicas de agrupamiento 2. Tipos de actividades en grupo  En primer lugar, nos gustaría ofrecerte una serie de estrategias de agrupamiento según nuestra experiencia. Nuestros alumnos quieren trabajar...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/18941/pensamiento-en-accion" 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/familia/img_7501.jpg"
            alt="Pensamiento en acción"
        >
    </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">
                        Pensamiento en acción
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Durante la enseñanza de una unidad, nuestros alumnos entrarán en contacto con numerosas ocasiones en las que se pondrán en práctica las habilidades de pensamiento. Es importante que las actividades que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/18942/la-indagacion" 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/Enfoques-de-Aprendizaje/Screen-Shot-2015-02-10-at-13.39.43.png"
            alt="La indagación"
        >
    </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 indagación
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En el apartado de indagación, vimos el rol que tenía esta en el aprendizaje y enseñanza del PAI. En esta indagación está la base de todo pensamiento ya que con ella la curiosidad inherente al ser humano...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/18943/aprendizaje-conceptual" 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/familia/img_0602.jpg"
            alt="Aprendizaje conceptual"
        >
    </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">
                        Aprendizaje conceptual
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Recordemos cuáles son los conceptos clave para nuestro grupo de asignaturas:  En todos estos conceptos claves se pueden encontrar ejemplos en los que el alumno estaría desarrollando su pensamiento crítico,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/19096/juegos-de-roles" 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/IMG_2296.jpg"
            alt="Juegos de roles"
        >
    </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">
                        Juegos de roles
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En todas las fases del continuo podemos usar juegos de roles para motivar a los alumnos a hablar. El contexto será diferente según la unidad que estemos estudiando y la dificultad de las estructuras gramaticales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 December 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="/myp-spanishb/latest-updates?page=74" 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>
