Tudo certo, Samuel?
Feliz com sua evolução. Seu projeto está caminhando bem!
Vi em seu perfil que você já tem conhecimento de JavaScript, então, uma sugestão para melhorar a organização do seu código HTML é mover o conteúdo extenso da tag p para um arquivo separado TXT e importá-lo usando JavaScript.
Exemplo:
<script>
function carregarConteudo(url) {
fetch(url)
.then(response => response.text())
.then(text => {
document.getElementById('conteudo').textContent = text;
})
.catch(error => console.error('Erro ao carregar o conteúdo:', error));
}
carregarConteudo('./conteudo.txt');
</script>
Código completo:
<!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">
<link rel="stylesheet" href="./styles/style.css">
<title>Sobre mim</title>
</head>
<body>
<header class="cabeçalho">
<nav class="cabeçalho__menu">
<a class="cabeçalho__menu-link" href="./index.html">Home</a>
<a class="cabeçalho__menu-link" href="./about.html">Sobre mim</a>
</nav>
</header>
<main>
<section>
<h1 class="container__titulo"> Sobre mim </h1>
<!-- O conteúdo será inserido aqui -->
<p id="conteudo"></p>
</section>
</main>
<footer class="rodape">
entre em contato: samuel.plenitude12@gmail.com
</footer>
<script>
function carregarConteudo(url) {
fetch(url)
.then(response => response.text())
.then(text => {
document.getElementById('conteudo').textContent = text;
})
.catch(error => console.error('Erro ao carregar o conteúdo:', error));
}
carregarConteudo('./conteudo.txt');
</script>
</body>
</html>
Dessa forma, para atualizar o conteúdo sobre você, basta modificar o arquivo TXT e ele será carregado dentro da página HTML.
Continue se dedicando e conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
