<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/19097/entrevistas" 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_2297.jpg"
            alt="Entrevistas"
        >
    </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">
                        Entrevistas
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Es conveniente practicar las entrevistas en clase primero en parejas pero para las tareas sumativas es aconsejable que el profesor haga las preguntas y lidere la conversación. De esta manera puede adaptarse...</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/19098/descripcion-de-una-imagen" 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_3050.jpg"
            alt="Descripción de una imagen"
        >
    </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">
                        Descripción de una imagen
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ​ Siguiendo los principios del PAI es importante que la producción oral se produzca a partir de un estímulo, ya sea visual (por ejemplo, imágenes), oral (las preguntas del profesor) o escrito (una cita...</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/18953/despues-de-la-audicion" 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-26-at-06.22.31(1).png"
            alt="Después de la audició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">
                        Después de la audición
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Después de cada una de las audiciones que realizamos en clase, les damos tiempo a nuestros alumnos para que contesten diversas preguntas, reflexionen y demuestren la comprensión del audio, así como una...</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/18944/durante-la-audicion" 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="Durante la audició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">
                        Durante la audición
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para las audiciones que se realizan en el pleno de la clase se sugiere que los alumnos escuchen tres veces. Es importante elegir una audición que se corresponda con la fase de nuestro grupo para así evitar...</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/18945/antes-de-la-audicion" 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-05-02-at-17.21.26.png"
            alt="Antes de la audició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">
                        Antes de la audición
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La audición debe conectarse con el tema que los alumnos están estudiando. El vocabulario y las expresiones del texto visual se deben presentar de antemano.  LA HISTORIA DE JUAN Por ejemplo, en una unidad...</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/blog/19932/bienvenidos-a-nuestro-blog" 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="¡Bienvenidos a nuestro blog!"
        >
    </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">
                        ¡Bienvenidos a nuestro blog!
                                                <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"> ¡Hola a todos! Queremos daros la bienvenida a este blog en el que cada semana compartiremos con vosotros algunas actividades de clase, materiales útiles, comentarios de nuestros alumnos y aplicaciones...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 November 2015
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/17681/los-mapas-mentales" 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/lexico/asociograma.png"
            alt="Los mapas mentales"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Uso de la lengua
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Los mapas mentales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Las investigaciones neurocientíficas intentan dar explicaciones al complejo funcionamiento de nuestro cerebro. ¿Cómo recordamos las palabras? ¿Por qué a veces sabemos lo que queremos decir, es decir,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 December 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="remove" target="load-more"></turbo-stream>
