Clifey.com

Static website made for Clifey

: web-design

Concepts Used

  • Html5
  • Css3
  • Jquery
  • Bootstrap

Features

  • Fully Responsive
  • Custom Buttons
  • Chatbox
  • Documentation Page

Link


Introduction

Clifey.com is a security company which offers Two-Factor Authentication as a service to apps and to individuals.

This was my first internship way back when I was in 2nd year of college.

I just has started learning how to work with css3 and was totally inexperienced with javascript or jquery.

I had worked pretty hard on this site, and I even made a few elements of my own. One that I am particularly proud of is how the buttons feel when hovered. The shadow animation and the text color transition from dull grey/black to bright orange looks very pretty.

Features

This was the project when I got truly comfortable with the bootstrap grid system and centering the elements. I used some pretty interesting javascript to add subtle, but interesting features like :

  • Animated sections
  • Custom made buttons
  • Popup Video
  • In Features,Overview,Pricing Tab, I have included hyperlink trigger for the tab switching
  • Animated scrollups
  • Chatbox (not available in the demo)
  • Terms and Conditions Section

Conclusion

This site was made with alot of attention to detail, and I’m proud of that.

The Made With Love in India label was my favourite addition.