[Feature]Revamp Homepage CSS & Add Relevant Images for Enhanced UI #352
Assignees
Labels
Comments
14 tasks
GarimaSingh0109
added a commit
that referenced
this issue
Oct 21, 2024
… (#375) <!-- Thank you for sending a pull request ❤️ --> ## Issues Identification Closes: #352 This pull request revamps the homepage CSS and adds relevant images to enhance the overall user interface (UI) of the website. The changes aim to create a more visually appealing and engaging experience for users, addressing feedback received on the previous design. -CSS Revamp: The entire homepage UI has been redesigned with improved CSS styles, focusing on better alignment, spacing, and responsiveness to different screen sizes. -Image Integration: Added relevant images throughout the homepage to provide visual context and break up text-heavy sections, making the content more engaging and digestible. -Consistency: Ensured that the design elements are consistent with the overall theme of the website, maintaining brand identity while improving aesthetics. -Accessibility: Made improvements to ensure that the homepage is more accessible, including better color contrast and text readability. ## Types of Changes _Please check the boxes that apply_ - [x] Bugfix (non-breaking change that fixes an issue) - [x] New feature (non-breaking change that adds functionality) - [x] Breaking change (fix or feature that would cause existing functionality to not work as expected) - [x] Documentation update (Documentation content changed) - [ ] Other (please describe): ## Checklist _Please check the boxes that apply_ - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my own code - [x] I have commented my code, particularly in hard-to-understand areas - [x] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [x] My changes do not break the current system and pass all existing test cases - [x] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [x] Any dependent changes have been merged and published in downstream modules https://github.com/user-attachments/assets/8e056d83-4b8a-4bb3-ad50-b3feaf966073 If applicable, please attach screenshots of the changes made to the user interface. ## Additional Information Please provide any other information that is relevant to this pull request. <!-- We're looking forward to merging your contribution!! --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Release Notes - **New Features** - Enhanced layout and content presentation in the main HTML files. - Improved navigation structure and additional sections for feedback and about us. - Added eco-tips slider functionality. - **Bug Fixes** - Adjusted validation logic in the registration form for consistency with input fields. - **Style** - Updated styles for better responsiveness and interactivity. - Removed feedback section styles to streamline the UI. - **Documentation** - Improved clarity and organization of various sections, including waste management and FAQs. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
The homepage UI currently lacks visual appeal and needs a complete overhaul in terms of layout, responsiveness, and design elements. The current CSS is inconsistent and doesn't provide the modern, engaging user experience that we aim for. Additionally, the use of images is minimal or non-existent, which makes the page feel flat and uninviting.
Motivation
CSS Fixes:
Add Relevant Images:
UI Enhancements:
Screenshots
Additional Context
Please assign this issue to me as I would like to work on fixing it. also add the label GSSoC 2024 Extd relaevant
Checklist
Priority
High
The text was updated successfully, but these errors were encountered: