<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FrontEnd</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Vamos aprender HTML E CSS!</h1>
<P>O HTML é uma linguagem de marcação que envolve o conteúdo, enquanto o CSS é uma linguagem de estilos que estiliza a página.
<strong class="texto-destaque">Os melhores editores de texto e códigos HTML, CSS, JavaScript, entre outras linguagens para desenvolvimento web.</strong>
</P>
<img src="images.jpg" alt="Logo da Alura">
<br>
<a href="https://www.alura.com.br/"><button>Alura</button></a>
<p>Aproveite <strong class="urgente">15% de desconto</strong> para se matricular na Alura</p>
<h2 class="titulo-blog">Cursos Universitários FIAP</h2>
<p>Graduação | Pós-graduação | MBA</p>
</body>
</html>
CSS
*{
margin: 0;
padding: 0;
}
body{
background-color: black;
color: chartreuse;
}
h1{
color: rebeccapurple;
}
button{
background-color: blue;
color: white;
padding: 15px;
border-radius: 15px;
font-weight: 900;
}
h2{
color: yellowgreen;
}
p{
color: yellowgreen;
}
.texto-destaque{
color: mediumblue;
}
.titulo-blog{
color: rebeccapurple;
}
.urgente{
color: red;
margin: 10px;
border: 2px solid yellowgreen;
padding: 5px;
}
