<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/56580/31b-types-of-data" 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/3.1b-types-of-data/markus-spiske-iar-afb0qqw-unsplash.jpg"
            alt="3.1B Types of data"
        >
    </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.1B Types of data
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There are many types, uses and ways of representing data.   In this lesson, you will be introduced to different types of data:Quantitative and qualitative data, cultural, financial, geographical, medical,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/56456/31a-data-as-distinct-from-information-knowledge-and-wisdom" 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/3.1-a-data-as-distinct/01h.jpg"
            alt="3.1A Data as distinct from information, knowledge and wisdom"
        >
    </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.1A Data as distinct from information, knowledge and wisdom
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Data consists of numbers, characters, images, and other elements that can be organized to create meaningful information. In this chapter, you will learn about the differences between data, information,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/71875/navigating-the-site" 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/start-here/site.jpg"
            alt="Navigating the site"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page gives a simple guide to help you find your way around the site to locate any page you want or to find any page that contains a particular word, part word or phrase using the search facility....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/71805/how-to-navigate-the-site" 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/start-here/site.jpg"
            alt="How to navigate the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start Here
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How to navigate the site
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page gives a simple guide to help you find your way around the site to locate any page you want or to find any page that contains a particular word, part word or phrase using the search facility....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/72061/12-digitization-digitalization-and-digital-transformation" 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.2-digital-transformation/digital-transformation-pyramid.jpg"
            alt="1.2 Digitization, Digitalization, and Digital Transformation"
        >
    </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.2 Digitization, Digitalization, and Digital Transformation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There are three types of processes that use digital systems and data to change from a physical or analogue state to a digital state: digitization, digitalization, and digital transformation. The terminology,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/61411/31-data" 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/01.jpg?v=1790338369"
            alt="3.1 Data"
        >
    </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.1 Data
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Data consists of numbers, characters, images, and other elements that can be organizedto create meaningful information.In this chapter, you will learn about the differences between data, information,......</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/69036/51b-teacher-solution-for-the-student-activity" 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/teacher-solution.jpg"
            alt="5.1B Teacher solution for the student activity"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activity Solutions
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        5.1B Teacher solution for the student activity
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/71475/important-links" 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/ds-resources.jpg"
            alt="Important links"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page is a copy of part of the page 1.0.0 Making Connections: What is an IB Education, the Diploma Programme (DP) and Digital Society (DS)?  The reason it is replicated here (under External Assessment)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/71064/paper-1-sl-sample-markscheme" 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="Paper 1 SL Sample - Markscheme"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is the markscheme for the  Paper 1 SL Sample  Question 1 — Data (a)(i) Define information. [1] Award [1] for a valid definition. Possible response: Accept any other valid definition. (a)(ii) Define...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/68886/500-hl-extension-challenges-and-interventions-teaching-the-hl-ex" 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="5.0.0 HL Extension (Challenges and Interventions_ Teaching the HL Extension through Extended Inquiry)"
        >
    </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">
                        5.0.0 HL Extension (Challenges and Interventions_ Teaching the HL Extension through Extended Inquiry)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> There are two approaches to teaching the HL Extension depending upon the organization of the class: In each case the HL Extension (Challenges and Interventions) need to be integrated into the core lessons...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 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=10" 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>
