[ISSUE] Clustered Code Structure

[ShouryaGit023]

Issue
Currently, all the JavaScript and CSS code is written directly inside the HTML file, resulting in a file with 1000+ lines of code.
This structure reduces readability, maintainability, and modularity of the project.

Proposed Solution
Create dedicated folders for JavaScript (/js) and CSS (/css).
Move the inline code into separate .js and .css files.
Link these external files to the HTML.

This will:
Improve code readability and maintainability.
Provide a cleaner and more modular project structure.
Make it easier for contributors to understand and work on the codebase.

Please assign me this issue as this will help more of the contributors while contributing

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[ShouryaGit023]

Hy @supriya46788 I would like to work on creating a well structured code base
Kindly assign me this issue

[supriya46788]

@ShouryaGit023 work on specific page one by one so that it doesn't create conflicts...please specify in which file do you want to work by separating files into html, css and js....and everytime you can mention this issue while creating pr

[ShouryaGit023]

I separated all the pages
css and js folder contain specific pages css and js respectively
and the new folder Section contains all the html code
and i understand it will once create merge conflict for the contributers
but the conflict will be very small only new files are made and some piece of code has been shuffled to new files making the whole code base easier to understand
if you have any other suggestion for this issue, i would be happy to work on that

[supriya46788]

@ShouryaGit023 ok open pr i will check

[Adir-html]

Hi @ShouryaGit023,

I’d like to work on this issue to improve the project structure by moving all inline JavaScript and CSS into separate /js and /css files. This will make the code cleaner, more modular, and easier for contributors to understand.

Please assign this issue to me.

Thanks!