Gibhub Page : https://acsbitmen.github.io/Clon_Pinterest/
** CREAR UNA PAGINA CLONANDO LA PAGINA DE PINTEREST.**
Un proyecto FlashCode, para poner en practica las enseñanzas de DEVF; consiste en realizar el siguiente proyecto:
-
Aprendizaje de HTML y CSS: Crear un clon de Pinterest me proporciono una oportunidad de aprendizaje práctica de HTML y CSS, dos de los lenguajes fundamentales para el desarrollo web. Al realizar este proyecto, fortaleci mis habilidades en maquetación y diseño web, y me familiarizare con los conceptos clave de estas tecnologías.
-
Practicar el diseño responsive: Pinterest es una plataforma que se adapta a diferentes dispositivos y tamaños de pantalla. Al crear un clon de Pinterest, pude practicar la implementación de un diseño responsive, asegurándome de que la versión del sitio se vea y funcione bien en dispositivos móviles, tabletas y computadoras de escritorio.
-
Mejorar tus habilidades de diseño web: Pinterest es conocido por su diseño visualmente atractivo y su enfoque en las imágenes. Al trabajar en un clon de Pinterest, pude mejorar mis habilidades de diseño web, aprendiendo a crear una interfaz atractiva y amigable para el usuario, a utilizar fuentes y colores adecuados, y a organizar contenido de manera efectiva.
-
Aplicar conocimientos de maquetación: Pinterest tiene una estructura de diseño específica, con columnas y tarjetas para mostrar imágenes y contenido. Al crear un clon de Pinterest, pude aplicar mis conocimientos de maquetación HTML y CSS para construir una estructura similar, lo que me permitio comprender mejor sobre cómo se organizan y se presentan los elementos en una página web.
####codigó HTML de las imagenes
<!DOCTYPE html>
<div class="card-image">
<img src="img/Img_Main/Img_1.jpg">
<div class="card_layer">
<div class="saveCard_layer">
<a class="btn_save" href="">
Guardar
</a>
<a class="card_profile" href="">Perfil
<span class="material-symbols-outlined">
expand_more
</span>
</a>
</div>
<div class="footer-card_layer">
<div class="footerRight-card_layer">
<a class="footer-card-pg_layer">
<span class="material-symbols-outlined">
north_east
</span>
<p>
Enlace.com
</p>
</a>
</div>
<div class="footerLeft-card_layer">
<a href="">
<span class="material-symbols-outlined btn_footCard">
ios_share
</span>
</a>
<a href="">
<span class="material-symbols-outlined btn_footCard">
more_horiz
</span>
</a>
</div>
</div>
</div>
</div>