https://github.com/valeriatorrealba/bloques-imagenes

Diseñando con Imágenes - Módulo de CSS - Bootcamp Front-End - Coding Dojo Latam
https://github.com/valeriatorrealba/bloques-imagenes

css html5

Last synced: 1 day ago
JSON representation

Diseñando con Imágenes - Módulo de CSS - Bootcamp Front-End - Coding Dojo Latam

• Host: GitHub
• URL: https://github.com/valeriatorrealba/bloques-imagenes
• Owner: valeriatorrealba
• Created: 2024-07-19T22:25:39.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-31T19:33:04.000Z (4 months ago)
• Last Synced: 2024-08-01T22:54:22.695Z (4 months ago)
• Topics: css, html5
• Language: HTML
• Homepage: https://valeriatorrealba.github.io/bloques-Imagenes/
• Size: 3.03 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Proyecto Imágenes

Este proyecto muestra una página que presenta varias imágenes organizadas en bloques de colores. La página está estructurada con HTML y 

estilizada con CSS.

## Vista del Diseño

Aquí puedes ver la imagen del modelo que se utilizó como referencia:

![Modelo](assets/screenshot/modelo.png)

## Vista Codificada

A continuación, se muestra la imagen del resultado obtenido:

![Resultado Codificado](assets/screenshot/imagenes.png)

## Estructura del Proyecto

El proyecto se compone de las siguientes secciones:

- **Título Principal**: Un encabezado que indica el nombre del proyecto.

- **Bloques de Imágenes**: Tres bloques de colores diferentes que contienen varias imágenes:

  - **Bloque Amarillo**: Contiene tres imágenes.

  - **Bloque Celeste**: Contiene dos imágenes.

  - **Bloque Rosado**: Contiene tres imágenes.

- **Enlace Verde**: Un enlace que dirige a la fuente de las imágenes en Internet.

## Tecnologías Utilizadas

- HTML5: Para la estructura del contenido.

- CSS3: Para el diseño y estilos de la página.

## Autor

Este proyecto fue desarrollado por **Valeria Torrealba**.