Segue as demandas que foram pedidas no exercicio.
HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Jp Games</title>
</head>
<body>
<header>
<ul>
<li><a href=".">Pagina inicial</a></li>
<li><a href=".">Sobre nós</a></li>
<li><a href=".">Contato</a></li>
</ul>
</header>
<hr>
<main>
<h1>Inovação no mundo dos jogos</h1>
<h2>Jogos em 2024</h2>
<p>Os jogos para o ano de 2024 prometem ser um avanço espetacular para a industria tanto na parte grafica quanto no desempenho.</p>
<img src="FF7.jpg" alt="Imagem do jogo Final Fantasy VII Rebirth">
<p>Alguns jogos que nos esperam em 2024 são:</p>
<ul>
<li>Final fantasy VII = Rebirth</li>
<li>Tekken 8</li>
<li>Dragons dogma II</li>
<li>Rise of the ronin</li>
</main>
<hr>
<footer>
<h3>Desenvolvido por João Pedro.</h3>
</footer>
</body>
</html>
CSS
body {
background-color: #4b0082;
color: #ffffff;
text-align: center;
}
ul {
list-style-type: none;
}
a {
color: #ffffff;
text-decoration: none;
}
hr {
height: 2px;
background-color: #ffffff;
}
img {
width: 50%;
}
body {
background-color: #A9A9A9;
color: #000000;
text-align: center;
}
ul {
list-style-type: none;
}
a {
color: #000000;
text-decoration: none;
}
hr {
height: 2px;
background-color: #000000;
}
img {
width: 50%;
}
body {
background-color: #ffffff;
color: #000000;
text-align: center;
}
ul {
list-style-type: none;
}
a {
color: #000000;
text-decoration: none;
}
hr {
height: 2px;
background-color: #000000;
}
img {
width: 50%;
}
