microsoft / Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer
https://microsoft.github.io/Web-Dev-For-Beginners/
MIT License
82.19k stars 12.25k forks source link

Add Footer Section #1211

Open ravin972 opened 9 months ago

ravin972 commented 9 months ago

Description:

I would like to request the addition of a footer section to the [Project Name] project. Currently, there is no dedicated footer section in the user interface, and I believe that adding one would provide several benefits, including improved navigation, accessibility, and branding opportunities.

Feature Details:

1. Footer Content:

Specify what content should be included in the footer. This could include links to important pages (e.g., About Us, Contact, Privacy Policy), copyright information, social media icons, or any other relevant details.

2. Styling and Customization:

Describe any specific styling or customization options you would like to see for the footer, such as color schemes, fonts, or the ability to add custom text.

3. Responsiveness:

Mention whether the footer should be responsive to adapt to different screen sizes, and if so, how it should behave on mobile devices or smaller screens.

4. Accessibility:

Highlight any accessibility considerations that should be taken into account when designing the footer, such as ensuring that it's screen reader-friendly and meets accessibility standards.

5. Integration:

If relevant, discuss how this footer section should integrate with the existing layout and design of the project. Provide any design mockups or wireframes if available.

SumitSharma9887 commented 9 months ago

<!DOCTYPE html>

Your Website
ravin972 commented 8 months ago

Need some improvement.

17g01acs028 commented 8 months ago

Add social media links.

ravin972 commented 8 months ago

Can anyone make a PR for this issue?

adesh1998 commented 8 months ago

Could you give me more information about About Us, Contact, Privacy Policy), copyright information, social media icons. Like links to redirect contact info gets. I would love to work on this.

ravin972 commented 8 months ago

Could you give me more information about About Us, Contact, Privacy Policy), copyright information, social media icons. Like links to redirect contact info gets. I would love to work on this.

I will share the details shortly.

mbilal-09 commented 8 months ago

I created a sample check this out : https://mbilal-09.github.io/footer

ravin972 commented 8 months ago

"Your initial design displays a commendable minimalistic approach. To further enhance its appeal, let's focus on optimizing it for mobile responsiveness. It's an essential step in ensuring a seamless user experience."

Additionally, let's collaborate on this improvement. We need to integrate a footer section into this Web-Dev-For-Beginners.

Looking forward to working together to achieve these enhancements.

ravin972 commented 8 months ago

I created a sample check this out : https://mbilal-09.github.io/footer

The primary goal is to maintain a minimalist and user-friendly footer, ensuring a clutter-free experience for site visitors. These adjustments will greatly improve the usability and aesthetics of the website.

anevski-stefan commented 8 months ago

@ravin972 I want to work on this issue, can you assign me?

github-actions[bot] commented 6 months ago

This issue has not seen any action for a while! Closing for now, but it can be reopened at a later date.

samueljaja00 commented 6 months ago

You have a class for such programs. So send your details like name, address, phone number, etc

On Mon, 30 Oct 2023, 9:50 pm adesh1998, @.***> wrote:

Could you give me more information about About Us, Contact, Privacy Policy), copyright information, social media icons. Like links to redirect contact info gets. I would love to work on this.

β€” Reply to this email directly, view it on GitHub https://github.com/microsoft/Web-Dev-For-Beginners/issues/1211#issuecomment-1786015170, or unsubscribe https://github.com/notifications/unsubscribe-auth/AMICBU3REABDUTBTTZZM3HDYCAHJRAVCNFSM6AAAAAA44IWQ52VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTOOBWGAYTKMJXGA . You are receiving this because you are subscribed to this thread.Message ID: @.***>

mbilal-09 commented 5 months ago

I created a sample check this out : https://mbilal-09.github.io/footer

  • [ ] Introduce the site name with a centered alignment and appropriate padding.
  • [ ] Provide a concise and informative about the site's offerings for developers.
  • [ ] Retain the existing menu structure; consider adding an icon or button, such as "πŸ‘†" or "πŸ”," that allows users to quickly return to the top of the page for enhanced user convenience.
  • [ ] Eliminate the "Contact Us" section or div.
  • [ ] Incorporate links to social media profiles for improved connectivity.
  • [ ] Include a copyright notice, in addition to the existing license information, to enhance the site's professional appearance.

The primary goal is to maintain a minimalist and user-friendly footer, ensuring a clutter-free experience for site visitors. These adjustments will greatly improve the usability and aesthetics of the website.

I updated the footer as per your requirements: https://mbilal-09.github.io/footer

mbilal-09 commented 5 months ago

@ravin972 Will I make a pull request to add footer