<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/64993/46c-conflicts-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/digitalsociety/images/4.6c-conflict-and-war/conflict.jpg"
            alt="4.6C Conflicts and war"
        >
    </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.6C Conflicts and war
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Advances in computerization and artificial intelligence (AI) have transformed warfare, expanding it into new domains such as outer space and cyberspace. Modern conflicts now rely on intricate, automated...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/64626/46b-governing-bodies" 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/digitalsociety/images/4.6b-governing-bodies/body.jpg"
            alt="4.6B Governing bodies"
        >
    </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.6B Governing bodies
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A governing body is a collective entity responsible for governance and the overarching administration of an organization or institution. Whether we talk about national governing bodies or local committees,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/64508/46a-political-process" 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/digitalsociety/images/4.6a-political-process/process.jpg"
            alt="4.6A Political Process"
        >
    </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.6A Political Process
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The digital era has profoundly reshaped democracy, and its influence will only grow as technology advances at an unprecedented pace. This transformation introduces both significant opportunities and serious...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/64482/45b-science-and-technology-innovation" 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/digitalsociety/images/4.5b-technology-and_science/introduction.jpg"
            alt="4.5B Science and technology innovation"
        >
    </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.5B Science and technology innovation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Scientific and technological research and development are undergoing rapid transformation in response to digitalization, globalization, and the growing complexity of innovation systems. Each technological...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/64293/45a-learning-and-education" 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/digitalsociety/images/4.5a--education-and-learning/education.jpg"
            alt="4.5A Learning and education"
        >
    </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.5A Learning and education
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The purpose of education goes far beyond transmitting knowledge. It should nurture compassionate and creative individuals who can contribute to a just society where people live fulfilled lives with minimal...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/64093/44c-mental-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/digitalsociety/images/4.4c-mental-health/mental-health.jpg"
            alt="4.4C Mental Health"
        >
    </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.4C Mental Health
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Mental health refers to a condition of well-being that allows individuals to handle life’s challenges, recognize their strengths, learn effectively, perform productively, and contribute to their communities....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63970/44b-the-human-body" 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/digitalsociety/images/4.4b/human-body.jpg"
            alt="4.4B The human body"
        >
    </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.4B The human body
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The human body, with its intricate systems and hidden complexities, has long fascinated scientists and medical professionals. The pursuit of longer lifespans and cures for both common and rare diseases...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63955/44a-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/digitalsociety/images/4.4a-medicine_and_health/health-and-medicine.jpg"
            alt="4.4A Medicine and Health"
        >
    </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.4A Medicine and Health
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Digital technologies have become inseparable from modern life, connecting people and systems on a global scale. While innovation in the digital sphere is advancing rapidly, its potential to improve health...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63874/43d-agriculture" 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/digitalsociety/images/4.3d-agriculture/agriculture.jpg"
            alt="4.3D Agriculture"
        >
    </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.3D Agriculture
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Agriculture faces unprecedented challenges. Farmers must meet the demands of a growing global population while contending with climate change, greenhouse gas emissions, biodiversity loss, and shrinking...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63847/43c-cities-infrastructures-and-built-environments" 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/digitalsociety/images/4.3c-cities/city.jpg"
            alt="4.3C Cities, infrastructures and built environments"
        >
    </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.3C Cities, infrastructures and built environments
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> By 2030, over 80% of the population in the European Region is projected to live in urban areas. While cities offer advantages such as better healthcare, education, and employment opportunities, they also...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 September 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="/digitalsociety/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>
