index.html

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="shortcut icon"
      href="https://gateway.pinata.cloud/ipfs/QmVyR3xB8aaA8FC87VLT83NttDPetnPYkqZzyBqKWSN9n8"
      type="image/x-icon"
    />
    <link rel="stylesheet" href="styles.css" />
    <title>Weird Beetles</title>
  </head>
  <body>
    <header class="cabecalho">
      <a href="/">
        <img
          class="cabecalho-imagem"
          src="https://gateway.pinata.cloud/ipfs/QmVyR3xB8aaA8FC87VLT83NttDPetnPYkqZzyBqKWSN9n8?preview=1"
          alt="Weird Beetles"
        />
      </a>
      <nav class="cabecalho-menu">
        <a class="cabecalho-menu-item" href="/">Weird Beetles</a>
        <a class="cabecalho-menu-item" href="https://opensea.io/WeirdBeetles">Collection</a>
        <a class="cabecalho-menu-item" href="/">Donate</a>
        <a class="cabecalho-menu-item" href="https://opensea.io/WeirdBeetles">Learn</a>
      </nav>
    </header>

    <main class="conteudo">
      <section class="conteudo-principal">
        <div class="conteudo-principal-escrito">
          <h1 class="conteudo-principal-escrito-titulo">Weird Beetles</h1>
          <h2 class="conteudo-principal-escrito-subtitulo">
            Beetles on the Blockchain 🤔
          </h2>
          <a href="https://opensea.io/WeirdBeetles" target="_blank"
            ><button class="conteudo-principal-escrito-botao">
              Mint NOW
            </button></a
          >
        </div>
        <img
          class="conteudo-principal-imagem"
          src="https://gateway.pinata.cloud/ipfs/QmVyR3xB8aaA8FC87VLT83NttDPetnPYkqZzyBqKWSN9n8"
          alt="Imagem da Balle Bot"
        />
      </section>

      <section class="conteudo-secundario"></section>
    </main>

    <footer class="rodape">
      <!-- <img
        class="rodape-imagem"
        src="https://gateway.pinata.cloud/ipfs/QmVyR3xB8aaA8FC87VLT83NttDPetnPYkqZzyBqKWSN9n8"
      /> -->
      <div class="rodape-texto">
        <p class="rodape-texto-paragrafo">
          © 2022 Weird Beetles. All rights reserved.
        </p>
        <p class="rodape-texto-paragrafo">
          Made with 💖 by <span>Weird Beetals</span> </p>
    </footer>
  </body>
</html>