<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-history/page/49804/mesopotamia" 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-history/myp-1-pictures/max-harlynking-5trwzmbgada-unsplash.jpg"
            alt="Mesopotamia"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The series of activities in this unit are focused on the early civilisations of Mesopotamia which include investigations into Sumerian, Babylonian and Assyrian societies. The common features of civilisations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/51420/egyptian-civilisations" 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-history/myp-1-pictures/robert-thiemann-c0dkaycklgy-unsplash.jpg"
            alt="Egyptian Civilisations"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides a range of resources and activities about the world of the ancient Egyptians. We look at the geography, religion, time periods, social structure, innovations and famous rulers of this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/49817/prehistoric-pathways" 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-history/myp-1-pictures/malta_-_qrendi_-_hagar_qim_and_mnajdra_archaeological_park_-_hagar_qim_08_ies.jpg"
            alt="Prehistoric Pathways"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides resources and activities about prehistory. We will examine the lives of people during the late palaeolithic and the neolithic eras of human history. The major focus is on how people...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/49792/understanding-history" 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-history/myp-1-resources/inaki-del-olmo-nijueqw0rkg-unsplash.jpg"
            alt="Understanding History"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this opening unit, we will examine how and why we study history. The resources are designed to develop historical thinking and to make connections with your previous studies of history. We will discuss...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/51436/independence-and-national-identity" 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-history/myp-1-pictures/filip-gielda-qkrldkoydrc-unsplash.jpg"
            alt="Independence and National Identity"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            History for MYP 4 - 5
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Independence and National Identity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In this theme the exploration is focused on historical examples of independence movements and national identity. It examines the circumstances surrounding the challenges to colonial rule during the 19th...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/58382/a-superpower-rivalry-and-the-cold-war" 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-history/myp-1-resources/1920px-elbeday1945_(nara_ww2-121).jpg"
            alt="a) Superpower Rivalry and the Cold war"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            History for MYP 4 - 5
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        a) Superpower Rivalry and the Cold war
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page examines the nature of superpower rivalry that led to the development of the Cold War from 1945-1991. We explore the origins of this rivalry and how it led to the USA and USSR becoming superpowers....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/58383/b-the-european-union" 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-history/myp-1-resources/flag_of_europe.svg.png"
            alt="b) The European Union"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            History for MYP 4 - 5
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        b) The European Union
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The European Union (EU) provides a useful case study of a supranational alliance, union and organisation. This page explains the events which led to the creation of the EU, how it has changed over time,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/65427/b-mental-health-and-society" 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-history/myp-4_5-pictures/medicine-and-health/mental-health.jpeg"
            alt="b) Mental Health and Society"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            History for MYP 4 - 5
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        b) Mental Health and Society
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The story of medicine and health has often been focused on physical conditions. Yet changes in our views of mental health reveal more clearly the developments in science and society. Once feared and misunderstood,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/65426/a-medicine-and-war" 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-history/myp-4_5-pictures/medicine-and-health/960px-the_battle_of_passchendaele%2C_july-november_1917_q5732.jpg"
            alt="a) Medicine and War"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            History for MYP 4 - 5
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        a) Medicine and War
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Throughout history, wars and conflicts have been the laboratories for countless health and medical advances. From battlefield trauma to general healthcare, wartime has fostered many innovations. But has...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-history/page/51434/medicine-and-health" 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-history/myp-4_5-pictures/medicine-and-health/screenshot-2025-12-02-12.06.53.png"
            alt="Medicine and Health"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            History for MYP 4 - 5
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Medicine and Health
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This theme explores how war and changing ideas about mental health shaped medical care in the 19th and 20th centuries. By studying these shifts, we’ll see how innovation, public pressure, and key individuals...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 October 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="/myp-history/latest-updates?page=3" 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>
