feat: Updated navbar colors and fixed alignment issues #1065
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
✅ Deploy Preview for taupe-cendol-f7e2bb ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Hi @PRANJALIMALETHA! Thank you for your valuable contribution! Our team will review it and get back to you soon.
|
is my pr is successful |
|
Is my pr request is successful |
PRANJALIMALETHA
changed the title
PRANJALIMALETHA
changed the title
|
Enhanced the styling of the Thank You Page, Navbar, and Trending Tour Cards to improve visual appeal and user experience. Changes include color scheme updates, typography refinements, and layout adjustments. Screenshots attached for reference. |
yes it's successful .I am reviewing it |
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.
Title: Enhancement: Improved Styling for Thank You Page, Navbar, and Trending Tour Card Alignment
Issue No.: #1063
Code Stack: HTML, CSS, JavaScript
Close #1063
Description
Enhanced the visual appeal and user experience of the travel website by updating the styling for the Thank You Page, Navbar, and Trending Tour Card alignment. Details include:
Description
Enhanced the visual appeal and user experience of the travel website's Thank You Page by implementing the following stylistic improvements:
Color Scheme Enhancement: Updated the color scheme to incorporate soothing tones that align with the travel theme, enhancing visual coherence and brand identity.
Typography Improvement: Refined typography choices for improved readability and aesthetic appeal, ensuring a harmonious blend with the overall design.
Box Shadow Application: Applied subtle box shadows to elements within the Thank You Page, adding depth and a sense of dimensionality to key components.
Linear Gradient Usage: Integrated subtle linear gradients to create a smooth transition between colors, enhancing visual interest without overpowering the content.
Text Shadow Utilization: Implemented delicate text shadows to enhance legibility and visual prominence of important text elements, improving overall readability under varying lighting conditions.
These enhancements collectively aim to create a more engaging and visually appealing Thank You Page experience for users, aligning with modern design trends while maintaining usability and accessibility standards.
Navbar:
Color Adjustment: Changed the navbar color to
lightbluefor a more vibrant and user-friendly appearance.Adjusted the downward portion color to
light blueto create a lighter contrast with the background, improving overall visibility and reducing visual intensity.Improved alignment and layout of Trending Tour Cards for a more structured presentation.
##- Hover Effects: Implemented hover effects to highlight the cards on interaction, improving user engagement.
Layout Adjustment: Arranged the Trending Tour Cards to ensure proper alignment and spacing, addressing previous issues of disorganization.
Button Positioning: Corrected the positioning of buttons within the cards by adjusting the margins from the left and right sides, ensuring they are properly aligned and visually appealing.
Video/Screenshots (mandatory)
Screenshots:
](https://private-user-images.githubusercontent.com/126933724/348553069-6488e486-b472-4b5d-a380-787bc21a2968.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzU1NzQ5ODYsIm5iZiI6MTczNTU3NDY4NiwicGF0aCI6Ii8xMjY5MzM3MjQvMzQ4NTUzMDY5LTY0ODhlNDg2LWI0NzItNGI1ZC1hMzgwLTc4N2JjMjFhMjk2OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQxMjMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MTIzMFQxNjA0NDZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yNjkxMDc1NzE3NTY2MmY2Y2ZhNDI0NjhjZDc0MjdmMTkwMzA1NDI1Y2E3YmVkZmI2MzIxMDU3NTk4NDAxYzQ2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.3xT1EZUDamDW34pFa0cDBIGUiYGXbtQwO23z3bSJo2o)
Type of PR
Checklist:
contributing.mdfile before contributingAdditional context:
Are you contributing under any Open-source programme?
I am contributing under
GSSOC'24. My goal is to enhance the user experience of the travel website through these improvements.GSSOC'24VSOC'24