debug-da-alma/about.html at main · aidepassos/debug-da-alma · 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <title>Sobre Mim - Debug da Alma</title>
  </head>
  <body>
    <header>
      <button class="hamburger-btn" aria-label="Abrir menu">
        <span></span>
        <span></span>
        <span></span>
      </button>
      <nav class="nav-menu">
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">Sobre Mim</a></li>
        </ul>
      </nav>
      <div class="header-center">
        <h1 class="header-title">Tarot e Tecnologia com Aidê Passos</h1>
      </div>
    </header>

    <main>
      <section id="sobre" class="page-section">
        <h2 class="header-subtitle">⋆⁺Sobre Mim⁺₊⋆</h2>
        <div class="about-content">
          <img
            src="images/photo_perfil_prof.jpg"
            alt="Foto de Aidê Passos"
            class="about-image"
          />
          <p>
            Olá! Sou Aidê Passos, entusiasta em tecnologia e
            Tarot. Estou atualmente cursando a Alura Cursos e explorando o
            fascinante mundo do desenvolvimento front-end. Além disso, sou
            amante do Tarot, utilizando-o como uma ferramenta para
            autoconhecimento e reflexão.
          </p>
        </div>
        <br />
        <a
          href="https://gemini.google.com/gem/1LrGdhfjf8iQnvfF4Sk1_3WslzE6wWTn_?usp=sharing"
          target="_blank"
          rel="noopener noreferrer"
          >Converse com a minha versao IA.</a
        >
      </section>

      <section id="tarot" class="page-section">
        <h2 class="header-subtitle">A Magia do Tarot 𖤓</h2>
        <p>
          Seja bem-vinde! Sou apaixonade por como o <b>Tarot</b> nos ajuda a
          entender narrativas complexas e a tomar decisões. A estrutura dos
          arcanos é como um sistema operacional ancestral, repleto de símbolos e
          lógica. Essa é a minha lente para o mundo.
        </p>
      </section>

      <section id="tecnologia" class="page-section">
        <h2 class="header-subtitle">O Código dos Arcanos ✦</h2>
        <p>
          Minha paixão por <b>tecnologia</b> é paralela: flerto bastante com a <b>lógica</b> e a
          <b>estrutura</b> por trás do desenvolvimento de software, da mesma
          forma que me encanto pela simbologia do Tarot. Possuo projetos em Python,
          JavaScript etc. Também possuo habilidades em AI Generativa, Front-end
          e muito mais.
        </p>
        <br><br>
        <h3 class="header-subtitle">𓇢𓆸 Algumas das minhas habilidades em T.I.</h3>
        <ul>
          <li><strong>HTML & CSS</strong> (Estrutura e Estilo)</li>
          <li><strong>JavaScript</strong> (Interatividade)</li>
          <li><strong>Python</strong> (Automação e Análise de Dados)</li>
          <li><strong>Inteligência Artificial</strong> (Dinamismo)</li>
          <li><strong>Git & GitHub</strong> (Controle de Versão)</li>
          <li><strong>Visual Studio Code</strong> (Ambiente de desenvolvimento)</li>
        </ul>
      </section>

      <section id="contato" class="page-section">
        <h2 class="header-subtitle">Vamos Conectar! ✉︎</h2>
        <p>
          Gostaria de falar sobre códigos, cartas ou ambos? Envie-me uma
          mensagem!
        </p>
        <address>
          <a
            href="https://www.instagram.com/uranosluz/"
            target="_blank"
            rel="noopener noreferrer"
            >Instagram</a
          ><br />
          <a
            href="https://www.linkedin.com/in/aide-passos"
            target="_blank"
            rel="noopener noreferrer"
            >Linkedin</a
          ><br />
          <a href="mailto:aidefpassos@gmail.com">Email</a>
        </address>
      </section>
    </main>

    <footer class="footer">
      <ul class="footer-links">
        <li>
          <p>
            &copy; 2025 | Sobre Nós: Uma estudante de tecnologia e amante do
            Tarot.
          </p>
        </li>
      </ul>
    </footer>
    <script src="script.js"></script>
  </body>
</html>