MarkUp for the landing and canvas page

While making this, my goal was to create all the mark ups in an easy way to understand and modify as this project will be built on over the days and might undergo changes.        

The main goal was to implement flex box  as it provides some sort of responsiveness.

for the landing/loading page, it was a simple mark up and styling that I did. I tried to use 3.js in order to create a funky background for the landing page, but it was going to take more time, and it was not needed so i just went with a static background.                          

The main/canvas page was a bit tricky. Using flex box was really foreign to me.  Even thought its fairly straight forward, Id get weird situations where boxes would disappere, so i ended up using half half. I used the flexbox, to set up the layout, which I used the "holy grail layout"