I figured the best way to improve one’s design skills is to steal from others ;) Hence I found this awesome landing page and rewrote it in pure HTML and CSS. The code can be found here. Have a look.

There are some things I learned from doing this design sketch:

  1. I understood how to add images to a grid. This gave me full power to align the three images the way I liked to.
  2. I added a mouseover effect on the navigation links. The mouseover has a small animation in that the border moves from the very left to the right.
  3. I added a filter to make the images similar.