#316 changed order of metric boxes
#316 Added codepens for example section