<turbo-stream action="append" target="section-items">
    <template>
            <a href="/mathematics/page/12275/indestructible-quadrilaterals-4" 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/24/02.jpg"
            alt="Indestructible Quadrilaterals - 4"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Geometry
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Indestructible Quadrilaterals - 4
                                                <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"> Here is the fourth shape to work with! Move the shape around and try to put the properties and shapes under the one of the headings, 'Always', 'Sometimes' and 'Never'. Remember the main activity page...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/page/12273/indestructible-quadrilaterals-2" 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/24/03.jpg"
            alt="Indestructible Quadrilaterals - 2"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Geometry
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Indestructible Quadrilaterals - 2
                                                <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"> Here is the second shape to work with! Move the shape around and try to put the properties and shapes under the one of the headings, 'Always', 'Sometimes' and 'Never'. Remember the main activity page...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/page/12274/indestructible-quadrilaterals-3" 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/24/04.jpg"
            alt="Indestructible Quadrilaterals - 3"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Geometry
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Indestructible Quadrilaterals - 3
                                                <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"> Here is the third shape to work with! Move the shape around and try to put the properties and shapes under the one of the headings, 'Always', 'Sometimes' and 'Never'. Remember the main activity page is...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 August 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/page/16105/tsm-2014-ict-and-rich-tasks" 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/igcse/mathematics/files/Geometry/Congruent Halves/CG.JPG"
            alt="TSM 2014 ICT and Rich Tasks"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        TSM 2014 ICT and Rich Tasks
                                                <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"> This page is a brief description of a 6 hr course being run offered at this years TSM conference in Keele, UK, July 8 - 10 2014. The long running conference is organised by Douglas Butler and friends...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            08 July 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/blog/17036/maths-journals" 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/igcse/mathematics/files/Blogs/IMG_4191.jpg"
            alt="Maths Journals"
        >
    </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">
                        Maths Journals
                                                <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"> About a year ago, I wrote this blog post about keeping Mathematical Scrapbooks and in the mean time I have also posted this about Mathematical Communication. A year on from that first post I am reviewing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 June 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/blog/16984/mathematical-task-design" 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/igcse/mathematics/files/Blogs/twitter.jpg"
            alt="Mathematical Task Design"
        >
    </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">
                        Mathematical Task Design
                                                <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 people at the UK based NCETM who organise the Tuesday night #mathscpdchat on twitter asked for volunteers to steer the chat during the month of June. I have volunteerd for Tuesday 17th June 2014 and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 June 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/blog/16937/school-of-hard-sums" 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/igcse/mathematics/files/Blogs/SOHSjpg.jpg"
            alt="School of Hard Sums"
        >
    </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">
                        School of Hard Sums
                                                <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 have just watched my first episode of 'School of Hard Sums' and really enjoyed it. I dont live in the UK and so am playing catch up. It is another great example of what I put under the heading of Popular...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 June 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/blog/16863/qama-calculators" 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/igcse/mathematics/images/Blogs/qama.jpg"
            alt="Qama Calculators"
        >
    </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">
                        Qama Calculators
                                                <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"> So we have just invested in a few of these Qama calculators to play with. I think I just needed to see one for myself and see how it worked. The basic logic is really quite simple. You enter a calculation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 May 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/page/16627/bcme-real-data" 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/24/01.jpg"
            alt="BCME - Real Data"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Getting started
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        BCME - Real Data
                                                <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"> This page will act as a resource sharing area for the session being run at the BCME 8 conference in Nottingham 2014...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 March 2014
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/mathematics/page/12276/indestructible-quadrilaterals-5" 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/24/02.jpg"
            alt="Indestructible Quadrilaterals - 5"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Geometry
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Indestructible Quadrilaterals - 5
                                                <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"> Here is the fifth shape to work with! Move the shape around and try to put the properties and shapes under the one of the headings, 'Always', 'Sometimes' and 'Never'. Remember the main activity page is  Indestructible...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            18 March 2014
                        </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="/mathematics/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>
