<turbo-stream action="append" target="section-items">
    <template>
            <a href="/leadership/page/21907/scavenger-hunt" 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/scavenger-hunt.jpg"
            alt="Scavenger hunt"
        >
    </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">
                        Scavenger hunt
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Scavenger hunt is a children's game which can be used as a facilitation tool to encourage an inquiry approach to teaching and learning....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 October 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21826/genius-hour" 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/genius-hour.jpg"
            alt="Genius Hour"
        >
    </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">
                        Genius Hour
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A tool to allow people to explore their own interests and passions and promote creativity in their learning. It provides people with a choice of what they want to learn and in the way they wish to learn...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 October 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21132/jigsawing" 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/jigsaw.jpg"
            alt="Jigsawing"
        >
    </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">
                        Jigsawing
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a collaborative learning strategy that encourages people to develop their own knowledge and understanding and then share that knowledge and understanding with the group. Working groups are each...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 September 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/20956/change-management-case-study" 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/change-management/case-study---change-management.jpg"
            alt="Change Management - Case Study"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Mission & Vision
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Change Management - Case Study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This case study encourages reflection on issues surrounding managing change in an IB World School. You can face particular challenges in managing change in an international schools due to the transient...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 September 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/20881/mission-vision" 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/47/01.jpg"
            alt="Mission &amp; Vision"
        >
    </div>

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

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21439/parking-lot-issues" 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/parking-lot.jpg"
            alt="Parking Lot - Issues"
        >
    </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">
                        Parking Lot - Issues
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A tool to help you keep track of important issues that are raised which can not be addressed at this particular moment. The principle is to return to them later....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21435/photo-cards" 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/cards-emotion.jpg"
            alt="Photo cards"
        >
    </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">
                        Photo cards
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a tool in which people choose a meaningful image to spark the imagination and/or capture learning. The photos are a jump start into deeper conversations allowing tacit knowledge to be understood...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            06 August 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21413/learning-journal" 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/learning-journal.jpg"
            alt="Learning Journal"
        >
    </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">
                        Learning Journal
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Learning Journals help you reflect and record the progress of your on-going learning. They are a collection of notes, quotes from research, observations from practice and thoughts built up over a period...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 August 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/20993/visual-metaphor" 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/visual-metaphor.jpg"
            alt="Visual Metaphor"
        >
    </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">
                        Visual Metaphor
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A metaphor helps us to make sense of something. A visual metaphor uses a visual representation (an image, picture, diagram, sketch, photo collage) to help you to communicate your message in a meaningful...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 August 2016
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21064/see-think-wonder" 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/see-think-wonder.jpg"
            alt="See, Think, Wonder"
        >
    </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">
                        See, Think, Wonder
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This tool is one of Harvard's Project Zero Visible Thinking Routines. A description of the routine can be accessed here. This tool can be used to explore a video, a picture, an artifact, or any other...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 August 2016
                        </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=98" 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>
