Standardize code for header layout

[arghmatey]

Overview

Create standardized header layout component html and css to ensure visual consistency, and to make creating new pages easier and more efficient.

Action Items

• Determine class names and properties necessary based on Figma file
• Implement CSS and HTML changes to create standard header component to all pages that use this specific component layout
• Update How to create a page on the HfLA website wiki page
• Release dependency on Cross browser compatibility issues (formerly IE 11 display issues) #19

Resources/Instructions

Issues with current header layout commented on #1791

[arghmatey]

HTML code and reusable class names are complete for the page header.

• Determine where the CSS should live for reusable classes in order to create PR
• Discuss changing the template on the How to create a page on the HfLA website wiki page

[github-actions]

@arghmatey Please add update

1. Progress
2. Blockers
3. Availability
4. ETA

[Sihemgourou]

Hi @arghmatey, please add a size to the issue :) thanks!

[arghmatey]

@Sihemgourou Done!

Meeting with Danielle tomorrow to discuss my previous comment. If all is good, PR to be submitted tomorrow afternoon.

[Sihemgourou]

perfect thanks ! don't hesitate to use this template for next time

1. Progress
2. Blockers
3. Availability
4. ETA
   Thanks :)

[github-actions]

@arghmatey

Please add update using this template (even if you have a pull request)

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either: 1) ask for help at a Tuesday or Sunday meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Tuesday, August 3, 2021 at 7:53 AM.}

---

Note: This comment was created as part of a GitHub Action during its trial phase. If you find this GitHub Action to be disruptive/unhelpful, or if you believe there might be a bug, please leave a comment on this issue. All feedback will be used to further improve it. Thank you for your time.

[abuna1985]

The dependency tag has been removed from #19

[abuna1985]

Updated How to create a page on the HfLA website wiki page.