Skip to content

Instantly share code, notes, and snippets.

@bedeschiotavia

bedeschiotavia/fakebook-otavia-bedeschi.html

Last active March 25, 2021 18:19
Show Gist options
  • Save bedeschiotavia/c685774edbabe876b0186c1fcd26a3cd to your computer and use it in GitHub Desktop.
Save bedeschiotavia/c685774edbabe876b0186c1fcd26a3cd to your computer and use it in GitHub Desktop.
Download ZIP
My first html page
Raw
fakebook-otavia-bedeschi.html
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fakebook</title>
<style>
body {
font-family: Avenir, Roboto, Helvetica, Arial, sans-serif;
margin: 2em;
}
h1 {
color: #3B5998
}
img {
border-radius: 100px;
}
button{
color: #ffffff;
background-color: #3B5998;
margin-top: 1em;
margin-bottom: 1em;
padding: 1em;
}
</style>
</head>
<body>
<h1>FAKEBOOK</h1>
<input type="text" placeholder="Procurar por nome">
<h2>Otávia Bedeschi</h2>
<img src="https://media-exp1.licdn.com/dms/image/C4D03AQEytmKkSY-QpQ/profile-displayphoto-shrink_200_200/0/1591359911559?e=1622073600&v=beta&t=twSHWqlfDDy3BROfuP8Ppryu9rrOYyyGokR6pA7IMg8" alt="Otávia Bedeschi" width="200px">
<br>
<button>ADICIONAR AMIGO</button>
<p><strong>Cidade:</strong> Coimbra</p>
<p><strong>Aniversário:</strong> 08/10/1985</p>
<p><strong>Interesses:</strong> Crochet, Livros, Filmes e WebDesign</p>
<a href="https://www.linkedin.com/in/ot%C3%A1via-bedeschi-77a37719b/">Linkedin de Otávia Bedeschi</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment