<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/63645/42b-employment-and-labour" 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.2b--employment/robot-working.jpg"
            alt="4.2B Employment and labour"
        >
    </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.2B Employment and labour
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Advances in information and communication technologies (ICTs) have transformed the nature, location, and organization of work. Portable, interconnected tools have enabled work to become more mobile, collaborative,...</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/63633/42a-business" 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.2a-business/business.jpg"
            alt="4.2A Business"
        >
    </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.2A Business
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The digital revolution is transforming industries, business models, and organizational strategies at an unprecedented pace. This transformation, driven by technologies such as artificial intelligence...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63579/41d-subcultures" 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.1d-subcultures/subcultures.jpg"
            alt="4.1D Subcultures"
        >
    </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.1D Subcultures
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Subcultures are distinct groups that exist within a larger culture, formed around shared values, beliefs, interests, and practices that differentiate them from mainstream society. While members of a subculture...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63552/41c-heritage-customs-and-celebrations" 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.1c-heritage/heritage-celebrations.jpg"
            alt="4.1C Heritage, customs and celebrations"
        >
    </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.1C Heritage, customs and celebrations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Heritage celebrations are vibrant expressions of cultural identity that connect individuals to their roots and foster community spirit. Across the globe, these events serve as living archives of tradition,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63399/41b-home-leisure-and-tourism" 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.1b-home-leisure-tourism/leisure.jpg"
            alt="4.1B Home, leisure and tourism"
        >
    </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.1B Home, leisure and tourism
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Digital technologies have profoundly transformed home life, leisure, and tourism by introducing innovative ways to interact with these areas. At home, smart devices have broadened entertainment choices...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/70859/100-making-connections-what-is-an-ib-education-the-diploma-progr" 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/1.0-introduction/ib-graph-1.jpg"
            alt="1.0.0 Making Connections: What is an IB Education, the Diploma Programme (DP) and Digital Society (DS)?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Course Orientation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1.0.0 Making Connections: What is an IB Education, the Diploma Programme (DP) and Digital Society (DS)?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Resources that Digital Society educators must understand and regularly use: The IB DP model provides an overview of the inter-connectedness between all of the components in the Diploma Programme. Digital...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63785/42-economic" 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/subject/generic/85/02.jpg?v=1790338369"
            alt="4.2 Economic"
        >
    </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.2 Economic
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The digital revolution is transforming industries, business models, and organizational strategies at an unprecedented pace. This transformation, driven by technologies such as artificial intelligence......</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/63619/41-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/subject/generic/85/03.jpg?v=1790338369"
            alt="4.1 Cultural"
        >
    </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.1 Cultural
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In today’s interconnected world, technology has fundamentally transformed how we experience, create, and understand culture. From the rise of media art to the global influence of internet fandoms, the......</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/71624/41a-arts-entertainment-and-popular-culture" 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.1a-arts-entertainment-popculture/title.jpg"
            alt="4.1A Arts, entertainment and popular culture"
        >
    </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.1A Arts, entertainment and popular culture
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> In today’s interconnected world, technology has fundamentally transformed how we experience, create, and understand culture. From the rise of media art to the global influence of internet fandoms, the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/66859/41a-student-activities" 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/subject/generic/85/04.jpg?v=1790338369"
            alt="4.1A - Student Activities"
        >
    </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.1A - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 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=5" 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>
