<turbo-stream action="append" target="section-items">
    <template>
            <a href="/ibcp/page/72095/phase-5-overview-" 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/ibcp/phase-5-moon.jpg"
            alt="Phase 5 overview  "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Reflective project 2025
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 5 overview  
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Completion and Submission phase incorporates the time, after the presentation but before the Viva Voce, where the supervisor reads/'reads' and comments on only one draft of the student’s RP. Use this...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/42293/designing-a-collaborative-core-through-pps" 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/ibcp/burst-g26ce475c7_640.jpg"
            alt="Designing a collaborative core through PPS"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Start here: Coordinators & Teachers
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Designing a collaborative core through PPS
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The CP core is what makes this programme stand out, made up of unique elements. The Personal and Professional Skills course is the lens through which students can consciously understand the transversality...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/71992/phase-4-overview-" 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/ibcp/phase-4-moon.jpg"
            alt="Phase 4 overview "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Reflective project 2025
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 4 overview 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Presentation of Findings phase takes place early enough so students can present to their peers and have time to make changes to their draft ready to submit to their supervisor for feedback.  Presentations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/72002/phase-4-lj-overview" 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/ibcp/phase-4-moon.jpg"
            alt="Phase 4 LJ overview"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Learning journal/portfolio
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 4 LJ overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Presentation of Findings phase takes place early enough for you to present to your peers and have time to make changes to your draft ready to submit to your supervisor for feedback.  Presentations...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/71869/phase-3-lj-overview" 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/ibcp/phase-3-moon.jpg"
            alt="Phase 3 LJ overview"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Learning journal/portfolio
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 3 LJ overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Development phase is punctuated at the end by an initial project draft ready for you to present to their peers. There are two clear intentions for the Development phase; shape the relevant research...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/71868/phase-2-lj-overview" 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/ibcp/phase-2-moon.jpg"
            alt="Phase 2 LJ overview"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Learning journal/portfolio
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 2 LJ overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> You go into this phase conducting your research and leave this phase research completed and analysed ethically and transparently, with a personal and critical position emerging strongly. Discussions with...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/71867/phase-1-lj-overview" 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/ibcp/phase-1-moon.jpg"
            alt="Phase 1 LJ overview"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Learning journal/portfolio
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 1 LJ overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The preparation and planning for the reflective project does not start with the launch of the official process. Remember you are developing RP skills through the PPS, CE and LCS course as well as your...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/71470/phase-3-overview-" 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/ibcp/phase-3-moon.jpg"
            alt="Phase 3 overview "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Reflective project 2025
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 3 overview 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Development phase is punctuated at the end by an initial project draft ready for students to present to their peers. There are two clear intentions for the Development phase; shape the relevant research...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/71467/phase-2-overview" 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/ibcp/phase-2-moon.jpg"
            alt="Phase 2 overview"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Reflective project 2025
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 2 overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Students go into this phase conducting their research and leave this phase research completed and analysed ethically and transparently, with a personal and critical position emerging strongly. Discussions...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/ibcp/page/65888/phase-1-overview" 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/ibcp/phase-1-moon.jpg"
            alt="Phase 1 overview"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Reflective project 2025
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Phase 1 overview
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The preparation and planning for the reflective project does not start with the launch of the official process. CP students are developing RP skills through the PPS, CE and LCS course as well as their...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 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="/ibcp/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>
