<turbo-stream action="append" target="section-items">
    <template>
            <a href="/leadership/page/22867/diary-of-an-international-head" 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/diary.jpg"
            alt="Diary of an international head"
        >
    </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">
                        Diary of an international head
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nothing can completely prepare you for your first year in a new international school. You are trying to acclimatize yourself to a new country and context whilst at the same time being responsible for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 February 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22891/designing-your-own-curriculum" 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/cebu.png"
            alt="Designing your own curriculum"
        >
    </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">
                        Designing your own curriculum
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> I first heard the term, “suitcase curriculum”, from Bambi Betts. For me it means teachers, parents, students and school leaders were not on the same page with understanding what was being taught, learned...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 February 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22889/finance-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/basics/case-study.jpg"
            alt="Finance - 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">
                        Finance - Case Study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Alignment Financial planning is at its most effective when it is fully aligned with both the school’s strategic plan and the vision the community has for the school in the long term. When these three...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 February 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22869/pechakucha-20x20-" 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/pechakucha.jpg"
            alt="PechaKucha 20x20 "
        >
    </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">
                        PechaKucha 20x20 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> PechaKucha 20x20 is an alternative to the six word memoir. This is something you can use with students and teachers. PechaKucha 20x20 is a simple presentation format where you show 20 images, each for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 February 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22828/education-outside-the-classroom" 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/earth-matters.jpg"
            alt="Education outside the classroom"
        >
    </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">
                        Education outside the classroom
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> How do you plan learning so that what happens in the classroom connects with life outside the classroom? One way is to recognise that learning can happen anywhere and everywhere and to ensure that you...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 February 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22649/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/basics/case-study.jpg"
            alt="Case Study"
        >
    </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">
                        Case Study
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This page provides one example of a Principal's values statement. It can be used to initiative a discussion about the values you and your team hold dear. What do these values look like 'on the ground'?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22598/leading-in-a-time-of-political-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/head-as-leader/cairo-american-school.jpg"
            alt="Leading in a time of political change"
        >
    </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">
                        Leading in a time of political change
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The political context can have a huge impact on your leadership as this case study from Egypt illustrates. In 2012, I moved with my family to Cairo, Egypt, where I was to be Superintendent of Cairo American...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22584/getting-the-legal-framework-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/law.jpg"
            alt="Getting the legal framework 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 legal framework right
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The last decade has seen a rapid increase in the number of schools looking to increase their reputation and establish satellite campuses abroad. With the number of international schools projected to incease...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/22537/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/basics/infographic.jpg"
            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"> Infographics are a means of presenting information. They are a mix of design, writing, images and analysis. The following web tools are good for creating infographics: Canva's, Venngage, Piktochart, infogr.am...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 January 2017
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/leadership/page/21015/learner-profile-in-the-community" 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/learner-profile/inspirational-people.jpg"
            alt="Learner Profile in the community"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            IB Programmes: PYP | MYP | DP | CP
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Learner Profile in the community
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The IB places emphasis on the Learner Profile because they recognise that the attributes it describes help prepare people to flourish in the world. In this section the learner profile is explored through...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 November 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=97" 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>
