<turbo-stream action="append" target="section-items">
    <template>
            <a href="/leadership/page/28531/purple-cow" 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/purple-cow.jpg"
            alt="Purple cow"
        >
    </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">
                        Purple cow
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A prioritizing and branding tool. The concept of the Purple Cow was introduced by Seth Godin in his book by the same title. . When you drive by a heard of cattle they all look like cows and it doesn't...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/26089/graffiti-boards" 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/graffiti1.jpg"
            alt="Graffiti boards"
        >
    </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">
                        Graffiti boards
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Graffiti boards help to generate and share ideas collaboratively....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21352/plus-minus-interesting" 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/plus.jpg"
            alt="Plus, minus, interesting"
        >
    </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">
                        Plus, minus, interesting
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> PMI is a lateral and creativity thinking technique developed by Edward De Bono. This tool encourages people to express and evaluate opposing views. It is a way of collating and evaluating ideas in a debate....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21812/leadership-lessons" 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/leadership-development/leadership-lessons.jpg"
            alt="Leadership Lessons"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A resource bank on the nature of leadership. A series of thought pieces presenting perspectives on leadership. They are useful to generate discussion and to develop leadership thinking in colleagues....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/34600/ib-publishes-its-philosophy-of-professional-development" 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/pd.jpg"
            alt="IB publishes its philosophy of professional development"
        >
    </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">
                        IB publishes its philosophy of professional development
                                                <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"> What's new about IB professional development  The IB has just published its approach to professional development. Every IB professional learning experience is grounded in the process of social constructivism...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/34558/back-to-school-how-should-we-change" 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/virutal-reality.jpg"
            alt="Back to school - how should we change?"
        >
    </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">
                        Back to school - how should we change?
                                                <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"> Get ready for the future Enforced remote learning has shocked the educational system. There have been many gains, but it has also highlighted weaknesses in our education systems. This blog looks at lessons...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 June 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/34522/ib-voices-leadership-discussions-free-to-access" 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/ib-voices.jpg"
            alt="IB Voices - leadership discussions free to access"
        >
    </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">
                        IB Voices - leadership discussions free to access
                                                <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"> If you haven't come across these - the IB does tend to hide material! - the IB have produced some helpful short podcasts discussing key aspects of remote learning in this time of pandemic. Check them...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 May 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/33275/reflections-on-covid-19" 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/return-to-normal.jpg"
            alt="Reflections on Covid-19"
        >
    </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">
                        Reflections on Covid-19
                                                <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"> COVID-19 has brought the world to a STOP! Many world leaders, as well as journalists, have used war-time imagery, which for some has been compelling: it identifies a common enemy (the virus), a strategy...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 May 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/34076/what-will-we-do-first-day-back" 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/return-to-school-bus.jpg"
            alt="What will we do first day back?"
        >
    </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 will we do first day back?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I write this page as a personal reflection. This is the opening scene from the film 'Love Actually' - people greeting each other at the arrivals gate of Heathrow Airport. People reunited, sharing the...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 May 2020
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21434/six-word-memoir" 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/6-word-memoir.jpg"
            alt="Six word memoir"
        >
    </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">
                        Six word memoir
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A Six-Word Memoir is a storytelling tool. It is a focused way of telling a story in six words. According to literary legend the novelist Ernest Hemingway was once challenged to write a short story in...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 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=80" 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>
