test.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Test</title>
    <link rel="stylesheet" href="styles.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
      integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
  </head>
  <body>
    <!-- Placeholder -->
    <div class="tmp" id="tmp">
        <div class="tmp__container">
          <div class="tmp__content">
            <h1>Go back to main page</h1>
            <div class="repo__btn"><a href="/index.html">Main page</div></a>
          </div>
        </div>
    </div>

    <!-- Test -->
    <ul id="nav">
        <li><a href="">Home</a></li>
        <li><a href="">Shop</a></li>
        <li><a href="">About Us</a></li>
        <li><a href="">Contact Us</a></li>
    </ul>

    <table class="flat-table">
        <tr>
        <td>Row 1 - Column 1</td>
        <td>Row 1 - Colunm 2 </td>
        <td>Row 1 - Column 3 </td>
        </tr>
        <tr>
        <td>Row 2 - Column 1</td>
        <td>Row 2 - Column 2</td>
        <td>Row 2 - Column 3</td>
        </tr>
    </table>

    <!-- Footer Section -->
    <div class="footer__con">
        <div class="footer__links">
          <div class="footer__link--wrapper">
            <div class="footer__link--items">
              <h2>About us</h2>
              <a href="/sign-up">Do not sign up</a>
              <a href="/sign-up">Bro</a>
              <a href="/sign-up">Stop</a>
              <a href="/sign-up">Terms of services</a>
            </div>
        </div>
      </div>
    </div>
  </body>
</html>