<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/63540/a-long-term-causes" 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/history/ho_chi_minh_1946.jpg"
            alt="a. Long-term causes"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        a. Long-term causes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Inquiry question: Why did Conflict emerge? The roots of the Vietnam War lie in the 19th Century French colony of Indochina, the events of the Second World War and the defeat of France in 1954 by the Vietnamese...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/70218/3-reasons-for-conflict-in-vietnam-19541975" 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/history/new-curriculum/paper-3/asia/cold-war-asia/troops-marsh-mekong-delta-south-vietnam-1967.webp"
            alt="3. Reasons for conflict in Vietnam (1954–1975)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        3. Reasons for conflict in Vietnam (1954–1975)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The next major conflict in Asia involving several powers was the Vietnam War; this involved the Vietnamese fighting and defeating first the French and then fighting and defeating the Americans. This section...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/70102/2-impact-of-the-war-on-north-and-south-korea-and-the-region-to-1" 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/history/new-curriculum/paper-3/asia/cold-war-asia/seoul.jpg"
            alt="2. Impact of the war on North and South Korea and the region (to 1963)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        2. Impact of the war on North and South Korea and the region (to 1963)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Korean war had devastating consequences for Korea and it dramatically changed the balance of power within the region, and its importance in global Cold War politics. Inquiry topic: Impact of the war...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/69691/1-reasons-for-the-korean-war-19501953" 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/history/38th.jpg"
            alt="1. Reasons for the Korean War (1950–1953)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1. Reasons for the Korean War (1950–1953)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Korean War was the first ‘hot’ war of the Cold War era and it had far-reaching consequences for Asia. Inquiry topic: Reasons for the Korean War (1950–1953) Specified content covered on this page:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/25338/1-the-korean-war-and-its-impact-atl" 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/history/korean-war.jpg"
            alt="1. The Korean War and its impact (ATL)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1. The Korean War and its impact (ATL)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Korean War There is a lot of overlap in this section with Paper 2 Topic 12 Superpower tensions and rivalries. Also with the American region Topic 16. The causes of the Korean War, its course and its impact...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            27 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/69932/prueba-3" 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/history/screenshot-2016-04-17-17.24.57.png"
            alt="Prueba 3"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Prueba 3
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Prueba 3 es un estudio en profundidad exclusivamente para estudiantes de Nivel Superior. la Prueba 3 es un ensayo de dos horas y 30 minutos. Los estudiantes tienen que responder tres preguntas de ensayo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/69931/prueba-1" 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/history/sources-with-mag-glass"
            alt="Prueba 1"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Prueba 1 es una prueba basada en el uso de fuentes en la que los estudiantes deben responder a cuatro preguntas sobre cuatro fuentes, todas ellas relacionadas con uno de los temas prescritos. Esta...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/69930/prueba-2" 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/history/500px-world_map_1689.jpg"
            alt="Prueba 2"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Prueba 2 es una evaluación tanto para los estudiantes de nivel medio como para los de nivel superior. Esta página ofrece información general de los requisitos.  ¿Cuál es la naturaleza de la la Prueba...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/33215/temas-prescritos-para-la-prueba-1" 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/history/history-word-cloud-3---the-best.jpeg"
            alt="Temas Prescritos para la Prueba 1"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Temas Prescritos para la Prueba 1
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Hay 5 temas prescritos para elegir para la Prueba 1 que van desde lo medieval a lo moderno y pueden proporcionar un punto de partida para diseñar su programa de Historia IB. Puedes elegir los temas de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/69929/recursos-en-espanol" 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/history/spainish-pic"
            alt="Recursos en español"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Recursos en español
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En esta sección estamos cargando traducciones al español de nuestros temas clave....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 July 2026
                        </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="/history/latest-updates?page=30" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
