Training center for Belgian transporters

Main image of the project

Project informations:

This project was interesting to me because we were asked to have different colors in the logo letters depending on the theme. The solution was to use an SVG with a color variable, allowing the colors to change dynamically within a single SVG.

Client: Professional Transport Training Centre

Role: Frontend developer

Duration: 1 month

Range:

Website: www.pttc.be

On this project, we implemented three themes, each with its own color. The theme represented the type of education, and blocks would display in the corresponding color. Users could select the type of education via radio buttons, and the block would appear in the chosen color (blue, orange, or grey).

Key takeaways and contributions:

  • Implemented theme-based color blocks (blue, orange, grey)

  • Added radio buttons for users to select the type of education

  • Learned to handle multiple choices in a single block using conditional logic and if statements