<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-spanishb/page/47195/ropa-basura" 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/medio-ambiente/screenshot-2023-02-24-at-18.07.34.png"
            alt="Ropa basura"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Ropa basura
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mira el video y contesta las preguntas.      Estas son las fuentes originales de los videos:  Video 1 Video 2 Para la pregunta del aspecto 3 los alumnos deberan establecer conexiones entre los dos videos....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/41193/la-ciudad" 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/ciudad/rascacielos.jpg"
            alt="La ciudad"
        >
    </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">
                        La ciudad
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes el vocabulario sobre la ciudad. Practica con flashcards y la infografía. Completa los ejercicios.  Topics: La ciudadLevels: Phase 1/2Number of flashcards: 20 Actividades...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/46904/mock-2-nivel-intermedio" 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/internet/computer-2653375_1280.png"
            alt="Mock 2 Nivel intermedio"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mock 2 Nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes una prueba modelo del examen con las tres tareas: comprensión auditiva, comprensión de lectura y expresión escrita. Cada componente tiene 24 puntos. El total de la evaluación externa es de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37553/la-equidad-y-desarrollo" 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/derechos-humanos/perry-grone-lblgffladry-unsplash-404x270.jpg"
            alt="La equidad y desarrollo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La equidad y desarrollo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este contexto encontramos temas relacionados con la justicia social y la igualdad entre las personas. Estos temas son ideales para establecer una conexión con el Servicio del PAI. Mediante la indagación,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37550/la-expresion-personal-y-cultural" 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/annie-spratt-g9ap6zpnvzy-unsplash-521x720.jpg"
            alt="La expresión personal y cultural"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La expresión personal y cultural
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Para este contexto ofrecemos una serie de actividades relacionadas la expresión artística y cultural de las personas. Este contexto está íntimamente relacionado con el concepto de creatividad y, por supuesto,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/37548/las-identidades-y-relaciones" 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/img_2071.jpg"
            alt="Las identidades y relaciones"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Actividades
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Las identidades y relaciones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En este apartado encuentras actividades relacionadas con el contexto global de identidades y relaciones. Se exploran todos los aspectos que conforman la identidad de cada individuo: los valores, los rituales,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/40816/la-comida" 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/comida/frutas.jpg"
            alt="La comida"
        >
    </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">
                        La comida
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes vocabulario relacionado con la comida. Practica con flashcards y completa los ejercicios de práctica.  Topics: ComidaLevels: Phase 1/2Number of flashcards: 25 Crea tu propia lista de vocabulario....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/47025/el-cine" 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/cine/video-camera-g7e940bc33_640.png"
            alt="El cine"
        >
    </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">
                        El cine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Aquí tienes el vocabulario del cine. Estudia la infografía y haz los ejercicios....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/41922/tarea-3-mock-2-nivel-intermedio-" 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/salud/robert-collins-tvc5imo5pxk-unsplash.jpg"
            alt="Tarea 3 Mock 2 Nivel intermedio "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Tarea 3 Mock 2 Nivel intermedio 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta prueba sumativa es un ejemplo de la evaluación electrónica para evaluar la expresión escrita en el nivel intermedio. El tiempo de duración es de 35 minutos.  Esta tarea se centra en los conceptos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 February 2023
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-spanishb/page/43433/tarea-3-mock-1-nivel-intermedio" 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/costumbres-y-tradiciones/screen-shot-2022-02-23-at-12.40.32-582x387.png"
            alt="Tarea 3 Mock 1 Nivel intermedio"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluación
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Tarea 3 Mock 1 Nivel intermedio
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Esta prueba sumativa es un ejemplo de la evaluación electrónica para evaluar la expresión escrita en el nivel intermedio. El tiempo de duración es de 35 minutos.  Esta tarea se centra en los conceptos...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 February 2023
                        </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=55" 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>
