Responsive FAQ Section #95
Open
+181
−1
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
First of all good job @eshitatalukdar08. It looks good but, can you please move the code from faq.css file to the |
|
Thank you so much for the feedback! I'll go ahead and move the code from faq.css to /assets/css/style.css and faq.js to /assets/js/script.js. I appreciate you pointing this out! |
|
@swaparup36 Do I need to create a new PR for that? |
@eshitatalukdar08 If this pr is in mess then you can create a new pr , no worries. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue number #88
I have added a FAQ section including a few questions. The features include:
Elegant Design:
Utilized a black and gold color scheme to align with the website's theme.
Added subtle box shadows and hover effects for a polished look.
Responsive FAQ Section:
Questions are clickable, expanding to reveal answers with a smooth animation.
The layout adjusts gracefully across various screen sizes, ensuring optimal usability on desktop and mobile devices.
"Couldn't Find Your Answer?" Section:
It includes a prompt with a "Contact Us" link styled for visibility and elegance.
The link redirects users to the contact page (contact.html).
Interactive Experience:
JavaScript toggles the visibility of answers, providing an intuitive user experience.
Smooth transitions for hover effects on the "Contact Us" link, with font size and color changes.
Thank you for assigning this task to me, I hope I was able to contribute.