Project Two: HTML and CSS hexagons

Since I am using hexagons on my home page I will be using this tutorial http://www.queness.com/post/13901/create-beautiful-hexagon-shapes-with-pure-css3 . Not all the code is relevant and I will have to add in some of my own. The main thing is that I have good labelling and commenting so I don't get confused about which rectangle is controlling which part. I haven't shown this in my website designs but I would like to create a hover for each individual hexagon. When you hover over the hexagon the icon will get smaller. The colours will all still stay the same colour though.