major improvements in UI, improve UX

[tusharnankani]

What is the change?

This PR includes:

• Switched to a more readable font.
• navbar changes
  • add transitions
  • remove background hover
  • improve color coordination

nav.mp4

• footer changes
  • increase padding
  • improve hover effect
  • minor fix of mailto

foot.mp4

• Card changes:
  • add box-shadow to the card
  • add transition when hovered on courses
  • change gif images layout to circular
  • improve the user experience

card.mp4

Related issue?

In reference to #4

Files edited?

• views/partials/header.ejs
• views/partials/footer.ejs
• public/css/index.js

Checklist:

Before you create this PR, confirm all the requirements listed below by checking the checkboxes like this ([x]).

• I've checked there aren't other open Pull Requests for the same update/change?
• I've made corresponding changes to the documentation?
• My submission doesn't break any existing feature.
• I've tested this code locally before submission?

@Nishant2907

[tusharnankani]

@Nishant2907 any updates?

[Nishant2907]

Reviewed and look good to me.

[Nishant2907]

@tusharnankani, there are some conflicts in the index.css file. Kindly resolve it.

[tusharnankani]

@tusharnankani, there are some conflicts in the index.css file. Kindly resolve it.

Fixed.

[Nishant2907]

Everything works fine.