<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portifolio Cliente</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<head>
<img src="alura.jpg" alt="Logotipo empresa">
<ul>
<li><button>Inicio</button></li>
<li><button>Orçamento</button></li>
<li><button>Contato</button></li>
<li><button>Trabalhe Conosco</button></li>
</ul>
</head>
<main>
<h1><Strong>Em busca de alguém para construir seu site?</h1></Strong>
<p>Temos a melhor equipe com desenvolvedores,<br>E profissionais que vai ajudar alavancar ainda,<br> Mais os <strong>objetivos e desafios que sua empresa busca!</p></strong>
<br><a href="https://www.instagram.com/aluraonline/"><button>Instagram</button></a>
<a href="https://github.com/marcossuz"><button>Github</button></a>
</main>
<br><strong><footer>Direitos Autorais Marcos 2023</footer></strong>
</body>
</html>
//STYLE
body{
background-color: #483D8B;
color: white;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 12px;
line-height: 25px;
}
button{
background-color: #808080;
color: #FFFFF0;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 15px;
line-height: 20px;
}
h1{
color: #FFE4B5;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 30px;
line-height: 20px;
}
p{
color: white;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 15px;
}
footer{
color: white;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
