- Construindo a estrutura básica do HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Portfólio | Laís Moraes</title>
</head>
<body>
<div>
<h1>Eleve seu negócio digital a outro nível com um Front-end de qualidade!</h1>
<p>Olá! Sou Laís Moraes, Desenvolvedora Front-end. Ajudo empresas a melhorarem sua
presença digital com soluções criativas e eficientes.
Sinta-se a vontade para verificar meus trabalhos acessando os sites abaixo:</p>
<button>Instagram</button>
<button>Github</button>
<img src="minha-imagem.jpg" alt="Desenvolvedora Laís Moraes">
</div>
</body>
</html>
- Estruturando a página com tags semânticas | Entendendo e aplicando as tags meta | Inserindo e formatando elementos no HTML | Incorporando imagens com tags HTML:
<!DOCTYPE html>
<html lang="pt-br">
<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">
<title>Portfólio | Laís Moraes</title>
</head>
<body>
<header>
<img src="logotipo-laís-moraes.png" alt="Logotipo da Laís Moraes">
</header>
<main>
<h1>Eleve seu negócio digital a outro nível <strong>com um Front-end de qualidade!</strong></h1>
<p>Olá! Sou Laís Moraes, Desenvolvedora Front-end. Ajudo empresas a melhorarem sua presença digital com soluções criativas e eficientes. Sinta-se a vontade para verificar meus trabalhos acessando os sites abaixo:</p>
<a href="https://instagram.com/imlais"><button>Instagram</button></a>
<a href="https://github.com/moraeslais"><button>Github</button></a>
<img src="minha-imagem.jpg" alt="Desenvolvedora Laís Moraes">
</main>
<footer>
<h4>Para mais informações, entre em contato:</h4>
<p><a href="mailto:email-laismoraes@example.com">email</a></p>
<h6>Todos os direitos autorais reservados.</h6>
</footer>
</body>
</html>
