Added an analytics.html page and placed the link in footer
In analytics.html, there are two statistics, progress bars and radial progress circles are possible but I do not have enough data to create them as of right now.
I added responsive web design to teach.html and analytics.html. Responsive web design is really important now a days because nearly all websites are viewed on smart phones or tablet devices. Therefore, most websites should be mobile-first. Bootstrap is not so good at creating responsive web design with their scaffolding methods so I implemented it myself. In the bottom of main.css there are separate media tags for different devices: tablet and phone. What these media tags do is change the width and styling of page elements depending on what device they are viewed on.
I changed some elements on teach.html because they were very out of order and not symmetrical
Now:
If you resize the window on your browser you should be able to see elements come together nicely instead of overlapping each other or running off the page :)
Fixed add an analytics page #178
Now:
If you resize the window on your browser you should be able to see elements come together nicely instead of overlapping each other or running off the page :)
Cheers