erick-ol.github.io/index.html at main · erick-ol/erick-ol.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="UTF-8">
  <title>Portfólio Erick</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <div class="nome">
    <h1 id="meu-nome">Erick Oliveira dos Santos</h1>
  </div>
  <div class="infos-principais">
    <div class="foto">
      <img id="foto-erick" src="erick.jpeg" alt="Eu com uma camiseta preta e um colete preto">
    </div>
    <div class="descricao">
      <p id="descricao-minha">Meua nome é <b>Erick</b>, tenho <i>20 anos</i>, <b>osasquence</b> e atualmente morando em <b>Carapicuíba-SP</b>. Amo tecnologia, <i>educação</i>, livros e séries.</p>
    </div>
  </div>
  <p id="minhas-habilidades">Habilidades que possuo:</p>
  <ul class="habilidades">
      <li class="desenhar">Desenhar</li>
    <li class="cozinhar">Cozinhar</li>
    <li class="tirar-foto">Tirar foto</li>
  </ul>
  <p>Essa é a minha <a href="#foto-erick">foto</a>.</p>
  <p id="meu-canal-fav">Não sou muito fã de blogs mas meu canal do YouTube favorito é o <a href="https://www.youtube.com/channel/UCMpWpGXG8tlWA6Xban2m6oA" target="_blank">Diva Depressão</a></p>
  <br>
  <p>Índice do conteúdo da página:</p>
  <ul>
    <li><a href="#meu-nome">Meu nome</a></li>
    <li><a href="#foto-erick">Minha foto</a></li>
    <li><a href="#descricao-foto">Descrição da minha foto</a></li>
    <li><a href="#descricao-minha">Descrição sobre mim</a></li>
    <li><a href="#minhas-habilidades">Minhas habilidades</a></li>
    <li><a href="#meu-canal-fav">Qual é o meu canal favorito</a></li>
  </ul>
</body>

</html>