GlaymarAdeFranca/sobre.html at master · bodescorp/GlaymarAdeFranca · 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sobre Mim - Glaymar de França</title>
    <meta name="description"
        content="Conheça a pessoa por trás do desenvolvedor. Minha história, paixões, sonhos e o que me move no dia a dia.">

    <!-- Preload critical resources -->
    <link rel="preload"
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap"
        as="style">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" as="style">

    <!-- Fonts -->
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap"
        rel="stylesheet">

    <!-- Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <!-- CSS Files -->
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/sobre.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <link rel="stylesheet" href="assets/css/animations.css">
</head>

<body>
    <!-- Scroll Progress Bar -->
    <div class="scroll-progress"></div>

    <!-- Header -->
    <header class="header" id="header">
        <nav class="nav">
            <div class="logo">Glaymar.dev</div>
            <ul class="nav-links" id="navLinks">
                <li><a href="./index.html">Início</a></li>
                <li><a href="./index.html#professional">Profissional</a></li>
                <li><a href="./index.html#cv">Currículo</a></li>
                <li><a href="./index.html#experience">Experiência</a></li>
                <li><a href="./index.html#personal">Links</a></li>
                <li><a href="./sobre.html" class="active">Sobre Mim</a></li>
                <li><a href="./index.html#contact">Contato</a></li>
            </ul>
            <button class="mobile-menu-toggle" id="mobileMenuToggle">
                <i class="fas fa-bars"></i>
            </button>
        </nav>
    </header>


    <!-- Main Content -->
    <main class="main-content">
        <div class="about-container">
            <!-- Hero Section -->
            <section class="about-hero">
                <h1 class="about-title">Sobre Mim</h1>
                <p class="about-subtitle">Conheça a pessoa por trás do desenvolvedor. Minha história, paixões, sonhos e
                    o que me move no dia a dia.</p>
            </section>

            <!-- Quem Sou -->
            <section class="about-section">
                <h2 class="section-title">
                    <i class="fas fa-user"></i>
                    Quem é Glaymar?
                </h2>
                <div class="section-content">
                    <p>Sou Glaymar de França, CEO da Alttab Corp, 25 anos, natural de João Pessoa/PB. Meu nome, que
                        curiosamente era a senha do computador da biblioteca onde minha mãe estudava, carrega uma
                        história interessante. Como primogênito de 5 irmãos "Glay", desenvolvi desde cedo um forte senso
                        de responsabilidade. No mundo dos games, onde sou conhecido como Glayterra, encontrei uma paixão
                        jogando como Top laner tank no League of Legends.</p>

                    <p>Foi jogando LoL por diversão que desenvolvi minha filosofia "O Tank Tem Que Tankar". Cheguei a
                        participar de um time amador, onde aprendi que ser tank é mais que aguentar dano - é sobre criar
                        espaços e proteger a equipe. São lições que acabei trazendo para minha vida profissional na
                        Alttab Corp, onde lidero projetos ao lado dos meus irmãos. Nas horas livres, faço lives
                        ocasionais como Glayterra, compartilhando momentos divertidos com a comunidade.</p>
                </div>
            </section>

            <!-- Minha Jornada -->
            <section class="about-section">
                <h2 class="section-title">
                    <i class="fas fa-lightbulb"></i>
                    Curiosidades
                </h2>
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-year">Meu Nome</div>
                        <div class="timeline-content">
                            Meu nome tem uma origem curiosa: Glaymar era a senha do computador da biblioteca onde minha
                            mãe estudava!
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-year">Irmãos "Glay"</div>
                        <div class="timeline-content">
                            Sou o mais velho de 5 irmãos, e todos nós temos nomes que começam com "Glay".
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-year">Gamer</div>
                        <div class="timeline-content">
                            No mundo dos games, sou conhecido como "Glayterra". Escolhi esse nick combinando meu nome
                            com "terra", um dos cinco elementos da natureza.
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-year">LoL</div>
                        <div class="timeline-content">
                            No League of Legends, jogo exclusivamente como Tank na Top Lane. Minha filosofia "O Tank Tem
                            Que Tankar" virou até mantra pessoal!
                        </div>
                    </div>
                </div>
            </section>

            <!-- Minha Filosofia -->
            <section class="about-section">
                <h2 class="section-title">
                    <i class="fas fa-brain"></i>
                    Minha Filosofia
                </h2>
                <div class="section-content">
                    <p class="quote-text">"O Tank Tem Que Tankar"</p>

                    <p>Jogando League of Legends por diversão, principalmente como tank na Top Lane, desenvolvi uma
                        filosofia que acabou fazendo muito sentido na vida: "O Tank Tem Que Tankar". No jogo, isso
                        significa mais que apenas aguentar dano - é sobre criar espaço para o time, escolher os momentos
                        certos de agir e, principalmente, proteger quem precisa.</p>

                    <p>Essa forma de pensar acabou se tornando parte de quem eu sou. É uma filosofia simples que nasceu
                        nos games, mas que faz todo
                        sentido no meu dia a dia.</p>
                </div>
            </section>

            <!-- Alttab Corp -->
            <section class="about-section">
                <h2 class="section-title">
                    <i class="fas fa-building"></i>
                    Alttab Corp
                </h2>
                <div class="section-content">
                    <p class="subquote-text">Uma Empresa, Uma Família</p>

                    <p>A Alttab Corp representa a convergência entre inovação tecnológica e gestão familiar estratégica.
                        Como CEO, lidero uma estrutura organizacional única onde cada um dos irmãos "Glay" contribui com
                        expertise específica. Nossa sinergia familiar se traduz em vantagens competitivas concretas:
                        governança transparente, comunicação eficiente e compromisso integral com a excelência
                        operacional.</p>

                    <p>Aplicando princípios de liderança desenvolvidos tanto no ambiente corporativo quanto no cenário
                        competitivo de eSports, implementamos uma cultura organizacional que valoriza a inovação
                        sustentável e o desenvolvimento coletivo.</p>
                </div>
            </section>

            <!-- Vamos Trocar Ideia? -->
            <section class="about-section">
                <h2 class="section-title">
                    <i class="fas fa-comments"></i>
                    Vamos Trocar Ideia?
                </h2>
                <div class="section-content">
                    <p>Estou sempre disposto a discutir inovação tecnológica, estratégias empresariais e oportunidades
                        de colaboração. Como CEO da Alttab Corp, mantenho-me aberto a parcerias estratégicas que
                        agreguem valor ao ecossistema tecnológico. Minha experiência única, unindo gestão empresarial e
                        conhecimento em eSports, oferece perspectivas diferenciadas sobre liderança e trabalho em
                        equipe.</p>

                    <p>Adoro trocar ideias sobre tecnologia, empreendedorismo, games ou qualquer assunto interessante!
                        Como CEO da Alttab Corp, mantenho as portas abertas para novas conexões e parcerias.</p>

                    <p>Para assuntos profissionais e novidades da Alttab Corp, me encontre no LinkedIn. Para acompanhar
                        meu dia a dia, partidas de LoL e lives ocasionais, fique de olho nas minhas outras redes
                        sociais. Vamos trocar uma ideia!</p>
                </div>
            </section>
        </div>
    </main>
    <!-- Footer -->
    <footer class="footer">
        <p>&copy; 2025 Glaymar Albuquerque de França | CEO & Founder | <a href="https://www.alttabcorp.com.br"
                target="_blank">Alttab Corp</a></p>

        <div class="social-links">
            <a href="https://linkedin.com/in/glaymar-de-franca" target="_blank" class="social-link">
                <i class="fab fa-linkedin"></i>
            </a>
            <a href="https://github.com/GlaymarAdeFranca" target="_blank" class="social-link">
                <i class="fab fa-github"></i>
            </a>
            <a href="https://instagram.com/glaymar.dev" target="_blank" class="social-link">
                <i class="fab fa-instagram"></i>
            </a>
            <a href="https://linktr.ee/Glaymar" target="_blank" class="social-link linktree">
                <i class="fas fa-link"></i>
            </a>
        </div>
    </footer>

    <!-- Back to top button -->
    <button class="back-to-top">
        <i class="fas fa-arrow-up"></i>
    </button>


    <!-- JavaScript Files -->
    <script src="assets/js/main.js"></script>
    <script src="assets/js/sobre.js"></script>
</body>

</html>