index.html

<!doctype html>
<html lang="pt-br">
   <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="./src/css/style.css">
         <link rel="icon" href="src/favicon.ico">
          <title>SM|Home</title>
   </head>
    <body translate="yes">
      <main>
        <!-- Titulo -->
        <header class="painel">
          <img src="src/img/bannerr.jpg" id="bannner">
            <img src="src/img/logo.png" id="logo">
        </header>
        <!-- Sobre a comunidade -->
        <img src="src/img/welcome.jpg" id="wel">
        <div class="cont">
          <h1>Bem vindo a Sociedade da Motoserra!</h1>
          <p>A Sociedade da Motoserra e uma comunidade de fãs do Twitter da obra japonesa "ChainSaw Man". Caso queira entra abaixo havera forma de como entrar na soiedade</p>
          <button>
          <a href="history.html"> 
            <strong>Conheça Nossa Historia!</strong>
          </a>
          </button>
        </div> 
        <!-- Conteudo -->
        <article class="conteudo">
          <div>
            <h2>O QUE SE DEVE SABER SOBRE A SM?</h2>
            <p>Bem alem da comunidade ser fan de Chainsaw man eles tambem fazem podcast,lives, musicas e etc.Tambem temos algumas pessoas que ajudam a sociedade a ir pra frente como o @CarbonatoY o editor e o @Coffeezinn como o cantor das musicas ja criadas pela sociedade.  E tambem eles pretendem tranformar a sociedade da motosserra na nova ordem mundial</p>
            
            <h3>COMO ENTRAR:</h3>
            <ol>
              <li>Va para a pagina <strong>@ChainsawSociety</strong> no Twitter</li>
              <li>Clica no link da bio onde ta comunidade</li>
              <li>Coloque no seu nickname do Twitter a sigla "SM", e se quiser um emoji de motosserra</li>
            </ol>
            <p><strong> E PRONTO! AGORA VOCÊ FAZ PARTE DA SOCIEDADE DA MOTOSERRA</strong></p>
          </div>

          <article class="sociais">
            <a href="https://twitter.com/ChainsawSociety">
              <img src="src/img/twitter.png" class="lest">
              <p>Twitter</p>
            </a>

            <a href="https://www.youtube.com/@SociedadedaMotoserra">
              <img src="src/img/youtube.png"class="lest">
              <p>Youtube</p>
            </a>
          </article>
        </article>
        <!-- rodape -->
        <footer class="end"> 
          <p>&copy;2023 Sociedade da Motoserra | Todos os direitos Reveservados</p>
          <p>Sociedade da Motosserra e uma comunidade de fans do anime ChainSaw Man, Temos nenhuma relação com tal</p>
        </footer>
      </main>
      </body>
</html>