Refined Webpage Style with External CSS (Fixes #533)

[kartik0905]

This pull request resolves issue #533 by enhancing the visual appeal and maintainability of the project's webpage.

Previously, the styling was embedded directly within the HTML, making it difficult to manage and scale. This commit introduces an external CSS file to separate the styling from the content, resulting in a cleaner and more organized codebase.

Key changes:

-> Created style.css: A new external stylesheet to house all the styling rules.

-> Linked stylesheet: The index.html file has been updated to link to the newly created style.css.

-> Refined aesthetics: The webpage's overall design has been improved for a more modern and user-friendly experience.

These changes not only address the immediate need for a visual update but also establish a more robust and scalable foundation for future styling enhancements.

[offa]

Thanks!

I used a local http server to test this, but the seeming seems no longer to work. :thinking:

[kartik0905]

Thanks for the response offa...

Hey when i open live server and also when i enter this command python3 -m http.server 8000 on my mac it also shows the webpage also i will add the screenshot

as you can see it successfully worked and the webpage looks good in comparison to before

[offa]

Indeed, that's the same as I have seen.

But if you switch theme (combo box right lower corner) it still looks the same.

[kartik0905]

Okay so can you suggest some designing that will be suited in this particular scenario that'll be really helpful for me to understand...

[offa]

We can also remove the theme selection. It just shouldn't be a broken feature.

[kartik0905]

Okay on it..