blog.php

<?php
    require 'includes/app.php';
    incluirTemplate('header');
?>

    <main class="contenedor seccion contenido-centrado">
        <h1>Nuestro Blog</h1>
        <article class="entrada-blog"><!--*Entada de blog 1-->
            <div class="imagen">
                <picture>
                    <source srcset="build/img/blog1.webp" type="image/webp">
                    <source srcset="build/img/blog1.avif" type="image/avif">
                    <img loading="lazy" src="build/img/blog1.jpg" type="image/jpg" alt="Imagen Blog 1">
                </picture>
            </div>
            <div class="texto-entrada">
                <a href="entrada.php">
                    <h4>Terraza en el techo de tu casa</h4>
                    <p class="informacion-meta">Escrito el: <span>20/10/2023</span> por: <span>Admin</span></p>
                    <p> Consejos para construir una terraza en el techo de tu casa con los mejores materiales y ahorrando dinero</p>
                </a>
            </div>
        </article><!--?Entada de blog 1-->

        <article class="entrada-blog"><!--*Entada de blog 2-->
            <div class="imagen">
                <picture>
                    <source srcset="build/img/blog2.webp" type="image/webp">
                    <source srcset="build/img/blog2.avif" type="image/avif">
                    <img loading="lazy" src="build/img/blog2.jpg" type="image/jpg" alt="Imagen Blog 2">
                </picture>
            </div>
            <div class="texto-entrada">
                <a href="entrada.php">
                    <h4>Guia para la decoración de tu hogar</h4>
                    <p class="informacion-meta">Escrito el: <span>20/10/2023</span> por: <span>Admin</span></p>
                    <p> Maximiz el espacio en tu hogar con esta guía, aprende a combinar mubles y colores para darle vida a tu espacio</p>
                </a>
            </div>
        </article><!--?Entada de blog 2-->
        
        <article class="entrada-blog"><!--*Entada de blog 3-->
            <div class="imagen">
                <picture>
                    <source srcset="build/img/blog3.webp" type="image/webp">
                    <source srcset="build/img/blog3.avif" type="image/avif">
                    <img loading="lazy" src="build/img/blog3.jpg" type="image/jpg" alt="Imagen Blog 2">
                </picture>
            </div>
            <div class="texto-entrada">
                <a href="entrada.php">
                    <h4>Guia para la decoración de tu hogar</h4>
                    <p class="informacion-meta">Escrito el: <span>20/10/2023</span> por: <span>Admin</span></p>
                    <p> Maximiz el espacio en tu hogar con esta guía, aprende a combinar mubles y colores para darle vida a tu espacio</p>
                </a>
            </div>
        </article><!--?Entada de blog 3-->
        
        <article class="entrada-blog"><!--*Entada de blog 4-->
            <div class="imagen">
                <picture>
                    <source srcset="build/img/blog4.webp" type="image/webp">
                    <source srcset="build/img/blog4.avif" type="image/avif">
                    <img loading="lazy" src="build/img/blog4.jpg" type="image/jpg" alt="Imagen Blog 2">
                </picture>
            </div>
            <div class="texto-entrada">
                <a href="entrada.php">
                    <h4>Guia para la decoración de tu hogar</h4>
                    <p class="informacion-meta">Escrito el: <span>20/10/2023</span> por: <span>Admin</span></p>
                    <p> Maximiz el espacio en tu hogar con esta guía, aprende a combinar mubles y colores para darle vida a tu espacio</p>
                </a>
            </div>
        </article><!--?Entada de blog 4-->

    </main>

<?php
    incluirTemplate('footer');
?>