<turbo-stream action="append" target="section-items">
    <template>
            <a href="/history/page/36692/3-challenges-faced-in-the-first-10-years-and-responses-to-the-ch" 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/flag-of-ghana.png"
            alt="3. Challenges faced in the first 10 years, and responses to the challenges"
        >
    </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. Challenges faced in the first 10 years, and responses to the challenges
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Much was expected and hoped for from Ghana at independence but like all new countries during the Cold War period, Ghana faced immense challenges. However in dealing with these challenges Ghana's first...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/28327/topic-17-post-war-developments-in-the-middle-east-19452000" 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/1280px-middle_east_(orthographic_projection).svg.png"
            alt="Topic 17: Post-war developments in the Middle East (1945–2000)"
        >
    </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">
                        Topic 17: Post-war developments in the Middle East (1945–2000)
                                                <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">   This topic will explore the various ideas such as nationalism, communalism, modernization and westernization in the Middle East after 1945. It will examine the complex issues of domestic reforms and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36888/fake-history-is-fake-news-entrenched-nov-2020" 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/prince-charles-and-princess-diana-announce-their-engagement-in-the-crown--46dadee.jpg"
            alt="&#039;Fake history is fake news entrenched&#039; (Nov 2020)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            DP essentials
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        'Fake history is fake news entrenched' (Nov 2020)
                                                <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"> In the UK there is currently much discussion over Series 4 of The Crown, which follows the lives of the UK Royal Family under the current Queen Elizabeth. As the Netflix drama has moved towards the near-present,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36562/4-ghanas-independence-movement-essay-planning" 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/essay-writing.jpg"
            alt="4. Ghana&#039;s independence movement: essay planning"
        >
    </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">
                        4. Ghana's independence movement: essay planning
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On this page you will find some activities to help you plan out essays for this topic.  Task One: Review and consolidation Before working through the following tasks, make sure you have completed the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/23060/4-chinese-civil-war-essay-planning-for-paper-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/writing-about-history-680-160x160.png"
            alt="4. Chinese Civil War: Essay planning for Paper 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">
                        4. Chinese Civil War: Essay planning for Paper 2
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page contains ATL to improve essay writing for this topic as well as specific essay frames. The Chinese Civil War can be used for essays that require a discussion of guerilla warfare and the impact...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/28372/post-war-developments-in-the-middle-east-videos" 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/movie-film_23-2147498233.jpg"
            alt="Post-war developments in the Middle East: videos"
        >
    </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">
                        Post-war developments in the Middle East: videos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   We have used many different videos on the ATL pages. Here are some extra documentaries in addition to those we have already used. The following video gives a detailed account of the politics and the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/blog/36702/november-site-update-armistice-and-a-netflix-drama" 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/vladslo2.jpg"
            alt="November: Site update, Armistice and a Netflix drama"
        >
    </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">
                        November: Site update, Armistice and a Netflix drama
                                                <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"> It has been an interesting month, with many of us facing new lockdown restrictions and also occupied by the tensions and the excitement of the US election. However, as ever, we have continued updating...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36598/hitler-planificacion-de-ensayos" 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/coll_es.png"
            alt="Hitler: planificación de ensayos"
        >
    </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">
                        Hitler: planificación de ensayos
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Planificación de ensayos para usar a Hitler como un estudio de caso Esta página contiene ATL para mejorar la escritura de ensayos usando a Hitler como un estudio de caso cuando se discuten estados autoritarios....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/36564/tema10-estados-autoritarios-siglo-xx" 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/maostalin.jpeg"
            alt="Tema10: Estados autoritarios (siglo XX)"
        >
    </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">
                        Tema10: Estados autoritarios (siglo XX)
                                                <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"> Este tema se centra en los factores que llevaron al surgimiento de estados autoritarios en el siglo XX, los métodos que utilizaron para consolidar y mantener el poder y el impacto de sus políticas. Tendrá...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 November 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/history/page/33212/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">
                            Recursos en español
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        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"> 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">
                            31 October 2020
                        </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=142" 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>
