<turbo-stream action="append" target="newsletter-items">
    <template>
            
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'August 2015', '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">August 2015</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/spanishb/images/Dd/dia-del-profesor.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Un saludo muy afectuoso a todos y esperamos que este boletín les sea de su agrado. Les deseamos un buen comienzo del año académico a los profesores del hemisferio norte...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'March 2015', '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">March 2015</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/spanishb/images/Hh/ha.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Bienvenidos a la nueva edición del Boletín de Español B para profesores. Esta es la primera publicación de este año y esperamos, desde ahora en más, poder brindarles...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'February 2014', '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 2014</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/spanishb/images/Cc/Corto.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>
Bienvenidos a esta nueva edición. Esta vez dedicada a la competencia audiovisual y más concretamente a la utilización de los cortometrajes en el aula.Hoy en día tenemos...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'November 2013', '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 2013</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/spanishb/images/Aa/anuncio papa noel.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Una calurosa bienvenida a todos los nuevos suscriptores del séptimo boletín de Español B. A nuestros lectores habituales, nuestros saludos y continuo agradecimiento por...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'July 2013', '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">July 2013</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/spanishb/images/Nn/metegol.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>
¡Bienvenidos a la sexta edición del boletín de Español B! Es un verdadero placer compartir este espacio con nuestros suscriptores y esperamos poder ser una pequeña...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'April 2013', '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 2013</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/spanishb/images/jordi/tmp-eval.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Es difícil de creer que en el hemisferio norte ya nos estamos despidiendo de nuevo. Esperamos que hayáis pasado un buen año y, para aquellos que habéis estado utilizando...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'January 2013', '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">January 2013</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/spanishb/gente.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>
Es un verdadero placer darles la bienvenida a los nuevos suscriptores del boletín de Español B y saludar a nuestros fieles seguidores de ediciones anteriores. Ya que...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'October 2012', '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">October 2012</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://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/www.spanishb-inthinking.co.uk/files/spanishb/images/Qq/que-dificil-es.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>Bienvenidos a todos los nuevos suscriptores del boletín de Español B y nuestros saludos a los que ya nos siguen. Es un place
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'July 2012', '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">July 2012</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/spanishb/images/Ee/Elefante blanco.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p> ¡Bienvenidos al cuarto boletín de Español B! De vuelta de las vacaciones algunos de vosotros empezaréis con un nuevo grupo y otros emprenderéis el segundo año del...</p>
            </span>
        </div>
    </a>
    
    <a href=""
        class="card text-body text-decoration-none rounded-0"
        onclick="window.open(this.href, 'April 2012', '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 2012</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://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/www.difusion.com/uploads/coleccion_metodos/56/referencias/503/img1/th_clasedemusica.png');background-repeat: no-repeat;background-position: center center;background-size: cover"></div><p>
¡Hola de nuevo y bienvenidos!Estamos muy contentas de contaros que planeamos que a partir de junio esté a vu
            </span>
        </div>
    </a>

    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/spanishb/newsletters?page=7" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Cargar más
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Cargando...</span>
    </div>
</div>

        </template>
    </turbo-stream>
