<turbo-stream action="append" target="section-items">
    <template>
            <a href="/digitalsociety/page/62817/37d-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="3.7D - 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">
                        3.7D - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62816/37c-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/01.jpg?v=1790338369"
            alt="3.7C - 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">
                        3.7C - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62814/37b-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/02.jpg?v=1790338369"
            alt="3.7B 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">
                        3.7B Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62813/37a-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/03.jpg?v=1790338369"
            alt="3.7A - 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">
                        3.7A - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Drag the terms on the left to the corresponding gaps on the right: Answer the question below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62716/36c-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="3.6C 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">
                        3.6C Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62714/36b-part-2-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/01.jpg?v=1790338369"
            alt="3.6B (part 2) - 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">
                        3.6B (part 2) - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge with the flashcards below: Topics: 3.6B (part 2) Uses of machine learningLevels: EasyNumber of flashcards: 5  Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62713/36b-part-1-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/02.jpg?v=1790338369"
            alt="3.6B (part 1) 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">
                        3.6B (part 1) Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62654/34g-part-2-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/03.jpg?v=1790338369"
            alt="3.4G part 2 - 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">
                        3.4G part 2 - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge with the flashcards below: Topics: 3.4G Internet dilemmas - part 2Levels: EasyNumber of flashcards: 14  Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62648/34g-part-1-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="3.4G part 1 - 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">
                        3.4G part 1 - Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Write the correct answers in the gaps. Answer the questions below:...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 June 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/digitalsociety/page/62607/34c-2-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/01.jpg?v=1790338369"
            alt="3.4C (2) 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">
                        3.4C (2) Student Activities
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Test your knowledge with the flashcards below: Topics: 3.4C Characteristics of Computing Networks - Standards and Protocols, Capacity and InfrastructureLevels: EasyNumber of flashcards: 10 ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 June 2025
                        </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=18" 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>
