Site is not hosed on codepen, but rather nitrious.io it helps as its a real vps server which include enviroemnt setup folder etc ,i feel thats important to learn too.
server sleeps if inactive after few hours.
http://confident-bullet-211796.nitrousapp.com/
Oh updated with codepen link : http://codepen.io/ricky11/full/VKYywq/
RICKY.
One thing that remains confusing is the number of div open and close tags, it becomes very hard to know which belongs to which, i understand i can do tab spacing better, but in a big project i guess the best solution is to code in SNIPPETS and keep each div that does some functionality in a separate html file and then use a build tool to combine in to one… is this the best way?? i dont know why my footer tag at the panel is not showing in the correct place.