add translate (#6) and fix alignment (#7)

[tusharnankani]

Closes #6 Fixes #7

Current behavior

https://user-images.githubusercontent.com/61280281/103103092-4c328880-4645-11eb-82b8-3187aef6b9a1.mp4

Side note:

• I have made changes just to the index.html, and not the remaining files.
• So, in the hackathon, I just copy-pasted the navbar and whatever files were required, were linked to the respective files.
• So this is how the remaining pages look like:

• Now, that we are finally making changes the right way, why not reuse the code. So I know how to include the navbar or header/footer.
• For this, we can write something on these lines for using the navbar on multiple pages. Using jquery.

<!--Navigation bar-->
<div id="nav-placeholder">

</div>

<script>
$(function(){
  $("#nav-placeholder").load("nav.html");
});
</script>
<!--end of Navigation bar-->

Or create a separate .html file, but we will have to create a separate one for the farmer/wholesaler.

• Also, I have commented on the code instead of removing it for now.

TODO:

• Remove translation.js and other unused JS functions.
• Remove unused CSS for the same.
• Make changes to the navbar for the remaining pages as well.