Specific Code

Contact page used float labels as seen here;

https://dribbble.com/shots/1254439–GIF-Float-Label-Form-Interaction

You can see in my code I have tried to implement float labels in my design;

html;

Schermata 2016-01-17 alle 20.38.07.png

javascript;

Schermata 2016-01-17 alle 20.38.33.png

Schermata 2016-01-17 alle 20.39.12.png

Schermata 2016-01-17 alle 20.39.27.png

The Result;

Schermata 2016-01-17 alle 20.41.09.png

The hover on the homescreen has an fade animation on it for the different elements, this is there relevant code;

Schermata 2016-01-17 alle 20.45.45.png

and the final result;

Schermata 2016-01-17 alle 20.47.08.png

Google Analytics;

Schermata 2016-01-17 alle 20.49.23.png

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s