<turbo-stream action="append" target="section-items">
    <template>
            <a href="/leadership/blog/23891/a-new-school-year" 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/back-to-school2.jpg"
            alt="A New School Year"
        >
    </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 New School Year
                                                <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"> The beginning of a new school year is a good opportunity to remind all the school community what your big idea(s) are, not least because you will have new staff, pupils and parents joining the school...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/blog/23894/welcome-to-the-ib-leaders-website" 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/blog1a.jpg"
            alt="Welcome to the IB Leaders Website"
        >
    </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">
                        Welcome to the IB Leaders Website
                                                <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"> It is written with Heads of School and IB Coordinators in mind. It is intended to make your life easier. I recognise that in some of your schools you will be implementing the IB Diploma Programme alongside...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 July 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21914/tweet-it" 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/tweet-it.jpg"
            alt="Tweet it"
        >
    </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">
                        Tweet it
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Twitter is a social networking service that allows people to send and read short 140-character messages called tweets. This tool serves similar functions to Cover Story, Elevator Pitch and Quotes that...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 July 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/23425/information-systems" 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/vision-mission-strategy/mis1.jpg"
            alt="Information Systems"
        >
    </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">
                        Information Systems
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> What do you need to consider when choosing a school management system? Should you write your own so that it is tailored to your own needs or do you buy one 'off the shelf'? If the later how do you ensure...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 May 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22859/getting-the-finances-right" 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/vision-mission-strategy/finances.jpg"
            alt="Getting the finances right"
        >
    </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">
                        Getting the finances right
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> It is important for the success of new school projects that a rigorous financial model is created.  Too often, school promoters get carried away with the excitement of the project and don’t spend enough...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21080/mindmapping" 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/minmap.jpg"
            alt="Mindmapping"
        >
    </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">
                        Mindmapping
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> A mindmap is a diagram that shows connections between people, ideas, organizations or events.The elements are usually connected each other in a visual way using arrows and text. Arrows can be bi-directional...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22879/getting-accreditation-inspection-right" 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/vision-mission-strategy/accreditation.jpg"
            alt="Getting accreditation / inspection right"
        >
    </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">
                        Getting accreditation / inspection right
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> International schools choose to be accredited by external organisations as a way of demonstrating their commitment to high quality international education to parents, students and staff members. Accreditation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22892/cambridge" 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/vision-mission-strategy/cie1.jpg"
            alt="Cambridge"
        >
    </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">
                        Cambridge
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cambridge International Examinations is part of Cambridge Assessment, a department of the University of Cambridge. Their international qualifications cover the whole school age range and thus provide...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 April 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/20883/leadership" 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/04.jpg"
            alt="Leadership"
        >
    </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
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 March 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22936/opening-a-united-world-college" 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/vision-mission-strategy/uwc.jpg"
            alt="Opening a United World College"
        >
    </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">
                        Opening a United World College
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The United World College (UWC) https://www.uwc.org/ promises “Education like no other”. The movement was founded in 1962 when Atlantic World College in Wales opened. Reflecting the compelling vision of...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 March 2017
                        </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=96" 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>
