<turbo-stream action="append" target="section-items">
    <template>
            <a href="/leadership/page/21133/jigsaw-a-document-or-book" 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/w.jigsaw.jpg"
            alt="Jigsaw a document or book"
        >
    </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">
                        Jigsaw a document or book
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This is a collaborative learning strategy that encourages individuals to develop their own knowledge and understanding and then share that knowledge and understanding with the group. This is an adaptation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/25640/infographics" 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/w.info.webp"
            alt="Infographics"
        >
    </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">
                        Infographics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Infographic is a design tool that you can use to communicate messages in a clear and concise way. There are freely downloadable programmes on the internet. This page will introduce you to Canva. High...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21026/headlines" 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/w.headlines.webp"
            alt="Headlines"
        >
    </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">
                        Headlines
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This routine uses newspaper headlines to capture the essence of an event, idea, concept, or topic. If you were to write a headline for what we are doing (our mission) or trying to achieve (our vision)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21438/gallery-walk" 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/w.gallery-1.jpg"
            alt="Gallery Walk"
        >
    </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">
                        Gallery Walk
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This discussion tool enables people to share knowledge and understanding on an issue of choice. (Image source:Download Gallery, Museum, Exhibition. Royalty-Free Stock Illustration Image - Pixabay)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/60845/reflections-on-an-ib-evaluation-visit" 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/w.ducks.jpg"
            alt="Reflections on an IB evaluation visit"
        >
    </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 an IB evaluation visit
                                                <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 am very grateful to Leanne Gibbons, Impington Village College, UK, for sharing her experiences on a recent evaluation in this blog, and to Rebecca Pickard, author of the CP InThinking site, for allowing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/24732/global-issues-resource-bank" 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/sustainable-goals.jpg"
            alt="Global issues resource bank"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            IB Approaches to teaching and learning
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Global issues resource bank
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page directs you to different resource banks, and uses videos to introduce each. Factfulness - using statistics to discover global issues Bill Gates describes the book Factfulness by Hans Rosling...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 March 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21138/essential-agreement" 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/essential-agreement.jpg"
            alt="Essential Agreement"
        >
    </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">
                        Essential Agreement
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Any group that works together gradually build unspoken norms of conduct. A norm can be defined as a set of assumptions held by a group’s members defining “appropriate/good” behavior and “inappropriate/disallowed”...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/20991/elevator-pitch" 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/w.elevator.jpg"
            alt="Elevator Pitch"
        >
    </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">
                        Elevator Pitch
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The Elevator Pitch is a communication tool aimed at helping you articulate your message. The elevator pitch asks you to create a message in a very short time scale so make it clear, concise, compelling,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21136/cover-story" 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/w.cover-story.jpeg"
            alt="Cover Story"
        >
    </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">
                        Cover Story
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A cover story is a magazine article that is illustrated or advertised on the front cover. What do you want on your font cover? (Image generated by Deepai.org) As a leader cover story can have many uses,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21321/compass-points" 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/w.compass.webp"
            alt="Compass points"
        >
    </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">
                        Compass points
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Compass points allows individuals and groups to give a response using the points of a compass. Each point encourages them to provide feedback in a slightly different way. As a facilitation tool it can...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 February 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="/leadership/latest-updates?page=38" 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>
