SoHTML/portfolio.html at main · Fiuza3/SoHTML · 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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Portfolio profissional de Marcus Vinicius Fiuza Silva - Desenvolvedor Fullstack">
    <meta name="keywords" content="Marcus Fiuza, Técnico Eletrônica, TI, Desenvolvedor Fullstack, SONDA, Teknisa">
    <meta name="author" content="Marcus Vinicius Fiuza Silva">
    <title>Portfolio - Marcus Vinicius Fiuza Silva</title>
</head>
<body>
    <header>
        <h1>Marcus Vinicius Fiuza Silva</h1>
        <p><strong>Técnico em Eletrônica e TI | Desenvolvedor Fullstack</strong></p>
        <p><em>"Apaixonado por tecnologia, com foco em suporte técnico, automação, dispositivos inteligentes e desenvolvimento fullstack"</em></p>
    </header>

    <nav>
        <h2>Navegação</h2>
        <ul>
            <li><a href="index.html">← Voltar ao Início</a></li>
            <li><a href="#sobre">Sobre</a></li>
            <li><a href="#experiencias">Experiências</a></li>
            <li><a href="#formacao">Formação</a></li>
            <li><a href="#habilidades">Habilidades</a></li>
            <li><a href="#projetos">Projetos</a></li>
            <li><a href="#contato-info">Contato</a></li>
        </ul>
    </nav>

    <main>
        <section id="sobre">
            <h2>Sobre Mim</h2>
            <figure>
                <img src="foto.jpg" alt="Avatar de Marcus Fiuza - Iniciais MF" width="200" height="200">            </figure>
                <figcaption>Marcus Vinicius Fiuza Silva</figcaption>

            <p>Profissional técnico com sólida experiência em eletrônica e tecnologia da informação. Especializado em suporte técnico, desenvolvimento de sistemas e soluções tecnológicas inovadoras. Sempre em busca de novos desafios e oportunidades de crescimento na área de tecnologia.</p>

            <blockquote>
                <p>"A tecnologia é melhor quando aproxima as pessoas."</p>
                <cite>— Matt Mullenweg</cite>
            </blockquote>
        </section>

        <section id="experiencias">
            <h2>Experiências Profissionais</h2>
            <table border="1">
                <caption>Histórico Profissional de Marcus Fiuza</caption>
                <thead>
                    <tr>
                        <th scope="col">Empresa</th>
                        <th scope="col">Cargo/Área</th>
                        <th scope="col">Principais Atividades</th>
                        <th scope="col">Tecnologias</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">SONDA</th>
                        <td>Técnico de TI</td>
                        <td>
                            <ul>
                                <li>Suporte técnico especializado</li>
                                <li>Manutenção de hardware e software</li>
                                <li>Elaboração de relatórios técnicos</li>
                                <li>Resolução de incidentes</li>
                            </ul>
                        </td>
                        <td>Windows, Linux, Hardware PC, Redes</td>
                    </tr>
                    <tr>
                        <th scope="row">Teknisa</th>
                        <td>Desenvolvedor Fullstack</td>
                        <td>
                            <ul>
                                <li>Desenvolvimento com framework Zeedhi</li>
                                <li>Criação de aplicações web</li>
                                <li>Integração frontend/backend</li>
                                <li>Manutenção de sistemas</li>
                            </ul>
                        </td>
                        <td>Zeedhi Framework, JavaScript, SQL</td>
                    </tr>
                    <tr>
                        <th scope="row">Oficina dos Bits</th>
                        <td>Desenvolvedor</td>
                        <td>
                            <ul>
                                <li>Sistema de folha de ponto digital</li>
                                <li>Desenvolvimento backend em Python</li>
                                <li>Interface frontend em JavaScript</li>
                                <li>Automação de processos</li>
                            </ul>
                        </td>
                        <td>Python, JavaScript, HTML, CSS</td>
                    </tr>
                </tbody>
            </table>
        </section>

        <section id="formacao">
            <h2>Formação Acadêmica</h2>
            <dl>
                <dt><strong>Bacharelado em Sistemas de Informação</strong></dt>
                <dd>
                    <em>Estácio</em><br>
                    Formação superior focada em desenvolvimento de sistemas, análise de dados, gerenciamento de projetos e tecnologias emergentes.
                </dd>

                <dt><strong>Técnico em TI e Eletrônica</strong></dt>
                <dd>
                    <em>E.E.T.I Professor Fontes</em><br>
                    Formação técnica abrangente em eletrônica digital e analógica, manutenção de equipamentos, programação e redes de computadores.
                </dd>
            </dl>

            <h3>Certificações e Cursos</h3>
            <ol>
                <li>
                    <strong>Curso de JavaScript e TypeScript</strong>
                    <br><em>Udemy</em>
                    <br>Certificação em desenvolvimento frontend e backend com JavaScript moderno e TypeScript.
                </li>
                <li>
                    <strong>Vue.js Completo</strong>
                    <br><em>Udemy</em>
                    <br>Especialização em framework Vue.js para desenvolvimento de aplicações web reativas.
                </li>
            </ol>
        </section>

        <section id="habilidades">
            <h2>Habilidades Técnicas</h2>
            <article>
                <h3>Linguagens de Programação</h3>
                <ul>
                    <li><strong>JavaScript</strong> - Avançado</li>
                    <li><strong>TypeScript</strong> - Intermediário</li>
                    <li><strong>Python</strong> - Intermediário</li>
                    <li><strong>HTML5</strong> - Avançado</li>
                    <li><strong>CSS3</strong> - Intermediário</li>
                    <li><strong>SQL</strong> - Intermediário</li>
                </ul>

                <h3>Frameworks e Tecnologias</h3>
                <ul>
                    <li><strong>Vue.js</strong> - Intermediário</li>
                    <li><strong>Node.js</strong> - Intermediário</li>
                    <li><strong>Zeedhi Framework</strong> - Avançado</li>
                    <li><strong>Express.js</strong> - Básico</li>
                    <li><strong>Bootstrap</strong> - Intermediário</li>
                </ul>

                <h3>Sistemas e Ferramentas</h3>
                <ul>
                    <li><strong>Linux</strong> - Intermediário</li>
                    <li><strong>Windows</strong> - Avançado</li>
                    <li><strong>Git/GitHub</strong> - Intermediário</li>
                    <li><strong>MySQL</strong> - Intermediário</li>
                    <li><strong>Hardware PC</strong> - Avançado</li>
                    <li><strong>Redes</strong> - Intermediário</li>
                </ul>

                <h3>Competências Profissionais</h3>
                <ul>
                    <li>Suporte técnico especializado</li>
                    <li>Desenvolvimento fullstack</li>
                    <li>Automação de processos</li>
                    <li>Análise e resolução de problemas</li>
                    <li>Documentação técnica</li>
                    <li>Trabalho em equipe</li>
                </ul>
            </article>
        </section>

        <section id="projetos">
            <h2>Projetos Destacados</h2>
            <article>
                <h3>Sistema de Folha de Ponto Digital</h3>
                <p><strong>Empresa:</strong> Oficina dos Bits</p>
                <p><strong>Descrição:</strong> Desenvolvimento de sistema completo para controle de ponto digital, incluindo interface web responsiva e backend robusto para gerenciamento de dados de funcionários.</p>
                <p><strong>Tecnologias utilizadas:</strong> Python, JavaScript, HTML5, CSS3, Banco de dados</p>
                <p><strong>Principais funcionalidades:</strong></p>
                <ul>
                    <li>Registro de ponto com validação</li>
                    <li>Relatórios automáticos</li>
                    <li>Interface administrativa</li>
                    <li>Integração com banco de dados</li>
                </ul>

                <h3>Desenvolvimento com Framework Zeedhi</h3>
                <p><strong>Empresa:</strong> Teknisa</p>
                <p><strong>Descrição:</strong> Criação e manutenção de aplicações empresariais utilizando o framework proprietário Zeedhi, com foco em soluções web integradas.</p>
                <p><strong>Responsabilidades:</strong></p>
                <ul>
                    <li>Desenvolvimento de módulos personalizados</li>
                    <li>Integração com sistemas existentes</li>
                    <li>Otimização de performance</li>
                    <li>Documentação técnica</li>
                </ul>

                <h3>Demonstração HTML Puro</h3>
                <p><strong>Projeto Pessoal:</strong> Portfolio Técnico</p>
                <p><strong>Descrição:</strong> Desenvolvimento de projeto exclusivamente em HTML puro, demonstrando domínio completo da linguagem de marcação sem dependências externas.</p>
                <p><strong>Objetivos alcançados:</strong></p>
                <ul>
                    <li>Semântica HTML rigorosa</li>
                    <li>Acessibilidade completa</li>
                    <li>Validação W3C</li>
                    <li>Demonstração técnica abrangente</li>
                </ul>
            </article>
        </section>

        <aside>
            <h2>Links Profissionais</h2>
            <nav>
                <h3>Redes e Portfólios</h3>
                <ul>
                    <li><a href="https://linkedin.com/in/devfiuza target="_blank" rel="noopener noreferrer">LinkedIn - Marcus Fiuza</a></li>
                    <li><a href="https://github.com/Fiuza3" target="_blank" rel="noopener noreferrer">GitHub - Repositórios</a></li>
                    <li><a href="contato.html">Formulário de Contato</a></li>
                </ul>
            </nav>

            <h3>Localização</h3>
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3750.8686!2d-43.9377553!3d-19.9166813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xa6a6c3f2c2c5fb%3A0x4f4c6e8c8c8c8c8c!2sBelo%20Horizonte%2C%20MG!5e0!3m2!1spt!2sbr!4v1635789123456!5m2!1spt!2sbr" width="300" height="225" style="border:0;" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Localização em Belo Horizonte, MG">
            </iframe>
        </aside>
    </main>

    <footer id="contato-info">
        <hr>
        <h2>Informações de Contato</h2>
        <address>
            <h3>Marcus Vinicius Fiuza Silva</h3>
            <p><strong>Email:</strong> <a href="mailto:marcusvinifiuza739@gmail.com">marcusvinifiuza739@gmail.com</a></p>
            <p><strong>Telefone:</strong> <a href="tel:+5531996350383">+55 31 99635-0383</a></p>
            <p><strong>Endereço:</strong>Belo Horizonte, MG - Brasil</p>
        </address>

        <nav>
            <h3>Navegação do Site</h3>
            <ul>
                <li><a href="index.html">Página Inicial</a></li>
                <li><a href="sobre-html.html">Guia HTML</a></li>
                <li><a href="contato.html">Contato</a></li>
            </ul>
        </nav>

        <p><small>&copy; 2024 Marcus Vinicius Fiuza Silva - Todos os direitos reservados</small></p>
    </footer>
</body>
</html>