Homepage redesign: Add anchor to Get In Touch section

[JessicaLucindaCheng]

Overview

As a developer, I want to be able to go directly to the Get In Touch section on the redesigned homepage so that I can quickly and easily go to that section without scrolling. For this issue, we will add an anchor to the Get In Touch section.

Details

Screenshot of Get in Touch Section on the Redesigned Homepage

Action Items

• Feature Branch: You will be working off a feature branch called feature-homepage-launch and the pull request created from this issue should be pushed into that feature branch. Please read and follow the steps in the How to work off of a feature branch wiki article.
• Before line 1 in _includes/forms/contact-us.html, add <a class="anchor" id="get-in-touch"></a> so that

  <section class="home--contact home--section">
  

  becomes

  <a class="anchor" id="get-in-touch"></a>
  <section class="home--contact home--section">
  

• Using Docker, check that going to localhost:4000/#get-in-touch jumps to the Get In Touch section on the homepage
• 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

• website/_includes/forms/contact-us.html

  Line 1 in 467a797

  <section class="home--contact home--section">

• 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

[JessicaLucindaCheng]

@geedtd
At the time you self-assign an issue, make sure to write in a comment the following:

• Availability: "How much time will you have this week to work on this issue?"
• ETA: "When do you expect this issue to be completed?"

[kathrynsilvaconway]

@geedtd Hi, I am unassigning you from this because we haven't heard from you in quite a while. If you would still like to be a part of the HFLA dev team, you can reassign yourself and update your status.

[github-actions]

Hi @CalvinTan607, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[CalvinTan607]

i. Availability: 8/9 - 8/10
ETA: By the end of 8/9