ページ内ジャンプができない

Question

前提　＆　 実現したいこと

iSARAの模写をしています。
headerの「資料請求」がクリックされたら下にある「資料請求フォーム」に飛びたいです。
初歩的質問であることは痛感しています。親切な方いらっしゃいましたらお願い致します。

↓↓↓↓↓↓↓↓↓

該当のソースコード

  <header>


        <div class="header-left">
            <p>バンコクのノマドエンジニア育成講座</p>
            <img src="./images/images02.png" alt="">
        </div>

        <div class="header-right" >
            <button class="data-request" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <img src="./images/images03.png" alt="">
          <p> <a href="#form">資料請求</a> </p> 
                   
              
        </div>

        </button>

    </header>

-------------------------------------------

            <form id="form">

                <h2 >資料請求フォーム</h2>

            </form>

Cocode様のご指摘

コメントありがとうございます！
いろいろいじっていた最中にこうなってしまいました。笑

しかしこれを直してもやっぱり動かない状態です...

Answer 1

ダウルクオテーションの外にでちゃってるだけですー！！

- <p> <a href="#"form>資料請求</a> </p> 
+ <p> <a href="#form">資料請求</a> </p> 

Answer 2

赤の部分を消したら正常に動きました！

navbarにしていた部分をheaderにしたので消さないといけなかったのかなと思います。