feat: FAQ Page inproved

[sau-mili]

Title and Issue number

Title :

Issue No. : #909

Code Stack : HTML, CSS, JS

Close #909

Description

• Added new accordion system to the page
• Added navabar
• Edited minute bugs in index.html file
• Also CSS for the FAQ page is done

Video/Screenshots (mandatory)

NOW

faq.mp4

BEFORE

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Checklist:

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have gone through the contributing.md file before contributing

Additional context:

##Are you contributing under any Open-source programme?

• I am contributing under GSSOC'24
• I am contributing under VSOC'24

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	e3c0f54
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/66869166e14977000891f38f
😎 Deploy Preview	https://deploy-preview-926--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[itsekta]

Hey @sau-mili, have you checked the UI on the preview link above. The UI for FAQ now looks like this

This can be improved with a nice UI

[sau-mili]

The one that you shared is on the home page, and I edited the specific “Faqs” page.
Do you want me to edit the home page as well?

[itsekta]

The one that you shared is on the home page, and I edited the specific “Faqs” page. Do you want me to edit the home page as well?

Okay got it, just checked the faq page nice work 👍

[itsekta]

Improved FAQ page PR #926

[sau-mili]

What’s wrong then? What do i need to improve?

[itsekta]

Nothing is wrong, I have just closed the issues as you have already created a pull request that is #926

[sau-mili]

But it was not merged. That’s why asking

[itsekta]

These PR will be merged by Project admin only when he get the time to merge, Don't worry they will be merged

[apu52]

@sau-mili although I can see your brilliant changes in the Footer FAQ page , but along side in your pR the home page FAQ is not aligned correctly (maybe the CSS file of that is not linked with the HTML file) That has already been Identified by the Mentor @itsekta .thanks @itsekta

@sau-mili please solve the problems in your PR mentioned above so that I can approve your PR

[sau-mili]

Do you mean to align the faq page and home page faq section with similar UI?

[itsekta]

Hey @sau-mili, the /faq pages looks perfect but the landing page faq section still need some improvement
Firstly it isn't collapsible like it was earlier and secondly why are we showing both the icons at same time (the arrow down and close icon), should it be something like if it is open show close icons and if it isn't open down arrow icon and vice versa.

[sau-mili]

okay i will fix it

[sau-mili]

please check now

[apu52]

@sau-mili very good work