Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]Revamp Homepage CSS & Add Relevant Images for Enhanced UI #352

Closed
4 tasks done
sahhoArjun097 opened this issue Oct 18, 2024 · 0 comments · Fixed by #375
Closed
4 tasks done

[Feature]Revamp Homepage CSS & Add Relevant Images for Enhanced UI #352

sahhoArjun097 opened this issue Oct 18, 2024 · 0 comments · Fixed by #375

Comments

@sahhoArjun097
Copy link
Contributor

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

Screenshot 2024-10-18 115021
Screenshot 2024-10-18 115126
Screenshot 2024-10-18 115028
Screenshot 2024-10-18 114946

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

  • I have checked the existing issues.
  • I have read the Code Of Conduct.
  • The changes don't break the code.
  • I will attach screenshots and videos of the development work once it is done.

Priority

High

@sahhoArjun097 sahhoArjun097 added the enhancement New feature or request label Oct 18, 2024
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
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants