Case Description

GlobalNet is a Managed Service Provider (MSP) of Network and Communication Services. GlobalNet decides to customize their customer Self Service Portal. After searching around for inspiration, they come across a nice and clean design that they would like to emulate:

They ask you to implement a design that has a similar look and feel.
You sketch out a few ideas and come up with the following:

The dropdown menu looks like this:

And when you click on the user picture on the right, it shows this:

The design is approved and you can start to implement it right away.

Exercises