<turbo-stream action="append" target="section-items">
    <template>
            <a href="/leadership/page/23436/learning-for-the-21st-century" 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/leadership/pedagogical-leadership/21st-century-learning.jpg"
            alt="Learning for the 21st Century"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching and Learning
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Learning for the 21st Century
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> “21st century kids are being taught by 20th century adults using 19th century curriculum and techniques on an 18th century calendar!” (Tom Hierck) If the world is changing so quickly what should our students...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/34914/a-world-of-tomorrow" 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/leadership/beaconhouse.jpg"
            alt="A World of Tomorrow"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        A World of Tomorrow
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I have just attended the first virtal Beaconhouse conference exploring the future for education. It was a wonderful opportunity to engage with educational leaders across the globe. I have included some...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/32874/distance-learning-solutions-systems-platforms-self-directed-cont" 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/leadership/distance-learning.jpg"
            alt="Distance Learning Solutions: systems, platforms, self-directed content"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching and Learning
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Distance Learning Solutions: systems, platforms, self-directed content
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> GOA have written a great article that priorities specific tools for specific audiences. It is worth reading 10 Strategies for Leading Online When School is Closed, GOA, 4 March 2020. UNESCO have curated...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/33419/assessing-online" 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/leadership/assess.jpg"
            alt="Assessing online"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching and Learning
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Assessing online
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Distance learning has placed how we assess centre stage. You just cannot do it the same way you would in a physical classroom. Witness how all major examination boards have cancelled high-stakes standardised...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/33913/great-distance-learning-guides" 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/leadership/covid-picture.jpg"
            alt="Great distance learning guides"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teaching and Learning
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Great distance learning guides
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Reminder Distance learning is not synonymous with online learning. It often refers to a blended learning approach, with online learning being part of the distance learning package. Inequities in online...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/32842/head-of-school-whats-your-contingency-plan" 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/leadership/basics/covid-19-1.jpg"
            alt="Head of School - What&amp;#039;s your contingency plan?"
        >
    </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">
                        Head of School - What&#039;s your contingency plan?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> As the threat of Coronavirus spreads and governments are beginning to take more drastic action, virtual schools and online learning are becoming more widespread. In these challenging times school leaders...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/33562/what-do-you-do-about-school-fees" 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/leadership/schoool-fees.jpg"
            alt="What do you do about school fees?"
        >
    </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">
                        What do you do about school fees?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Schools are trying to strike a balance between keeping parents onside and keeping the schools afloat. Many IB schools are international fee-paying schools. The value proposition of fee paying schools...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/34775/summer-reflections" 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/leadership/summer.jpeg"
            alt="Summer Reflections"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Summer Reflections
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I always use the long vacation as an opportunity to refresh and recharge. This summer is providing particularly rich educational offerings, with online communities all over the globe leading webinars...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 July 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/34690/summer-learning-get-ready-for-september" 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/leadership/what-is-hybrid-learning_-how-to-implement-a-hybrid-learning-strategy-1.png"
            alt="Summer Learning - Get ready for September"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Summer Learning - Get ready for September
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> With medical experts anticipating a second wave of COVID-19, and with no vaccine yet available, schools are planning to deliver a hybrid / blended learning experience when they return in September (in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/33693/will-things-be-different-when-we-go-back-to-school" 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/leadership/future-education.jpg"
            alt="Will things be different when we go back to school?"
        >
    </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">
                        Will things be different when we go back to school?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Do we WANT our 'school' to be the same as it was before this crisis? The coronavirus crisis is a world-changing event. It is impossible to know how the world will be. But it is possible to consider the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 June 2020
                        </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="/leadership/latest-updates?page=79" 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>
