https://github.com/leonardomv94/proyectocine

https://github.com/leonardomv94/proyectocine

Last synced: 20 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/leonardomv94/proyectocine
• Owner: LeonardoMV94
• Created: 2024-08-22T00:07:32.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-24T01:13:51.000Z (5 months ago)
• Last Synced: 2024-08-26T05:27:45.338Z (5 months ago)
• Language: HTML
• Homepage: https://leonardomv94.github.io/ProyectoCIne/
• Size: 561 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Proyecto Cine - Bootcamp Fullstack Javascript 

- :white_check_mark: Crea una página web sencilla utilizando HTML, CSS y JavaScript que incluya una barra de

navegación con tres enlaces ("Inicio", "Acerca de", "Contacto"), 

un formulario con un campo de texto para el nombre, un área de texto para un mensaje, y un botón de envío,

-  :white_check_mark: además de tres imágenes alineadas horizontalmente. 

- :white_check_mark: Aplica estilos CSS para la disposición de las imágenes y mejora la apariencia del formulario y la navegación. 

- :white_check_mark: Agrega interactividad con JavaScript mediante eventos: cuando el usuario haga clic en el botón de

envío, muestra un mensaje de alerta diciendo "¡Formulario enviado correctamente!";

- :white_check_mark: cambia el color de fondo del formulario cuando el usuario pase el mouse sobre él y

restablece el color cuando el mouse salga; 

- :white_check_mark: muestra en la consola el texto que el usuario ingrese en el campo de nombre en tiempo real; 

- :white_check_mark: también muestra en la consola la tecla presionada mientras el usuario escribe en el área de texto. 

- :white_check_mark: Aplica un efecto de zoom a las imágenes cuando el mouse pase sobre ellas y haz que vuelvan a su tamaño original

cuando el mouse salga.

 -