https://github.com/romicons/portfolio-ada-it

This is my personal Portfolio, a presentation of my latest work for the organization ADA ITW.
https://github.com/romicons/portfolio-ada-it

css3 html5 javascript jquery mobile responsive-design

Last synced: 6 days ago
JSON representation

This is my personal Portfolio, a presentation of my latest work for the organization ADA ITW.

• Host: GitHub
• URL: https://github.com/romicons/portfolio-ada-it
• Owner: romicons
• Created: 2023-11-07T23:34:53.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-01T21:44:17.000Z (8 months ago)
• Last Synced: 2024-04-01T22:42:13.851Z (8 months ago)
• Topics: css3, html5, javascript, jquery, mobile, responsive-design
• Language: CSS
• Homepage: https://romicons.github.io/Portfolio-Ada-IT/
• Size: 9.36 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  



 Romina Constantinoff 



Desarrolladora Frontend, Profesora y Lic. en Artes Audiovisuales.




  

![Static Badge](https://img.shields.io/badge/HTML5-%23021E23)

![Static Badge](https://img.shields.io/badge/CSS3-%23403153)

![Static Badge](https://img.shields.io/badge/JS-%239F5B98)

![Static Badge](https://img.shields.io/badge/JQuery-%23D58DC7)

![Static Badge](https://img.shields.io/badge/Responsive_Design-%23DE94CF)

![Static Badge](https://img.shields.io/badge/Accessibility-%23E7A2D7)


![Static Badge](https://img.shields.io/badge/STATUS-FINISHED-green)



¡Bienvenide! Este es mi portfolio, realizado como primer entrega para la Asociación Sin Fines de Lucro, "Ada ITW". En él se condensan mis primeros pasos para convertirme en una desarrolladora frontend. 


¿Qué podrás encontrar en él?


 Teniendo en cuenta que su objetivo principal es llamar la atención del usuario/posible cliente, este proyecto enfatiza en dos elementos fundamentales: la  y la 

.

  

 El documento se divide en distintas secciones, a las que podrás acceder scrolleando por la página, o simplemente haciendo click sobre los items del . En este sentido, este componente se convierte en la piedra angular del proyecto, pues en él se sintetizan a la perfección ambas características, tanto en su versión 

, como .





![navbar-gif](https://github.com/romicons/Portfolio-Ada-IT/assets/80432029/7a1c686f-a04d-4172-8635-07291282a185)



Navbar Desktop




![navbar_mobile](https://github.com/romicons/Portfolio-Ada-IT/assets/80432029/e173f020-29f5-458e-9f53-3544788b6b98)



Navbar Mobile


Este énfasis en la , se mantiene durante el resto del proyecto y es visible también en el resto de las secciones. 




![skills_card_gif](https://github.com/romicons/Portfolio-Ada-IT/assets/80432029/160a003a-0009-4234-b37b-43fc66b55756)



Cards de la sección Conocimientos




![proyects_card_gif](https://github.com/romicons/Portfolio-Ada-IT/assets/80432029/5c6cda34-f3da-4c82-8a8f-da57707d7864)



Cards de la sección Proyectos


Por último, utilizando  y , se añadieron validaciones que permiten que el formulario sea completamente funcional (si me envías un mensaje, ¡efectivamente llega!).





![form_validation_gif](https://github.com/romicons/Portfolio-Ada-IT/assets/80432029/ca259467-bb21-4b5e-b38d-4c7ed67cd1cf)



Form Validation


 ¡Gracias por tu visita! 








romicons