Desenvolvimento de Website em HTML5 e CSS3

Português

•

UNIP

Mateus Henrique Bernabé

19/05/2024

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 44 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 6, do total de 44 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 9, do total de 44 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
1 
 
ATIVIDADES 
Trabalho 
 
 
Curso 
(X) Bacharelado em Engenharia de Software 
 
 
Disciplina 
(X) Atividade Desenvolvimente WEB 
 
 
Aluno(s) e RU(s) 
Aluno RU 
Mateus Henrique Bernabe 4631948 
 
 
 
 
Título 
Desenvolvimento de um website em HTML5 e CSS3. 
 
 
 
 
 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
2 
INDICE 
 
INDICE ........................................................................................................................................... 2 
Links para o site: ............................................................................................................................. 3 
Arquivo: index.html ......................................................................................................................... 4 
Arquivo: curriculum.html ................................................................................................................ 13 
Arquivo: contato.html .................................................................................................................... 19 
Arquivo: obrigado.html .................................................................................................................. 24 
Arquivo: portifolio.html .................................................................................................................. 28 
Arquivo: sobre.html ....................................................................................................................... 33 
Arquivo: style.css .......................................................................................................................... 37 
Pasta: image ................................................................................................................................. 42 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
3 
 
Links para o site: 
 
https://drmateusbernabe.github.io/sitemateusbernabe/index.html 
https://drmateusbernabe.github.io/sitemateusbernabe/ 
https://mateusbernabe.000webhostapp.com/index.html 
https://mateusbernabe.000webhostapp.com/ 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
4 
 
Arquivo: index.html 
 
<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equipv="X-UA-Compatible" contente="IE-edge"> 
 <meta name="viewport" content="widht=device-width, initial-scale=1.0"> 
 <title>mateus_bernabe</title> 
 <link rel="stylesheet" type"text/css" href="style.css" media="screen"/> 
 </head> 
 
 <body> 
 
 <header> 
 
 <table width="50%"> 
 
 
 <tr> 
 <th> 
 <h1><a href="index.html" class="btn4">Site desenvolvido para a 
disciplina de Desenvolvimento WEB<br> 
 Bacharelado em Engenharia de Sotware:</a> 
 </h1> 
 </th> 
 </tr> 
 </table> 
 
 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><h1><a href="index.html" class="btn">Página 
Inicial</a></th></h1> 
 
 
 <th><h1><a href="sobre.html" class="btn">Sobre Mim</a></th></h1> 
 
 
 <th><h1><a href="curriculum.html" 
class="btn">Curriculum</a></th></h1> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
5 
 
 
 <th><h1><a href="contato.html" class="btn">Contato</a></th></h1> 
 
 
 
 <th><h1><a href="portifolio.html" 
class="btn">Portifólio</a></th></h1> 
 
 
 
 <th><h1><a 
href="https://buscatextual.cnpq.br/buscatextual/visualizacv.do?id=K1196493Z5&tokenC
aptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228F
YJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-
3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhj
EQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-
jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-
xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-
Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-
FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-
OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-
uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7Tvqu
OICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" 
class="btn">Lattes</a></th> 
 </h1> 
 
 </tr> 
 
 
 
 </table> 
 </header> 
 
 
 
 
 <main> 
 
 <table> 
 
 <th><h1>Site desenvolvido especialmente para a disciplina de 
aplicações e WEB e Móveis, Universidade Internacional:</h1></th> 
 
 </table> 
 
 <table> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
6 
 
 <tr><th><p>Mateus Henrique Bernabé, aluno, RU: 4631948, Engenharia 
de Software, disciplina: Desenvolvimento WEB e Móveis.</p></th></tr> 
 
 <th> <a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="100%"></a> </th> 
 
 
 </table> 
 
 
 
 <table> 
 
 <br> <br> <br> <br> <br> <br> 
 
 <th><h1>Sobre Mim:</h1></th> 
 
 </table> 
 
 <table> 
 
 
 <th> <br> <br> <br> <p> Desde criança, gosto muito de 
computadores. <br> <p> Aprendi a instalar jogos em disquetes com meus 7, 8 anos, 
nas aulas de informática na quarta séria do fundamental desenvolvi banco de dados 
em Access. <br> <p> No primeiro ano do ensino médio, aprendi programação Delphi, 
desenvolvi jogos em .lua no segundo ano do ensino médio, no primeiro ano de 
faculdade, FATEC AMERICANA, no curso de JOGOS DIGITAIS, me destacava facilmente 
entre meus colegas, com programação HTML, CSS, PHP, C++ e C#. <br> <p> Abandonei 
todos os cursos para aprender Python e técnicas de segurança ofensiva com os 
melhores Black Hatters, após muitas lições e aprendizados, voltei para a rede 
universitária para me formar na UNIP em Análise de Sistemas, ao me graduar, escolhi 
me especializar nas Leis atuais de proteção de dados, busco meu diploma de Bacharel 
em Engenharia de Software para prosseguir ao nível de mestrado na área de Sistemas 
Farmacêuticos. <br> <p> Gosto de ensinar e pretendo dar aulas futuramente, gosto da 
prática de artes marciais e treinamento resistido como esporte, como hobby, gosto 
de plantar, nadar e jogar MOBA.<br></p><br> <br> <br> <br> <a 
href="https://www.linkedin.com/in/mateus-bernab%C3%A9-19084031/" class="btn3"><img 
src="image/mateus_bernabe_curriculum.jpg" alt="Mateus Henrique Bernabé" 
title="Foto: Autor" width="30%"></a> <br>Mateus Henrique Bernabé<br> <br> <br><br> 
<br> </th> 
 
 
 
 </table> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
7 
 
 <table> 
 
 <br> <br> <br> <br> <br> <br> 
 <th><h1>Curriculum:</h1></th> 
 
 </table> 
 
 <table > 
 
 <tr> 
 <th><label for=""nome">Nome:</label></th> 
 <th><label for=""nome">Mateus Henrique Bernabé</label></th> 
 </tr> 
 
 <tr> 
 <th><label for=""endereço">Endereço:</label></th> 
 <th><label for=""endereço">Rua Coronel Nhonho Braga, 831, 
Centro, Piraju, São Paulo, Brasil. CEP - 18800-096</label></th> 
 </tr> 
 
 <tr> 
 <th><label for=""email">E-mail:</label></th> 
 <th><label for=""email">drmateusbernabe@gmail.com</label></th> 
 </tr> 
 
 <tr> 
 <th><label for=""idade">Idade:</label></th> 
 <th><label for=""idade">33 anos</label></th> 
 </tr> 
 
 </table> 
 
 <table> 
 
 <th><h1>Formação Acadêmica:</h1></th> 
 
 </table> 
 
 <table> 
 <tr> 
 <th><p>- Ensino Superior – Concluído - Universidade Paulista 
(UNIP) – Curso Superior de 
 Tecnologia em Analise e Desenvolvimento de Sistemas, curso 
com foco na área 
 de modelagem, administração e programação de sistemas 
integrados à banco de 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
8 
 dados. 
 </p></th> 
 </tr> 
 <tr> 
 <th><p>- Pôs Graduado – Direito Digital – UNIP – 
Especialização em LGPD, leis de dados 
 que regem a internet em território nacional. 
 </p></th> 
 </tr> 
 <tr> 
 <th><p>- Cursando Farmácia UNIP Ourinhos. 
 </p></th> 
 </tr> 
 <th><p>- Cursando Engenharia de Software na UNINTER Ourinhos. 
 </p></th> 
 </tr> 
 
 </table> 
 
 <table> 
 
 <th><h1>Experiência Profissional :</h1></th> 
 
 </table> 
 
 <table> 
 
 <tr> 
 <th><p>- Escritório de Advocacia Bernabé e Franzolin - 
10/10/2013 - Atual – Analista de 
 Sistemas.<br> 
 <p>Trabalho voltado para consultoria técnica do 
estabelecimento e análise de negócio, 
 treinamento dos clientes e atendimento técnico para 
auxílio do uso dos sistemas.<br> 
 <a 
href="https://www.bernabefranzolin.com.br/">https://www.bernabefranzolin.com.br/</a
> 
 </th> 
 </tr> 
 <tr> 
 <th><p>- PRINTPAPER SYSTEM – 01/03/2011 – 31/08/2011 – 
Suporte Técnico. 
 <br> 
 <p>Trabalho focado em auxiliar a escolha dos melhores 
equipamentos para impressão de 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
9 
 etiquetas de composição e realizar o treinamento 
dos clientes para o melhor uso e 
 configuração dos drivers e softwares que são 
utilizados para imprimir as etiquetas. <br> 
 <a 
href="https://printpaper.lojaintegrada.com.br/">https://printpaper.lojaintegrada.co
m.br/</a> 
 </th> 
 </tr> 
 
 </table> 
 
 <table> 
 
 <td><h1>Informática:</h1></td> 
 <tr><td><p>- Configuração e implementação de servidores Windows 
Server e Debian.</p></td></tr> 
 <tr><td><p>- Desenvolvimento e implementação de infraestruturas 
para redes. </p></td></tr> 
 <tr><td><p>- Conhecimento de programação em linguagem C#, ASP, 
PHP e C++.</p></td></tr> 
 <tr><td><p>- Conhecimento de linguagem para programação de 
banco de dados SQL.</p></td> 
 <tr><td><p>- Conhecimento avançado em Oracle, Adobe Photoshop e 
Illustrator.</p></td></tr> 
 <tr><td><p>- Programador de Inteligência 
Artificial.</p></td></tr> 
 
 </table> 
 
 <table> 
 
 <th><h1>Línguas:</h1></th> 
 <tr><td><p>- Inglês Fluente. </p></td></tr> 
 
 </table> 
 
 
 <form action="https://api.staticforms.xyz/submit" method="post"> 
 
 <table width="50%"> 
 
 <br> <br> <br> <br> <br> <br> 
 <th><h1>Contato:</h1></th> 
 
 </table> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
10 
 <table width="50%"> 
 
 <tr> 
 <th><label for="name">Nome:</label></th> 
 <th><input type="text" name="name" id="nome" 
placeholder="Digite seu nome:" autocomplete="off"></th> 
 </tr> 
 
 <tr> 
 <th><label for="email">E-mail:</label></th> 
 <th><input type="text" name="email" id="email" 
placeholder="Digite seu email:" autocomplete="off"></th> 
 </tr> 
 <tr> 
 <th><label for="message">Digite sua 
Mensagem:</label></th> 
 <th><textarea name="message" rows="10" cols="30" 
placeholder="Digite sua mensagem:"></textarea></th> 
 </tr> 
 
 <table width="50%"> 
 <tr> 
 
 <th><br><button type="submit" 
class="btn2">Enviar</button><br><br></th> 
 
 </tr> 
 
 </table> 
 
 </table> 
 
 <input type="hidden" name="accessKey" value="db49ac98-e17e-
4347-97c8-a143a1be2208"> 
 <input type="hidden" name="redirectTo" 
value="https://mateusbernabe.000webhostapp.com/obrigado.html"> 
 
 </form> 
 
 
 <table width="50%"> 
 
 <br> <br> <br> <br> <br> <br> 
 
 <th><h1>Portifólio:</h1></th> 
 
 </table> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
11 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><label for=""linkedin">Linkedin:</label></th> 
 <th><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-19084031/" class="btn5">Linkedin</a></th></th> 
 </tr> 
 
 <tr> 
 <th><label for=""flickr">Flickr:</label></th> 
 <th><a 
href="https://www.flickr.com/photos/portifolio_mateushb/" 
class="btn5">Flickr</a></th></th> 
 </tr> 
 <tr> 
 <th><label for=""youtube">Youtube:</label></th> 
 <th><a href="https://www.youtube.com/@TCGONLINEPOKEMON" 
class="btn5">Youtube</a></th></th> 
 </tr> 
 <tr> 
 <th><label for=""aboutme">About.me:</label></th> 
 <th><a href="https://about.me/mateushb" 
class="btn5">About.me</a></th></th> 
 </tr> 
 <tr> 
 <th><label for=""instagram">Instagram:</label></th> 
 <th><a href="https://www.instagram.com/mateosobernabe/" 
class="btn5">Instagram</a></th></th> 
 </tr> 
 
 </table> 
 
 
 </main> 
 
 
 <footer> 
 
 
 <table width="50%"> 
 
 <tr> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
12 
 <td class="align-left"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 <th> 
 <br> 
 
 <a href="index.html" class="btn">Voltar ao Topo</a> 
 
 <br> <br></th> 
 
 <td class="align-right"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 </tr> 
 
 </table> 
 
 
 
 <table> 
 
 
 <tr> 
 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4"> Mateus Henrique Bernabé</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4">4631948</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn3"><img src="image/mateus_bernabe_curriculum.jpg" alt="Mateus 
Henrique Bernabé" title="Foto: Autor" width="20%"></a> 
 </h3></th> 
 <th><h3><a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="20%"></a> 
 </h3></th> 
 
 </tr> 
 
 
 
 </table> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
13 
 <table width="50%"> 
 <tr> 
 <th> 
 <h3><a href="index.html" class="btn4">Criado e desenvolvido 
por:<br> 
 Mateus Henrique Bernabé&copy;, Analista de 
Sistemas.</a> 
 </h3> 
 </th> 
 </tr> 
 </table> 
 
 
 </footer> 
 
 
 </body> 
</html> 
 
 
Arquivo: curriculum.html 
 
<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equipv="X-UA-Compatible" contente="IE-edge"> 
 <meta name="viewport" content="widht=device-width, initial-scale=1.0"> 
 <title>mateus_bernabe</title> 
 <link rel="stylesheet" type"text/css" href="style.css" media="screen"/> 
 </head> 
 
 <body> 
 
 <header> 
 
 <table width="50%"> 
 
 
 <tr> 
 <th> 
 <h1><a href="index.html" class="btn4">Site desenvolvido para a 
disciplina de Desenvolvimento WEB<br> 
 Bacharelado em Engenharia de Sotware:</a> 
 </h1> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
14 
 </th> 
 </tr> 
 </table> 
 
 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><h1><a href="index.html" class="btn">Página 
Inicial</a></th></h1> 
 
 
 <th><h1><a href="sobre.html" class="btn">Sobre Mim</a></th></h1> 
 
 
 <th><h1><a href="curriculum.html" 
class="btn">Curriculum</a></th></h1> 
 
 
 
 <th><h1><a href="contato.html" class="btn">Contato</a></th></h1> 
 
 
 
 <th><h1><a href="portifolio.html" 
class="btn">Portifólio</a></th></h1> 
 
 
 
 <th><h1><a 
href="https://buscatextual.cnpq.br/buscatextual/visualizacv.do?id=K1196493Z5&tokenC
aptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228F
YJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-
3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhj
EQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-
jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-
xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-
Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-
FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-
OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-
uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7Tvqu
OICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" 
class="btn">Lattes</a></th> 
 </h1> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
15 
 </tr> 
 
 
 
 </table> 
 </header> 
 
 
 
 
 <main> 
 
 
 
 <table> 
 
 <br> <br> <br> <br> <br> <br> 
 <th><h1>Curriculum:</h1></th> 
 
 </table> 
 
 <table > 
 
 <tr> 
 <th><label for=""nome">Nome:</label></th> 
 <th><label for=""nome">Mateus Henrique Bernabé</label></th> 
 </tr> 
 
 <tr> 
 <th><label for=""endereço">Endereço:</label></th> 
 <th><label for=""endereço">Rua Coronel Nhonho Braga, 831, 
Centro, Piraju, São Paulo, Brasil. CEP - 18800-096</label></th> 
 </tr> 
 
 <tr> 
 <th><label for=""email">E-mail:</label></th> 
 <th><label for=""email">drmateusbernabe@gmail.com</label></th> 
 </tr> 
 
 <tr> 
 <th><label for=""idade">Idade:</label></th> 
 <th><label for=""idade">33 anos</label></th> 
 </tr> 
 
 </table> 
 
 <table> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
16 
 
 <th><h1>Formação Acadêmica:</h1></th> 
 
 </table> 
 
 <table> 
 <tr><th><p>- Ensino Superior – Concluído - Universidade Paulista 
(UNIP) – Curso Superior de 
 Tecnologia em Analise e Desenvolvimento de Sistemas, curso 
com foco na área 
 de modelagem, administração e programação de sistemas 
integrados à banco de 
 dados. 
 </p></th> 
 </tr> 
 <tr> 
 <th><p>- Pôs Graduado – Direito Digital – UNIP – 
Especialização em LGPD, leis de dados 
 que regem a internet em território nacional. 
 </p></th> 
 </tr> 
 <tr> 
 <th><p>- Cursando Farmácia UNIP Ourinhos. 
 </p></th> 
 </tr> 
 <th><p>- Cursando Engenharia de Software na UNINTER Ourinhos. 
 </p></th> 
 </tr> 
 
 </table> 
 
 <table> 
 
 <th><h1>Experiência Profissional :</h1></th> 
 
 </table> 
 
 <table> 
 
 <tr> 
 <th><p>- Escritório de Advocacia Bernabé e Franzolin - 
10/10/2013 - Atual – Analista de 
 Sistemas.<br> 
 <p>Trabalho voltado para consultoria técnica do 
estabelecimento e análise de negócio, 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
17 
 treinamento dos clientes e atendimento técnico para 
auxílio do uso dos sistemas.<br> 
 <a 
href="https://www.bernabefranzolin.com.br/">https://www.bernabefranzolin.com.br/</a
> 
 </th> 
 </tr> 
 <tr> 
 <th><p>- PRINTPAPER SYSTEM – 01/03/2011 – 31/08/2011 – 
Suporte Técnico. 
 <br> 
 <p>Trabalho focado em auxiliar a escolha dos melhores 
equipamentos para impressão de 
 etiquetas de composição e realizar o treinamento 
dos clientes para o melhor uso e 
 configuração dos drivers e softwares que são 
utilizados para imprimir as etiquetas. <br> 
 <a 
href="https://printpaper.lojaintegrada.com.br/">https://printpaper.lojaintegrada.co
m.br/</a> 
 </th> 
 </tr> 
 
 </table> 
 
 <table> 
 
 <td><h1>Informática:</h1></td> 
 <tr><td><p>- Configuração e implementação de servidores Windows 
Server e Debian.</p></td></tr> 
 <tr><td><p>- Desenvolvimento e implementação de infraestruturas 
para redes. </p></td></tr> 
 <tr><td><p>- Conhecimento de programação em linguagem C#, ASP, 
PHP e C++.</p></td></tr> 
 <tr><td><p>- Conhecimento de linguagem para programação de 
banco de dados SQL.</p></td> 
 <tr><td><p>- Conhecimento avançado em Oracle, Adobe Photoshop e 
Illustrator.</p></td></tr> 
 <tr><td><p>- Programador de Inteligência 
Artificial.</p></td></tr> 
 
 </table> 
 
 <table> 
 
 <th><h1>Línguas:</h1></th> 
 <tr><td><p>- Inglês Fluente. </p></td></tr> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
18 
 
 </table> 
 
 
 
 
 
 
 </main> 
 
 
 <footer> 
 
 
 <table width="50%"> 
 
 <tr> 
 
 <td class="align-left"><a href="curriculum.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 <th> 
 <br> 
 
 <a href="curriculum.html" class="btn">Voltar ao 
Topo</a> 
 
 <br> <br></th> 
 
 <td class="align-right"><a href="curriculum.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 </tr> 
 
 </table> 
 
 
 
 <table> 
 
 
 <tr> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
19 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4"> Mateus Henrique Bernabé</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4">4631948</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn3"><img src="image/mateus_bernabe_curriculum.jpg" alt="Mateus 
Henrique Bernabé" title="Foto: Autor" width="20%"></a> 
 </h3></th> 
 <th><h3><a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="20%"></a> 
 </h3></th> 
 
 </tr> 
 
 
 
 </table> 
 
 <table width="50%"> 
 <tr> 
 <th> 
 <h3><a href="index.html" class="btn4">Criado e desenvolvido 
por:<br> 
 Mateus Henrique Bernabé&copy;, Analista de 
Sistemas.</a> 
 </h3> 
 </th> 
 </tr> 
 </table> 
 
 
 </footer> 
 
 
 </body> 
</html> 
 
 
Arquivo: contato.html 
 
<!DOCTYPE html> 
<html lang="en"> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
20 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equipv="X-UA-Compatible" contente="IE-edge"> 
 <meta name="viewport" content="widht=device-width, initial-scale=1.0"> 
 <title>mateus_bernabe</title> 
 <link rel="stylesheet" type"text/css" href="style.css" media="screen"/> 
 </head> 
 
 <body> 
 
 <header> 
 
 <table width="50%"> 
 
 
 <tr> 
 <th> 
 <h1><a href="index.html" class="btn4">Site desenvolvido para a 
disciplina de Desenvolvimento WEB<br> 
 Bacharelado em Engenharia de Sotware:</a> 
 </h1> 
 </th> 
 </tr> 
 </table> 
 
 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><h1><a href="index.html" class="btn">Página 
Inicial</a></th></h1> 
 
 
 <th><h1><a href="sobre.html" class="btn">Sobre Mim</a></th></h1> 
 
 
 <th><h1><a href="curriculum.html" 
class="btn">Curriculum</a></th></h1> 
 
 
 
 <th><h1><a href="contato.html" class="btn">Contato</a></th></h1> 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
AtividadesExtensionistas – Proposta de Tema / Trabalho Final 
21 
 <th><h1><a href="portifolio.html" 
class="btn">Portifólio</a></th></h1> 
 
 
 
 <th><h1><a 
href="https://buscatextual.cnpq.br/buscatextual/visualizacv.do?id=K1196493Z5&tokenC
aptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228F
YJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-
3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhj
EQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-
jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-
xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-
Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-
FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-
OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-
uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7Tvqu
OICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" 
class="btn">Lattes</a></th> 
 </h1> 
 
 </tr> 
 
 
 
 </table> 
 </header> 
 
 
 
 
 <main> 
 
 
 <form action="https://api.staticforms.xyz/submit" method="post"> 
 
 <table width="50%"> 
 
 <br> <br> <br> <br> <br> <br> 
 <th><h1>Contato:</h1></th> 
 
 </table> 
 
 <table width="50%"> 
 
 <tr> 
 <th><label for="name">Nome:</label></th> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
22 
 <th><input type="text" name="name" id="nome" 
placeholder="Digite seu nome:" autocomplete="off"></th> 
 </tr> 
 
 <tr> 
 <th><label for="email">E-mail:</label></th> 
 <th><input type="text" name="email" id="email" 
placeholder="Digite seu email:" autocomplete="off"></th> 
 </tr> 
 <tr> 
 <th><label for="message">Digite sua 
Mensagem:</label></th> 
 <th><textarea name="message" rows="10" cols="30" 
placeholder="Digite sua mensagem:"></textarea></th> 
 </tr> 
 
 <table width="50%"> 
 <tr> 
 
 <th><br><button type="submit" 
class="btn2">Enviar</button><br><br></th> 
 
 </tr> 
 
 </table> 
 
 </table> 
 
 <input type="hidden" name="accessKey" value="db49ac98-e17e-
4347-97c8-a143a1be2208"> 
 <input type="hidden" name="redirectTo" 
value="https://mateusbernabe.000webhostapp.com/obrigado.html"> 
 
 </form> 
 
 
 
 
 </main> 
 
 
 <footer> 
 
 
 <table width="50%"> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
23 
 <tr> 
 
 <td class="align-left"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 <th> 
 <br> 
 
 <a href="index.html" class="btn">Página Inicial</a> 
 
 <br> <br></th> 
 
 <td class="align-right"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 </tr> 
 
 </table> 
 
 
 
 <table> 
 
 
 <tr> 
 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4"> Mateus Henrique Bernabé</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4">4631948</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn3"><img src="image/mateus_bernabe_curriculum.jpg" alt="Mateus 
Henrique Bernabé" title="Foto: Autor" width="20%"></a> 
 </h3></th> 
 <th><h3><a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="20%"></a> 
 </h3></th> 
 
 </tr> 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
24 
 </table> 
 
 <table width="50%"> 
 <tr> 
 <th> 
 <h3><a href="index.html" class="btn4">Criado e desenvolvido 
por:<br> 
 Mateus Henrique Bernabé&copy;, Analista de 
Sistemas.</a> 
 </h3> 
 </th> 
 </tr> 
 </table> 
 
 
 </footer> 
 
 
 </body> 
</html> 
 
 
Arquivo: obrigado.html 
<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equipv="X-UA-Compatible" contente="IE-edge"> 
 <meta name="viewport" content="widht=device-width, initial-scale=1.0"> 
 <title>mateus_bernabe</title> 
 <link rel="stylesheet" type"text/css" href="style.css" media="screen"/> 
 </head> 
 
 <body> 
 
 <header> 
 
 <table width="50%"> 
 
 
 <tr> 
 <th> 
 <h1><a href="index.html" class="btn4">Site desenvolvido para a 
disciplina de Desenvolvimento WEB<br> 
 Bacharelado em Engenharia de Sotware:</a> 
 </h1> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
25 
 </th> 
 </tr> 
 </table> 
 
 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><h1><a href="index.html" class="btn">Página 
Inicial</a></th></h1> 
 
 
 <th><h1><a href="sobre.html" class="btn">Sobre Mim</a></th></h1> 
 
 
 <th><h1><a href="curriculum.html" 
class="btn">Curriculum</a></th></h1> 
 
 
 
 <th><h1><a href="contato.html" class="btn">Contato</a></th></h1> 
 
 
 
 <th><h1><a href="portifolio.html" 
class="btn">Portifólio</a></th></h1> 
 
 
 
 <th><h1><a 
href="https://buscatextual.cnpq.br/buscatextual/visualizacv.do?id=K1196493Z5&tokenC
aptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228F
YJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-
3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhj
EQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-
xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-
Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-
FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-
OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-
uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7Tvqu
OICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" 
class="btn">Lattes</a></th> 
 </h1> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
26 
 </tr> 
 
 
 
 </table> 
 </header> 
 
 
 
 
 <main> 
 
 <form action="contato.html" method="post"> 
 
 <table width="50%"> 
 
 <tr> 
 
 <th> 
 <br> <br> <br> 
 Obrigado.<br>Entrarei em contato em breve!<br> 
 <br> <br> <br> 
 
 
 
 
 
 
 <button type="submit" class="btn2">Nova mensagem 
 <input type="hidden" name="redirectTo" 
value="contato.html"> </button> 
 <br> <br> <br> <br> <br> <br> 
 
 </th> 
 
 </tr> 
 
 
 </table> 
 
 
 </form> 
 
 
 </main> 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
27 
 <footer> 
 
 
 <table width="50%"> 
 
 <tr> 
 
 <td class="align-left"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 <th> 
 <br> 
 
 <a href="index.html" class="btn">Página Inicial</a> 
 
 <br> <br></th> 
 
 <td class="align-right"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 </tr> 
 
 </table> 
 
 
 
 <table> 
 
 
 <tr> 
 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4"> Mateus Henrique Bernabé</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4">4631948</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn3"><img src="image/mateus_bernabe_curriculum.jpg" alt="Mateus 
Henrique Bernabé" title="Foto: Autor" width="20%"></a> 
 </h3></th> 
 <th><h3><a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="20%"></a> 
 </h3></th> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
28 
 
 </tr> 
 
 
 
 </table> 
 
 <table width="50%"> 
 <tr> 
 <th> 
 <h3><a href="index.html" class="btn4">Criado e desenvolvido 
por:<br> 
 Mateus Henrique Bernabé&copy;, Analista de 
Sistemas.</a> 
 </h3> 
 </th> 
 </tr> 
 </table> 
 
 
 </footer> 
 
 
 </body> 
</html> 
 
 
 
Arquivo: portifolio.html 
<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equipv="X-UA-Compatible" contente="IE-edge"> 
 <meta name="viewport" content="widht=device-width, initial-scale=1.0"> 
 <title>mateus_bernabe</title> 
 <link rel="stylesheet" type"text/css" href="style.css" media="screen"/> 
 </head> 
 
 <body> 
 
 <header> 
 
 <table width="50%"> 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
29 
 
 <tr> 
 <th> 
 <h1><a href="index.html" class="btn4">Site desenvolvido para a 
disciplina de Desenvolvimento WEB<br> 
 Bacharelado em Engenharia de Sotware:</a> 
 </h1> 
 </th> 
 </tr> 
 </table> 
 
 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><h1><a href="index.html" class="btn">Página 
Inicial</a></th></h1> 
 
 
 <th><h1><a href="sobre.html" class="btn">Sobre Mim</a></th></h1> 
 
 
 <th><h1><a href="curriculum.html" 
class="btn">Curriculum</a></th></h1> 
 
 
 
 <th><h1><a href="contato.html" class="btn">Contato</a></th></h1> 
 
 
 
 <th><h1><a href="portifolio.html" 
class="btn">Portifólio</a></th></h1> 
 
 
 
 <th><h1><a 
href="https://buscatextual.cnpq.br/buscatextual/visualizacv.do?id=K1196493Z5&tokenC
aptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228F
YJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-
3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhj
EQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-
jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-
xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-
Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
30 
FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-
OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-
uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7Tvqu
OICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" 
class="btn">Lattes</a></th> 
 </h1> 
 
 </tr> 
 
 
 
 </table> 
 </header> 
 
 
 
 
 <main> 
 
 
 <table width="50%"> 
 
 <br> <br> <br> <br> <br> <br> 
 
 <th><h1>Portifólio:</h1></th> 
 
 </table> 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><label for=""linkedin">Linkedin:</label></th> 
 <th><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn5">Linkedin</a></th></th> 
 </tr> 
 
 <tr> 
 <th><label for=""flickr">Flickr:</label></th> 
 <th><a 
href="https://www.flickr.com/photos/portifolio_mateushb/" 
class="btn5">Flickr</a></th></th> 
 </tr> 
 <tr><th><label for=""youtube">Youtube:</label></th> 
 <th><a href="https://www.youtube.com/@TCGONLINEPOKEMON" 
class="btn5">Youtube</a></th></th> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
31 
 </tr> 
 <tr> 
 <th><label for=""aboutme">About.me:</label></th> 
 <th><a href="https://about.me/mateushb" 
class="btn5">About.me</a></th></th> 
 </tr> 
 <tr> 
 <th><label for=""instagram">Instagram:</label></th> 
 <th><a href="https://www.instagram.com/mateosobernabe/" 
class="btn5">Instagram</a></th></th> 
 </tr> 
 
 </table> 
 
 
 </main> 
 
 
 <footer> 
 
 
 <table width="50%"> 
 
 <tr> 
 
 <td class="align-left"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 <th> 
 <br> 
 
 <a href="index.html" class="btn">Página Inicial</a> 
 
 <br> <br></th> 
 
 <td class="align-right"><a href="index.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 </tr> 
 
 </table> 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
32 
 
 <table> 
 
 
 <tr> 
 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4"> Mateus Henrique Bernabé</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4">4631948</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn3"><img src="image/mateus_bernabe_curriculum.jpg" alt="Mateus 
Henrique Bernabé" title="Foto: Autor" width="20%"></a> 
 </h3></th> 
 <th><h3><a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="20%"></a> 
 </h3></th> 
 
 </tr> 
 
 
 
 </table> 
 
 <table width="50%"> 
 <tr> 
 <th> 
 <h3><a href="index.html" class="btn4">Criado e desenvolvido 
por:<br> 
 Mateus Henrique Bernabé&copy;, Analista de 
Sistemas.</a> 
 </h3> 
 </th> 
 </tr> 
 </table> 
 
 
 </footer> 
 
 
 </body> 
</html> 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
33 
Arquivo: sobre.html 
<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <meta http-equipv="X-UA-Compatible" contente="IE-edge"> 
 <meta name="viewport" content="widht=device-width, initial-scale=1.0"> 
 <title>mateus_bernabe</title> 
 <link rel="stylesheet" type"text/css" href="style.css" media="screen"/> 
 </head> 
 
 <body> 
 
 <header> 
 
 <table width="50%"> 
 
 
 <tr> 
 <th> 
 <h1><a href="index.html" class="btn4">Site desenvolvido para a 
disciplina de Desenvolvimento WEB<br> 
 Bacharelado em Engenharia de Sotware:</a> 
 </h1> 
 </th> 
 </tr> 
 </table> 
 
 
 
 <table width="50%"> 
 
 
 <tr> 
 <th><h1><a href="index.html" class="btn">Página 
Inicial</a></th></h1> 
 
 
 <th><h1><a href="sobre.html" class="btn">Sobre Mim</a></th></h1> 
 
 
 <th><h1><a href="curriculum.html" 
class="btn">Curriculum</a></th></h1> 
 
 
 
 <th><h1><a href="contato.html" class="btn">Contato</a></th></h1> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
34 
 
 
 
 <th><h1><a href="portifolio.html" 
class="btn">Portifólio</a></th></h1> 
 
 
 
 <th><h1><a 
href="https://buscatextual.cnpq.br/buscatextual/visualizacv.do?id=K1196493Z5&tokenC
aptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228F
YJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-
3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhj
EQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-
jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-
xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-
Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-
FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-
OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-
uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7Tvqu
OICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" 
class="btn">Lattes</a></th> 
 </h1> 
 
 </tr> 
 
 
 
 </table> 
 </header> 
 
 
 
 
 <main> 
 
 <table> 
 
 <th><h1>Site desenvolvido especialmente para a disciplina de 
aplicações e WEB e Móveis, Universidade Internacional:</h1></th> 
 
 </table> 
 
 <table> 
 
 <tr><th><p>Mateus Henrique Bernabé, aluno, RU: 4631948, Engenharia 
de Software, disciplina: Desenvolvimento WEB e Móveis.</p></th></tr> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
35 
 
 
 
 
 </table> 
 
 
 
 <table> 
 
 <br> <br> <br> <br> <br> <br> 
 
 <th><h1>Sobre Mim:</h1></th> 
 
 </table> 
 
 <table> 
 
 
 <th> <br> <br> <br> <p> Desde criança, gosto muito de 
computadores. <br> <p> Aprendi a instalar jogos em disquetes com meus 7, 8 anos, 
nas aulas de informática na quarta séria do fundamental desenvolvi banco de dados 
em Access. <br> <p> No primeiro ano do ensino médio, aprendi programação Delphi, 
desenvolvi jogos em .lua no segundo ano do ensino médio, no primeiro ano de 
faculdade, FATEC AMERICANA, no curso de JOGOS DIGITAIS, me destacava facilmente 
entre meus colegas, com programação HTML, CSS, PHP, C++ e C#. <br> <p> Abandonei 
todos os cursos para aprender Python e técnicas de segurança ofensiva com os 
melhores Black Hatters, após muitas lições e aprendizados, voltei para a rede 
universitária para me formar na UNIP em Análise de Sistemas, ao me graduar, escolhi 
me especializar nas Leis atuais de proteção de dados, busco meu diploma de Bacharel 
em Engenharia de Softwarepara prosseguir ao nível de mestrado na área de Sistemas 
Farmacêuticos. <br> <p> Gosto de ensinar e pretendo dar aulas futuramente, gosto da 
prática de artes marciais e treinamento resistido como esporte, como hobby, gosto 
de plantar, nadar e jogar MOBA.<br></p><br> <br> <br> <br> <a 
href="https://www.linkedin.com/in/mateus-bernab%C3%A9-19084031/" class="btn3"><img 
src="image/mateus_bernabe_curriculum.jpg" alt="Mateus Henrique Bernabé" 
title="Foto: Autor" width="30%"></a> <br>Mateus Henrique Bernabé<br> <br> <br> <br> 
<br> </th> 
 
 
 
 </table> 
 
 
 
 
 </main> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
36 
 
 
 <footer> 
 
 
 <table width="50%"> 
 
 <tr> 
 
 <td class="align-left"><a href="sobre.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 <th> 
 <br> 
 
 <a href="sobre.html" class="btn">Voltar ao Topo</a> 
 
 <br> <br></th> 
 
 <td class="align-right"><a href="sobre.html" 
class="btn3"><img src="image/up.png" alt="up.png" title="up.png" 
width="10%"></a></td> 
 
 </tr> 
 
 </table> 
 
 
 
 <table> 
 
 
 <tr> 
 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4"> Mateus Henrique Bernabé</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn4">4631948</a> 
 </h3></th> 
 <th><h3><a href="https://www.linkedin.com/in/mateus-bernab%C3%A9-
19084031/" class="btn3"><img src="image/mateus_bernabe_curriculum.jpg" alt="Mateus 
Henrique Bernabé" title="Foto: Autor" width="20%"></a> 
 </h3></th> 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
37 
 <th><h3><a href="https://www.uninter.com/" class="btn3"><img 
src="image/logo-uninter.png" alt="logo-uninter" title="logo-uninter" 
width="20%"></a> 
 </h3></th> 
 
 </tr> 
 
 
 
 </table> 
 
 <table width="50%"> 
 <tr> 
 <th> 
 <h3><a href="index.html" class="btn4">Criado e desenvolvido 
por:<br> 
 Mateus Henrique Bernabé&copy;, Analista de 
Sistemas.</a> 
 </h3> 
 </th> 
 </tr> 
 </table> 
 
 
 </footer> 
 
 
 </body> 
</html> 
 
 
 
 
Arquivo: style.css 
 
/* Cores */ 
 body { 
 background-image: url('image/bg_image.jpg'); /* Insira o caminho da sua imagem 
*/ 
 background-repeat: repeat; /* Opcional: define como a imagem se repete */ 
 background-attachment: fixed; /* Opcional: define se a imagem rola com a página 
*/ 
 background-position: center; /* Opcional: define a posição da imagem */ 
 background-size: cover; /* Opcional: define o tamanho da imagem */ 
 color: #fff; /* Branco */ 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
38 
 font-family: Arial, sans-serif; /* Fonte padrão para o corpo do texto */ 
 margin: 0; 
 padding: 0; 
 } 
 
 /* Tabelas */ 
 table { 
 margin: 0 auto; /* Centraliza a tabela na horizontal */ 
 border-collapse: collapse; /* Remove bordas entre células */ 
 width: 80%; /* Define a largura da tabela (pode ajustar) */ 
 background-color: rgba(255, 255, 255, 0); /* Preto com 50% de transparência */ 
 
 
 } 
 
 th, td { 
 border-radius: 10px; /* Arredonda os cantos das células e do cabeçalho */ 
 padding: 8px; /* Padding around cell content */ 
 margin: 0 auto; /* Centraliza a tabela na horizontal */ 
 background-color: rgba(0, 0, 0, 0.9); /* Preto com 50% de transparência */ 
 padding: 0.5em; /* Aumenta o espaçamento interno das células */ 
 box-shadow: 0px 0px 0px 1px rgb(255, 254, 254); /* Offset: 5px in both 
directions, Blur: 5px, Spread: 0, Color: semi-transparent black */ 
 } 
 
 td.align-right { 
 text-align: right; /* Right-align the content within the cell */ 
 max-width: 200px; /* Set the maximum width of the cell to 20px */ 
 } 
 
 td.align-left { 
 text-align: left; /* Right-align the content within the cell */ 
 max-width: 200px; /* Set the maximum width of the cell to 20px */ 
 } 
 
 h1 { /* Seleciona todos os elementos h1 */ 
 font-size: 20px; /* Tamanho da fonte para h1: 20px */ 
 font-family: Arial; /* Define a fonte para Arial ou outra fonte sans-serif */ 
 text-align: center; /* Centraliza o texto */ 
 } 
 
 h2 { /* Seleciona todos os elementos h2 */ 
 font-size: 18px; /* Tamanho da fonte para h2: 18px */ 
 font-family: Arial; /* Define a fonte para Arial ou outra fonte sans-serif */ 
 text-align: center; /* Centraliza o texto */ 
 } 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
39 
 h3 { /* Seleciona todos os elementos h3 */ 
 font-size: 16px; /* Tamanho da fonte para h3: 12px */ 
 font-family: Arial; /* Define a fonte para Arial ou outra fonte sans-serif */ 
 text-align: center; /* Justifica o texto */ 
 } 
 
 p { 
 font-family: Arial; /* Define a fonte para Arial ou outra fonte sans-serif */ 
 font-size: 14px; /* Tamanho da fonte: 10px */ 
 text-align: left; /* Alinha o texto à esquerda */ 
 margin-bottom: 20px; /* Espaço entre parágrafos */ 
 margin-left: 20px; /* Espaço entre parágrafos */ 
 line-height: 1.5; /* Aumenta o espaçamento entre linhas no parágrafo */ 
 text-indent: 2em; /* Define o espaçamento da primeira frase */ 
 } 
 
 
 header { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 background-color: #ffffff00; /* Or your desired background color */ 
 z-index: 100; /* Ensure the menu stays on top */ 
 transition: top 0.5s ease-in-out; /* Smooth transition effect */ 
 } 
 
 main { 
 position: static; /* Default position */ 
 padding-top: 180px; /* Adjust as needed based on header height */ 
 padding-bottom: 100px; /* Adjust as needed based on footer height */ 
 width: 95%; /* Adjust width as needed */ 
 margin: 0 auto; /* Center the main content */ 
 } 
 
 footer { 
 position:inherit; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 background-color: #ffffff00; 
 z-index: 300; 
 transition: bottom 0.5s ease-in-out; 
 } 
 
.btn{ 
 color:rgb(253, 251, 251); 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
40 
 transition: all 0.5s; 
 text-decoration: none; 
 
} 
 
.btn:hover{ 
 color:black; 
 padding: 15px 55px; 
 background:rgba(255, 251, 251, 0.767); 
 opacity: 90%; 
 border-radius: 10%; 
} 
 
 
.btn2{ 
 color:rgb(5, 5, 5); 
 transition: all 0.5s; 
 
} 
 
.btn2:hover{ 
 color:black; 
 padding: 15px 55px; 
 background:rgba(255, 251, 251, 0.767); 
 opacity: 90%; 
 border-radius: 10%; 
} 
 
.btn3{ 
 color:rgb(5, 5, 5); 
 transition: all 0.5s; 
 
} 
 
.btn3:hover{ 
 color:rgb(223, 221, 221); 
 padding: 5px 5px; 
 background:rgb(255, 255, 255);border-radius: 100%; 
 opacity: 10%; 
 } 
 
.btn4{ 
 color:rgb(253, 251, 251); 
 transition: all 0.5s; 
 text-decoration: none; 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
41 
} 
 
.btn4:hover{ 
 color:black; 
 background:rgba(255, 251, 251, 0.767); 
 opacity: 90%; 
} 
 
.btn5{ 
 color:rgb(104, 103, 49);; 
 transition: all 0.5s; 
 text-decoration: underline; 
} 
 
.btn5:hover{ 
 color:black; 
 background:rgba(255, 251, 251, 0.767); 
 text-decoration: underline ; 
} 
 
.btn5:visited { 
 color:rgb(120, 38, 250); 
 background:rgba(255, 251, 251, 0.767); 
 text-decoration: underline; 
} 
 
 /* Estilos responsivos para telas menores */ 
 @media (max-width: 768px) { 
 table { 
 width: 80%; /* Aumenta a largura da tabela para telas menores */ 
 } 
 } 
 @media (max-width: 486px) { 
 table { 
 width: 70%; /* Aumenta a largura da tabela para telas menores */ 
 } 
 } 
 
 @media (max-width: 1024PX) { 
 table { 
 width: 90%; /* Aumenta a largura da tabela para telas menores */ 
 } 
 } 
 
 @media (max-width: 2048PX) { 
 table { 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
42 
 width: 90%; /* Aumenta a largura da tabela para telas menores */ 
 } 
 } 
 
 
Pasta: image 
 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
43 
 
 
 
 
Centro Universitário Internacional UNINTER 
Escola Superior Politécnica – ESP 
 
Atividades Extensionistas – Proposta de Tema / Trabalho Final 
44