HTML headerのul li がなぜか反映されない

HTML　CSSを独学で学んでおります。
基礎をある程度動画教材で学び、現在
転職でポートフォリオにのせるコーポレートサイトをつくっています。

トップページをだいたいHTMLでセクションごとに区切り、
ヘッダー部分に取り掛かろうとしたところ、
HTMLのheaderのナビゲーション、

<nav><ul><li>部分こちらがプレビューしてもなにも文字が出てきません。コードがまちがっているわけではなさそうなのですが、しらべてもわからず、お手上げ状態です。ちなみにNEWSで使用しているnavはきっちり繁栄されています。

どなたかご教授くださいませ、、、

発生している問題・エラーメッセージ

ヘッダーのナビゲーション部分(トップページ　会社概要など)のHTMLが反映しない
文字がででこない

該当のソースコード

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>あああああ</title> <meta name="description" content="ああああ"> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"> <link rel="stylesheet" href="../newjeyes/css/stylesheet.css"> <link rel="icon" type="image/png" href="images/favicon-02.png"> </head> <body> <div class="container">

<header class="header">
    <h1 class="logo"><img src="#" alt="あああ">
    </h1>

    <nav>
        <ul>
            <li>トップページ</li>
            <li>トップページ</li>
            <li>トップページ</li>
            <li>トップページ</li>
            <li>トップページ</li>
        </ul>
    </nav>

<ul> <li>トップページ</li> </ul>

</header>

<div class="topphoto">
    <img src="#" alt="メイン画像">
</div>

<main class="main">
    <article class="maintext">
            ああああああああああああああああああ。</p>
    </article>

   <section class="NEWS">
       <h2>NEWS</h2>
       <nav class="nav_news">
        <ul class="ul_news">
            <li>
              <div class="day">2021.8.3</div>
              <div class="label">ラベル</div>
              <div class="text">夏季休業のお知らせ</div>
            </li>
            <li>
              <div class="day">2021.7.14</div>
              <div class="label">ラベル</div>
              <div class="text">7月の祝日移動に伴う営業日変更のお知らせ</div>
            </li>
            <li>
              <div class="day">2018.12.27</div>
              <div class="label">ラベル</div>
              <div class="text">ホームページをリニューアル致しました。</div>
            </li>
          </ul>
        </nav>
   </section>





<div class="products">
    <h2>製品紹介</h2>
   <img src="../images/グループ 8.png" alt="製品紹介"> 
   <img src="../images/グループ 6.png" alt="製品紹介">
   <img src="../images/グループ 2.png" alt="製品紹介">
   <img src="../images/グループ 16.png" alt="製品紹介">
   <img src="../images/グループ 14.png" alt="製品紹介">
   <img src="../images/グループ 12.png" alt="製品紹介">

</div>

<div class="facilitys">
    <h2>設備内容</h2>
</div>


<div class="flow">
    <h2>ご注文の流れ</h2>
</div>


<div class="qa">
    <h2>よくあるご質問</h2>
</div>

</div> </main> <footer> <p>あああああ</p> </footer> </div> </body> </html> ### 試したこと NEWSのnavと被ったのかと思いクラスで名前など分けてみたが効果なし ### 補足情報（FW/ツールのバージョンなど）グーグルクロームエディタ　VSC