index.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
  <title>Balle Bot - Modere a sua comunidade do Discord</title>
  <meta charset="UTF-8">
  <meta name="author" content="Patrícia Silva">
  <meta name="description" content="Um bot...">
  <meta name="keywords" content="Tutorial HTML">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <!-- comentários -->

  <header class="cabecalho">
  	<img class="cabecalho-imagem" src="logo.png" al="Logo da comunidade Ballerini">
  	<nav class="cabecalho-menu">
  		<a class="cabecalho-menu-item" href="">Comunidade Ballerini</a>
  		<a class="cabecalho-menu-item" href="">Tutorial</a>
  		<a class="cabecalho-menu-item" href="">Open Sourcer</a>
  		<a class="cabecalho-menu-item" href="">Comandos</a>
  	</nav>
  	
  </header>

  <main class="conteudo">
  	<section class="conteudo-principal">
  		<div class="conteudo-principal-escrito">
  			<h1 class="conteudo-principal-titulo">Balle Bot</h1>
  			<h2 class="conteudo-principal-subtitulo">Deixe a sua comunidade segura de um jeito fácil</h2>
  			<button class="conteudo-principal-botao">Me adicione</button>
  			
  		</div>
  		<img class="conteudo-principal-imagem" src="ballebot.png" alt="Imagem da Balle Bot">
  	</section>

  	<section class="conteudo-secundario">
  		<h3 class="conteudo-secundario-titilo">O que ela faz por você:</h3>
  		<p class="conteudo-secundario-paragrafo">1. Cria um <strong>sistema de verificação capcha</strong>  para novos membros garantirem que não são robôs</p>
  		<p class="conteudo-secundario-paragrafo">2. Possui um <strong>sistema de banimento automático</strong>  para links suspeitos que forem enviados na comunidade</p>
  		<p class="conteudo-secundario-paragrafo">3. <strong>Sistema de avisos e banimento manual</strong> , para pessoas administradoras utilizarem</p>
  	</section>
  	
  </main>
  <footer class="rodape">
  	<img class="rodape-imagem" src="ballerini.png">
  	
  </footer>

</body>

</html>