Tenho umas sugestões de estilização e correções para você avaliar se pode contribuir para seu trabalho:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio de Joice Monteiro</title>
<style>
body {
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 24px;
}
strong {
font-weight: bold;
}
p {
color: #666;
font-size: 16px;
}
img {
max-width: 100%;
height: auto;
border-radius: 50%;
margin-bottom: 20px;
}
a {
display: block;
margin-bottom: 10px;
text-decoration: none;
color: #007bff;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Eleve seu negócio digital a outro nível <strong>com um Front End de qualidade!</strong></h1>
<p>Olá! Sou Joice Monteiro, desenvolvedora Front End com experiência em JavaScript, HTML e CSS. Sou bastante criativa e amo cores.</p>
<img src="Untitled (1).png" alt="Foto da Joice Monteiro programando">
<a href="https://www.instagram.com/joice_monteiros">Instagram</a>
<a href="https://github.com/joice_monteiros">Github</a>
<a href="https://www.linkedin.com/in/jocenice-monteiro/">LinkedIn</a>
</body>
</html>
Pequenas sugestões:
- Adicionei uma estrutura HTML básica com a tag !DOCTYPE html, a tag 'html', a tag 'head' e a tag 'body'.
- Defini um estilo básico usando a tag 'style' dentro da tag 'head'.
- Ajustei a formatação e o conteúdo das tags 'h1', 'strong', 'p', 'img' e 'a'.
- Corrigi o link do Instagram e adicionei o protocolo "https://" nos links do GitHub e LinkedIn.
- Adicionei um efeito de sublinhado nos links quando o mouse passa sobre eles.
Espero ter contribuído um poquinho.. está ficando legal.
