UI fixes

[sohamsshah]

Description

UI fixes as mentioned in #473 are as follows:

UI Fixes:

• Footer in both pages viz. table.html and info.html are properly placed at bottom
• The 'Slide' button used to be active in Navbar of info.html page. This has been fixed in this PR.

---

Code Changes:

• All the html files in the codebase has been named in lowercase. To keep the naming convention consistent, the name of 'Info.html' has been changed to 'info.html'
• In table.html, the CSS was written in <style> tag, while there exists a CSS file for it. So, made changes accordingly.
• Also used 'Semantic HTML' footer tag instead of div and made corresponding changes in the html and css files.

Motivation and Context

**Why is this change required? What problem does it solve?

• It fixes [BUG]: Some UI and Code fixes required on the table.html and info.html pages #473
• It helps to solve minor UI bugs in the codebase.

How Has This Been Tested?

**Please describe in detail how you tested your changes.

• Configured Dev Environment as suggested in the Developer Guide.
• Tested on Localhost with responsiveness check too

Types of changes

**What types of changes does your code introduce? Put an x in all the boxes that apply:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

**Go over all the following points, and put an x in all the boxes that apply.
**(If you're unsure about any of these, don't hesitate to ask. We're here to help!)

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.

Let me know how this sounds. Will make changes if needed ASAP. Thank you for reviewing!

[birm]

I've fixed the conflicts, just going to test to make sure I didn't mess anything up.

[birm]

Having an issue with this; it does not stay at the bottom of the screen like I presume you intend, but when scrolling down, it stays fixed to the document. That is:

to

[birm]

(worth noting, that to me at least, the copyright notice isn't at all important, certainly not enough for it to stick eternally to the user's window)

[sohamsshah]

Thank you for the review, looking into this issue.

[sohamsshah]

Hey, I have solved the problem by using flexbox css. I wrapped the content with a flex column container and justified content as 'space-between'. I hope this works fine now :)

[birm]

Thanks for being so responsive to the review!