OBS: ainda não sei reduzir o tamanho da imagem.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfólio | Camila Terribile</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<header>
<img src="logo_sem_fundo.png" alt="Logo Camila Terribile Front End Developer">
</header>
<main>
<h1>Desenvolvimento de Software & Design UX-UI. </h1>
<p> Olá! Me chamo Camila Terribile, seja bem vindo(a) ao meu portfólio. Mostrarei aqui meus principais trabalhos e um pouco da minha <stronger>paixão por desenvolvimento e design.</stronger> Me siga para acompanhar meu percurso em tempo real</p>
<div class="buttons-container">
<a href="https://www.instagram.com/marciacamilaterribile/" target="_blank"> <button>Instagram</button></a>
<a href="https://github.com/CamilaTerribile" target="_blank"> <button>GitHub</button></a>
</div>
<br><img src="minhafoto.jpg" alt="Foto CamilaTerribile">
</main>
</body>
<footer>
<p>Para mais informações entre em contato pelo email: terribilecamila@gmail.com :) </p>
</footer>
</html>
Definindo Estilos básicos:
body {
background-color: black;
color: white
}
h1 {
color: white
}
button {
color: gainsboro
}
a {
color: #A52A2A
}
footer{
background-color: gray;
color:black
}
Estilo colorido e divertido:
body {
background-color: #ADFF2F;
color: black
}
h1 {
color: #FF1493
}
button {
color: #FF69B4
}
a {
color: #A52A2A
}
footer{
background-color: white;
color:#FF1493
}
Estilo minimalista:
body {
background-color: #FDF5E6;
color: #A0522D
}
h1 {
color: #A0522D
}
button {
color: #D2B48C
}
a {
color: #A52A2A
}
footer{
color:#A0522D
}
