Enchancing the Book_condition.html #897
Open
+171
−146
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 ↗︎
|
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
🎉 Thank you @chandru110 for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better
|
i have enhanced the code so merge it to main branch |
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.
Background Color: A lighter background color #f2f7fc was applied to create a pleasant contrast against the text, improving readability.
Header and Section Titles: Made text color darker (Updating the About Us page #303 #333 for the header, #00509e for the section titles) for better contrast.
Box Styling: Each .box section has a subtle left border and background color for a visually appealing, card-like effect, enhancing readability and separation of content. The hover effect on the boxes adds interactivity.
Footer Layout: Adjusted footer sections to be more organized, using flex for a balanced, centered look on large screens.
Footer Colors: Set a background color of #1e2a38 with text color #b5fdf4, maintaining readability against the darker background and creating a more modern aesthetic.
Social Media Icons: Each icon has an aria-label for accessibility, describing the link’s destination for screen readers. Icons also have color transition effects to change when hovered over, improving user experience.
Flex Layouts: Used flex-wrap for flexible layouts, ensuring footer columns stack vertically on smaller screens to maintain readability and aesthetics on mobile devices.
Media Query Adjustments: Footer elements automatically adjust to a centered alignment on smaller screens, with columns taking up the full width for a clean, easy-to-read layout on mobile.
ARIA Labels: Added aria-labels to social media links, ensuring screen readers describe these icons correctly for users with disabilities.
Color Contrast: Adjusted colors and font sizes to ensure a high contrast ratio, making the text easy to read for all users.
Centered Booking Conditions Title: Used CSS for cleaner, centered text alignment, improving the user experience with a clearly defined title.
Enhanced Structure and Clean Layout: Reduced clutter and organized content more logically, making it easier for users to navigate, scan, and understand the information on both desktop and mobile platforms.
These enhancements ensure the page is accessible, visually appealing, responsive across devices, and user-friendly.