Desenvolvimento de Website em HTML5 e CSS3

Desenvolvimento Web

•
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 43 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 43 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 43 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 
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.
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
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/
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>
                    
                
        
                <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&tokenCaptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228FYJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhjEQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7TvquOICeE-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>
               
                <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>    
      
            <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
                        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
                                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.com.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>
            
                    <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>
    
            <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>
                        
                        <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>
            <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>
                </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&tokenCaptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228FYJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhjEQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7TvquOICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" class="btn">Lattes</a></th>
                </h1>
                     
            </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>
               
                    <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,
                            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.com.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>
             
    
           
                
            </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>
                
                <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">
    <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>
                    
                
        
                <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&tokenCaptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228FYJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhjEQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7TvquOICeE-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>
                            <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%">
                    
                    <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>
        
            </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>
                </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&tokenCaptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228FYJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhjEQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7TvquOICeE-AN2U4XbCkvkVzokvrvGIYKESEZ9GYuP8KnoByY7d5of4fG3NgPuFU_tj7IjVsaNHc" class="btn">Lattes</a></th>
                </h1>
                     
            </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> 
            
            <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>
       
            </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%">
        
            <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&tokenCaptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228FYJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhjEQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7TvquOICeE-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>
                </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>
        
                   
            <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>
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>
                    
                
        
                <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&tokenCaptchar=03AFcWeA7KGcpajrssv0fbzMcSQAxPbi1kIBrdiVdjHlBB5N6BVp_ArWwuHCWYNM5DTLOkq228FYJtpETMqJ1WEg7Y8DzDDB7NDSqp4plhaCGK1Qf_sKijpxOPLN6UGdz0zxWhc0Jn5i-eYlQ-3oiCmuCOxddFsanqd0w0ecXKNFeSaASLEiaKUuihdnuH2Vh9SUYeEZug85KNkGq_BwkBC8229x85AXtxAhjEQNIDMKkAB2fyRt59BIpI2SELtUuMXhptXrN0fXUn41arB3AZK82Q-jufR0s5ijV7eyeF2b3WHTHiBpxT6FHHclA7FV9ArSk2lncQlztaDyTaIXgWgFPHYx0zUVITbUeb-xup1vxdrA40r1XHYEe4Adxk_xEy7XOAA7fNYY0tVRny-CpUKSaQ_BZeP4k96Ay50u7D-Yu56sjhk4LtXvDgf732zGQc5VtEXePnSpzRmJWkhB1H7ThR4-FgRu5gvOOEXPeP1K3k6J137wmmugdSMXurEdXRN-RQNjMmDFE-iDaKK-OMxQ4x9yORMkWz7eprieEcPygHPWJc2QH3i-J3D3hZDaA91SIijqFeHClWBbUUfIO1tGUX3-x7-uvptgA0icuAwTvmjUMOu7KXZHF19qSJla1khT_oQftvJRHGdC_Y3fXnEz6l2oBdOwCTXCq8tiEcriR7TvquOICeE-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>
               
                
                   
            </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>    
      
          
                
            </main> 
            
            <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>
                <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 */
    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 */
  }
  
  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);
  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;
}
.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 {
      width: 90%; /* Aumenta a largura da tabela para telas menores */
    }
  }
Pasta: image
Atividades Extensionistas – Proposta de Tema / Trabalho Final
2
image1.png
image2.png
image3.jpeg
image4.png
image5.jpeg