<turbo-stream action="append" target="newsletter-items">
    <template>
            
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'February 2021', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">February 2021</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://www.thinkib.net/cache/newsletter-thumbs/2021/47/36375-1612343896-thinkib.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear Colleagues,I hope you and your communities are keeping well and safe.The IB world continues to adapt to meet the challenging times we are living in. They have just ma
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'November 2020', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">November 2020</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('cache/newsletter-thumbs/2020/47/21404-1604828914-thinkib.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Dear ColleagueWe hope that you, your family and all in your school community are keeping well. And welcome to those of you who have subscribed to our website in the last...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'April 2020', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">April 2020</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://teacher-sites-storage.inthinking.net/ib/leadership/covid-19-blog-2.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Greetings to you all over the world! I write to you from my home in a small town in the UK where we have been in lockdown for the last month.The whole world has been shaken...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'December 2019', 'width=850,height=600,toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes'); return false;">
        <div class="card-body p-lg-4">
            <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
                <h3 class="h5 fw-bold text-primary mb-2">December 2019</h3>
            </div>
            <span class="newsletter-excerpt-container">
                <div style="width: 48px;height: 48px;border-radius: 4px;display: block;float: left;margin-right: 20px;box-shadow: 1px 1px 2px #CCCCCC;background-image: url('https://teacher-sites-storage.inthinking.net/ib/leadership/ib/ll1-visual.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Greetings to you all over the world! As 2019 draws to a close, I want to wish you well for the holidays and take this opportunity to tell you about some of the new features...</p>
            </span>
        </div>
    </a>

    </template>
</turbo-stream>

    <turbo-stream action="remove" target="load-more"></turbo-stream>
