Agrega proyecto Blog Card

README.md

@@ -14,6 +14,8 @@ Podrás visualizar el deploy de cada proyecto y su código. Asi mismo cada uno c
 ## 💻 Proyectos
 * [QR Code](https://github.com/devchris03/qr-code)
 
+* [Blog Card](https://github.com/devchris03/blog-preview-card)
+
 ## :globe_with_meridians: Redes
 Linkedin - [Christina Pascual](https://www.linkedin.com/in/christina-pascual/)
 

index.html

@@ -72,6 +72,29 @@ <h3 class="proyectCard__title">Código QR</h3>
                     </a>
                 </div> <!-- botones -->
             </article> <!-- proyecto -->
+            <article class="proyectCard">
+                <div class="proyectCard__image">
+                    <picture>
+                        <source srcset="./assets/img/blog-card.avif" type="image/avif">
+                        <source srcset="./assets/img/blog-card.webp" type="image/webp">
+                        <img loading="lazy" class="proyectCard__img" src="./assets/img/blog-card.png" width="274"height="288" alt="Proyecto Blog Card visualizado en desktop">
+                    </picture>
+                </div> <!-- imagen -->
+                <div class="proyectCard__details">
+                    <h3 class="proyectCard__title">Blog Card</h3>
+                    <p class="proyectCard__description">Este reto consiste en mostrar un card de blog que sea responsive y cumpla con los estilos establecidos</p>
+                </div> <!-- details -->
+                <div class="proyectCard__buttons">
+                    <a href="https://devchris03.github.io/blog-preview-card/" target="_blank" aria-label="Haz click aqui para ver el deploy del proyecto " class="buttonIcon buttonIcon--primary">
+                        <img src="./assets/img/icon-github.svg" alt="Icono" width="24" height="24">
+                        <span>Ver proyecto</span>
+                    </a>
+                    <a href="https://github.com/devchris03/blog-preview-card" target="_blank" aria-label="Haz click aquí para navegar al repositorio(Git hub) del proyecto" class="buttonIcon buttonIcon--secundary">
+                        <img src="./assets/img/icon-send.svg" alt="Icono" width="24" height="24">
+                        <span>Ver código</span>
+                    </a>
+                </div> <!-- botones -->
+            </article> <!-- proyecto -->
         </div>
     </main> <!-- proyectos lista-->