Join Us page: Add anchors to sections Advise Us, Volunteer with Us, and Partner with Us

[JessicaLucindaCheng]

Overview

We need to be able to go directly to the Advise Us, Volunteer with Us, and Partner with Us sections on the Join Us page so that we can link to those sections from the header and footer menus. For this issue, we will add anchors to those sections.

Action Items

In pages/join-us.html,

• Add an anchor to the Advise Us section so that https://www.hackforla.org/join#advise will jump to that section. For example, adding the line of code <a class="anchor" id="advise"></a> before
  

  website/pages/join-us.html

  Line 28 in d40336f

  <div class="page-card card-primary page-card-lg page-card--join page-card--large-icon-container">

  
  so that it becomes

    <a class="anchor" id="advise"></a>
    <div class="page-card card-primary page-card-lg page-card--join page-card--large-icon-container">
  

• Add an anchor to the Volunteer with Us section so that https://www.hackforla.org/join#volunteer will jump to that section
• Add an anchor to the Partner with Us section so that https://www.hackforla.org/join#partner will jump to that section
• Using Docker, check that each anchor link jumps to its corresponding section. For example, if I wanted to check https://www.hackforla.org/join#advise will jump to the Advise Us section, I would need to use the address localhost:4000/join#advise
• Once the pull request associated with this issue is approved and merged,
  • Please update and edit issue Implement the new design for the footer: desktop #2393 by
    • Checking off the dependency for this issue
    • If all dependencies are checked off, please move issue Implement the new design for the footer: desktop #2393 to the New Issue Approval column and remove the Dependency label
  • Please update and edit issue Implement the new design for the top navigation bar #2455 by
    • Checking off the dependency for this issue
    • If all dependencies are checked off, please move issue Implement the new design for the top navigation bar #2455 to the New Issue Approval column and remove the Dependency label

Resources/Instructions

• Join Us page
• pages/join-us.html
• Example page that has anchors: https://www.hackforla.org/about
• Tracked in homepage launch #2481 (comment)
• Related to issues
  • Implement the new design for the footer: desktop #2393
  • Implement the new design for the top navigation bar #2455

[jdingeman]

Availability for this week: 4 hours
My estimated ETA for completing this issue: EOD 7/21/2022