This project is about how mainly we can use keyframes, transitions and transform to make more visual the web site.

  • By Armando Comellas
  • Last update: Aug 23, 2022
  • Comments: 0

Project Name

Portfolio: mobile version.

List of technologies

  • HTML5
  • CSS
  • Flexbox and CSS Grid in order to make a structure in the HTML and look nice.
  • Media Query (very important)

Description of the project

  • This project consist in add an animation into the FIGMA copy design.
  • What is special for this project, is looking to apply @key-frames to make a simple animation at the begining.

Getting Started

  • You must need to install npm packages (Linters such as Lighthouse, webhint and stylehintrc) in order to make work the project.

This is an example of how you may give instructions on setting up your project locally.

This is about a Desktop version application, there is two parts so far, header and section in the middle, added contact form and putted some validation in the form.


👤 Author1

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!


  • Hat tip to anyone whose code was used
  • Inspiration
  • Passion in coding

📝 License

This project is MIT licensed.