Site-acel-turma10/index.html at main · Wander06/Site-acel-turma10 · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="pt-BR">

<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>Quem sou eu?</title>
  <link rel="stylesheet" href="style.css" />
</head>

<body>
  <header id="cabeçalho">
    <p id="tituloCabeçalho">Quem sou eu?</p>
  </header>
  <section class="secao1">
    <hr>
    <h1 class="titulos">Eu mesmo :)!</h1>
    <div class="container">
      <div class="textosSecao1">
        <p>Opa eae, meu nome é Wanderson, mas pode me chamar de Wander é mais pratico kakaka.</p>
        <br>
        <p>Tenho 17 anos nasci e cresci na vila Tom Jobim em gravataí, e estou no terceiro ano do ensino médio.</p>
        <br />
        <p>
          Esse vai ser meu segundo ano na aceleradora inclusiva, e eu espero
          poder aprender muito mais e ajudar meus colegas!
        </p>
      </div>
      <img id="fotoPerfil" src="./img/minhaFoto.jpeg" alt="minha foto na puc">
      <div class="textosSecao1">
        <p>Desde pequeno sempre fui muito sonhador e curioso.</p>
        <br>
        <p>Queria sempre entender o porquê das coisas ou como funciona algo (sim, eu era muito chato e ainda sou um
          pouco assim kkkkk).</p>
        <br>
        <p>Por um lado isso é bom, pois isso me faz ter um pouco mais de facilidade para entender algo e isso na
          programação me ajuda bastante.</p>
      </div>
    </div>
  </section>

  <section class="secao2">
    <h1 class="titulos">Sobre mim, o que eu gosto, curiosidades etc...</h1>
    <div class="container">
      <div class="textosSecao2">
        <h1 class="tituloCard">Qual é meu tipo musical</h1>
        <br>
        <p>Cara, eu não tenho um tipo de genêro de música que gosto, posso dizer que eu sou bem eclético minha playlist
          tem rock, forró, trap, funk enfim, se a música for boa eu baixo e ouço.</p>
      </div>
      <div class="textosSecao2">
        <h1 class="tituloCard">Esportes que eu gosto</h1>
        <br>
        <p>Eu gosto de volei, basquete, futebol, ping-pong, eu gosto de varios esportes principalmente se for bem
          competitivo.</p>
        <p>Apesar de eu não ser bom em todos, eu sempre dou o meu melhor kkkkkk.</p>
      </div>
      <div class="textosSecao2">
        <h1 class="tituloCard">Colorado ou gremista?</h1>
        <br>
        <p>Sou colorado fanático nas fases boas e ruins. (Apesar que tamo tendo fases mais ruins do que boas né, mas faz
          parte)</p>
      </div>
    </div>
    <div class="container">
      <div class="textosSecao2">
        <h1 class="tituloCard">Qual carreira quero seguir?</h1>
        <br>
        <p>Atualmente estou focado em estudar programação, e penso em fazer uma faculdade de ADS (analise e
          desenvolvimento de sistemas)</p>
      </div>
      <div class="textosSecao2">
        <h1 class="tituloCard">Comida favorita?</h1>
        <br>
        <p>Não tenho comida favorita, pois eu como de tudo, posso até não gostar da comida mas mesmo assim como tudo.</p>
      </div>
      <div class="textosSecao2">
        <h1 class="tituloCard">1 qualidade e 1 defeito</h1>
        <br>
        <p>Uma qualidade minha é que aprendo as coisas rápido (principalmente na área de exatas). E um defeito é ser muito curioso. Tudo quero entender e saber como funciona.</p>
      </div>
    </div>
  </section>

  <footer id="rodape">
    <hr>
    Entre em contato com eu
    <div id="contatos">
      <a target="_blank" href="https://instagram.com/wander_silva11?igshid=YmMyMTA2M2Y=">
        <img class="icones" src="./img/fotoInstagram.png" alt="iconeDoInstagram">
      </a>
      <a target="_blank" href="https://www.linkedin.com/in/wanderson-pereira-silva-685258271/">
        <img class="icones" src="./img/fotoLinkedin.png" alt="iconeDoLinkedin">
      </a>
    </div>
  </footer>
  <script src="index.js"></script>
</body>

</html>