EM HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desafio 2</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header></header>
<main>
<h1>Serviços completos de captação e edição de vídeo!</h1>
<p> <strong>Entregando conteúdos de alta qualidade para empresas, eventos, redes sociais e projetos pessoais.</strong></p>
<p>Entre em contato para criar um vídeo sob medida para o seu projeto e transformar ideias em conteúdo audiovisual de impacto.</p>
<ul>
<li><strong>Captação:</strong> registro de imagens com atenção aos detalhes, enquadramento e iluminação para transmitir a mensagem de forma clara e atrativa.</li>
<li><strong>Edição:</strong> montagem criativa com cortes dinâmicos, correção de cor, trilha sonora, legendas e efeitos que valorizam o conteúdo.</li>
<li><strong>Versatilidade:</strong> vídeos institucionais, promocionais, depoimentos, tutoriais, cobertura de eventos e materiais para redes sociais.</li>
</ul>
<img src="181212-como-escolher-a-melhor-camera-para-gravar-videos-1280x640.jpg" alt="Camera captando um homem desfocado">
</main>
</body>
</html>
EM CSS
body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background-color:#1F2937;
color:#F9FAFB
}
h1 {
text-align: center;
font-size: 2em;
}
li {
list-style-position: inside;
text-align: center; /* centraliza o conteúdo */
padding: 0; /* tira o recuo padrão */
}
strong{
font-weight: bold;
color: #3B82F6;
}
img {
width: 400px;
border-radius: 8px;
margin-top: 20px;
}
