Sobre o código HTML:
<!DOCTYPE html>
<html lang="en">
<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">
<title>Desafio Css</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<Header>Trabalhe melhor com nossos móveis</Header>
<main>
<h1><strong>Bem-Vindo à KasMoible!</strong></h1>
<p>Aqui na KasMobile você garante:</p>
<ul>
<li>O melhor móvel para sua empresa</li>
<li>Qualidade e conforto</li>
<li>O móvel no tamanho que desejar</li>
<li>Melhora na produtividade</li>
</ul>
<img src="Kas.jpg" alt="Mesa para escritório" width="500" height="300">
<button><a href="https://instagram.com/kasmobile">Instagram</a></button>
<button><a href="https://www.kasmobile.com.br">Google</a></button>
<h3>ENVIOS PARA TODO O BRASIL E DENTRO DO PRAZO</h3>
</main>
<footer><p><strong>E-mail:</strong> Kasmobile@gmail.com</p>
<strong><p>Telefone:</strong>16 99999999</p></footer>
</body>
</html>
Sobre os códigos CSS:
body {
background-color: gray;
color: white;
text-align: center;
}
header {
text-align: center;
color: orange;
font-size: 40px;
font-family: 'Times New Roman', Times, serif;
padding: 2%;
}
h1 {
text-align: center;
color: orange;
}
strong {
font-style: oblique;
color: orange;
}
p {
color: midnightblue;
text-align: center;
font-size: 20px;
}
ul {
list-style-type: none;
text-align: center;
}
button {
background-color: orange;
border-radius: 25px;
border-color: orange;
font-style: italic;
font-size: 20px;
width: 100px;
height: 40px;
}
a{
color: black;
}
h3 {
color: midnightblue;
font-style: oblique;
}
img{
padding-left: 15%;
}
body {
background-color: yellow;
color: purple;
text-align: center;
}
header {
text-align: center;
color: purple;
font-size: 40px;
font-family: 'Times New Roman', Times, serif;
padding: 2%;
}
h1 {
text-align: center;
color: purple;
}
strong {
font-style: oblique;
color: purple;
}
p {
color: blueviolet;
text-align: center;
font-size: 20px;
}
ul {
list-style-type: none;
text-align: center;
color: blueviolet;
}
button {
background-color:hotpink;
border-radius: 25px;
border-color: hotpink;
font-style: italic;
font-size: 20px;
width: 100px;
height: 40px;
}
a{
color: darkmagenta;
}
h3 {
color: purple;
font-style: oblique;
}
img{
padding-left: 15%;
}
body {
background-color: black;
color: white;
text-align: center;
}
header {
text-align: center;
color: white;
font-size: 40px;
font-family: 'Times New Roman', Times, serif;
padding: 2%;
}
h1 {
text-align: center;
color: white;
}
strong {
font-style: oblique;
color: white;
}
p {
color: darkcyan;
text-align: center;
font-size: 20px;
}
ul {
list-style-type: none;
text-align: center;
color: darkturquoise;
}
button {
background-color: darkseagreen;
border-radius: 25px;
border-color: darkseagreen;
font-style: italic;
font-size: 20px;
width: 100px;
height: 40px;
}
a{
color: darkblue;
}
h3 {
color: white;
font-style: oblique;
}
img{
padding-left: 15%;
}