Footer that includes relevant information for the User.

[SamOBrienOlinger]

As a user, I want a footer that includes developer information and social media links, so I can easily identify that Team 3 created the product and I can follow social media profiles.

Acceptance Criteria

1. Developer Information:

   • The footer must include a section with developer information that links to the "about.html" page.
   • Tasks:
     • [ ] Add a link potentially called "Team 3: The Get a Giggers".
     • [ ] Ensure the link navigates to the "about.html" page.

2. Hackathon Declaration:

   • The footer must display the text "Code Institute October 2024 Hackathon" centered on the page.
   • Tasks:
     • [x] Ensure the text is styled consistently with the rest of the footer.

3. Social Media Links:

   • The footer must include icons for Facebook, Twitter, Instagram, and YouTube that link to respective social media pages.
   • Tasks:
     • [x] Add icons for Facebook, Twitter, Instagram, and YouTube with links that open in a new tab.
     • [ ] Ensure each icon has an aria-label for accessibility.
     • [ ] Test each link to make sure it directs to the correct social media page.

Relevant Tasks

• Design and Layout:

  • [x] Design the footer layout to include developer information, hackathon declaration, and social media links.
  • [x] Ensure the footer design is responsive and works well on all devices.

• Implementation:

  • [ ] Implement the footer in the HTML file with appropriate classes and IDs for styling.
  • [x] Use CSS to style the footer according to the design specifications.
  • [ ] Ensure the links open in new tabs and are accessible.

• Testing:

  • [ ] Test the footer on different devices.
  • [ ] Validate the HTML and CSS to ensure there are no errors.