Feat: Improving the Landing Page

[vansh-000]

Describe the feature

The hero section could be redesigned to enhance the overall appearance of the landing page, providing a more polished and professional look.
Moreover it is not much responsive.

Add ScreenShots

Record

• I agree to follow this project's Contributing.md
• I'm a SWOC contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! 🎉 @Ojas-Arora will look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTE.md for guidelines on contributing to this project.

[Ojas-Arora]

@vansh-000 what changes you would do to improve overall apperance??? . Responsive one has been done already

[LoneWolf4713]

hey I would like to work on this, I would ensure the website is responsive and follows a more professional style, here's a website I styled recently: https://uni-match.netlify.app , I will implement a different colorscheme than the current one and even make the dark light switch work (it doesn't work currently)

I am also from SWoC 5.0

[Ojas-Arora]

@LoneWolf4713 Dark Light Switch has been assigned to someone else but you can make some more changes in the responsiveness of the website as I require some more to make it professional you can see the responsiveness of the website as shown in pic.

Do tell what changes you do in this

[LoneWolf4713]

I guess the problem is you've made it into a

unordered list, that hides on smaller displays, I will make use of divs not an
element, that will appear the same way on larger devices but on smaller devices it will appear more like a dropdown that the hamburger menu will trigger.

this is original solution, but if you'll allow me to make use of a CSS Framework, I will use one that will make all your elements responsive effortlessly...
we can also do a complete website rehaul with the CSS Framework.

[Ojas-Arora]

@LoneWolf4713 Can you show what Changes can u make this better or a similar type of what functiioning You will do for the betterment?

[LoneWolf4713]

okay wait

[LoneWolf4713]

hey I have done the work, see:

and on desktop:

please assign me the issue, and I'll add the PR .
also, about the complete rehaul, I can make the website like this:
https://uni-match.netlify.app
https://100-days-100-web-project.vercel.app/

let me know if you want a complete revamp of the website.

[Ojas-Arora]

@LoneWolf4713 Not required like this u can reduce the width size of the navbar to a smaller one in the mobile view website .

[LoneWolf4713]

like it was before?