index.html

<!DOCTYPE html>
<html lang="en">
  <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
  <head>
    <title>Pasteleria Sora</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/header.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/footer.css" />
  </head>
  <body>
    <header id="header">
      <div class="header__logo-content">
        <img src="./img/logo.png" alt="delicias logo" />
      </div>
      <div class="header__navbar-content">
        <ul>
          <li><a href="pedidos.html">Pedidos</a></li>
          <li><a href="catalogo.html">Catálogo</a></li>
          <li><a href="#">Principal</a></li>
        </ul>
      </div>
    </header>
    <!-- Sección 1 - Principal -->
    <main>
      <section class="top-product-container">
        <div class="top-product-container--title">
          <h2>Nuestros productos más solicitados</h2>
          <p>
            Estos son los productos que más solicitan nuestros clientes. No te
            quedes sin probarlos.
          </p>
        </div>
      </section>
    </main>
    <!-- Sección 1 End - Principal -->
    <footer id="footer">
      <section class="footer__left">
        <ul>
          <li class="footer__associates">
            <a href="#">LinkedIn</a>
          </li>
          <li class="footer__associates">
            <a href="#">CrunchBase</a>
          </li>
          <li class="footer__associates">
            <a href="#">HackerNews</a>
          </li>
        </ul>
      </section>
    </footer>
  </body>
</html>