<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Curriculum Patrick Gama</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta X-Content-Type-Options="osniff">
    <meta http-equiv="Strict-Transport-Security" content="max-age=31536000">
    <meta http-equiv="X-Frame-Options" content="deny">
    <meta X-XSS-Protection="1" ; mode="block">
    <meta name="referrer" content="origin">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto+Condensed'>
    <link rel='stylesheet' href='style.css'>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      window.jQuery || document.write(' < script src = "js/jquery-3.6.0.min.js" > < \/script>')
    </script>
  </head>
  <body>
    <div id="contact_prof_view">
      <main>
        <section>
          <div class="content">
            <img src="Pic_03.png" alt="Profile Image" id="img_main">
            <a href="Profile_view_esp.html">
              <img src="flag_es.png" alt="Profile Image" title="Español" id="flg" />
            </a>
            <a href="index.html">
              <img src="flag_pt.png" alt="Profile Image" title="Português" id="flg" />
            </a>
            <a href="Profile_view_eng.html">
              <img src="flag_uk.png" title="English" id="flg" />
            </a>
            <div id="nameBlock">
              <h1 id="nameTag">Patrick R. Gama R. Machado</h1>
              <p id="profTag">Software and Web Developer</p>
              <p id="ageTag">20/03/1986 - 38 anos</p>
            </div>
            <button style="cursor:pointer;">
              <span>Detalhes</span>
              <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
                <g class="nc-icon-wrapper" fill="#444444">
                  <path d="M14.83 30.83L24 21.66l9.17 9.17L36 28 24 16 12 28z"></path>
                </g>
              </svg>
            </button>
          </div>
          <div class="title">
            <p>
              <a href="curric_pt.pdf" target="_blank" style="text-decoration:none; color:#fff;">Currículo <img src="pdf_icon.png" title="Currículo em PDF" id="ic20" />
              </a>
            </p>
          </div>
        </section>
      </main>
      <nav>
        <main>
          <section style="background-color:#1da1f2;margin-top:5px;">
            <div class="content">
              <aside style="float:right; margin-right:5%;height:35px;width: 98%">
                <h2 style="float:right; margin-right:5%;">Especialidades Técnicas</h2>
              </aside>
            </div>
          </section>
        </main>
        <a href="#">
          <img src="php_icon.png" alt="Profile Image" id="ic1" />
          <div class="content">
            <h2 style="color:#d14836;">PHP Developer</h2>
            <h1 style="color:#d14836;">Experiência: 11 anos</h1>
            <span></span>
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="delphi_icon.png" alt="Profile Image" id="ic2" />
            <h2 style="color:#1da1f2;">Delphi Developer</h2>
            <h1 style="color:#1da1f2;">Experiência: 11 anos</h1>
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="csharp_icon.png" alt="Profile Image" id="ic3" />
            <h2 style="color:#d14836;">C#.net e ASP.net Developer </h2>
            <h1 style="color:#d14836;">Experiência: 6 anos</h1>
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="android_icon.png" alt="Profile Image" id="ic4" />
            <h2 style="color:#1da1f2;">Android Developer</h2>
            <h1 style="color:#1da1f2;">Experiência: 4 anos</h1>
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="python_icon.jpg" alt="Profile Image" id="ic5" />
            <h2 style="color:#d14836;">Python Developer</h2>
            <h1 style="color:#d14836;">Experiência: 4 anos</h1>
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="java_icon.png" alt="Profile Image" id="ic5">
            <h2 style="color:#1da1f2;">Java Developer</h2>
            <h1 style="color:#1da1f2;">Experiência: 3 anos</h1>
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="jquery_icon.jpg" title="JQuery" id="ic6" />
            <img src="html_icon.png" alt="HTML Language" id="ic7" />
            <img src="css_icon.png" title="CSS3 Style Language" id="ic8" />
            <img src="javascript_icon.png" title="JavaScript Code Language" id="ic9" />
            <img src="bootstrap_icon.png" title="Bootstrap Technology" id="ic10" />
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="oracle_icon.png" title="Oracle Database" id="ic11" />
            <img src="mysql_icon.png" title="MySQL Database" id="ic12" />
            <img src="firebird_icon.jpg" title="Firebird Database" id="ic13" />
            <img src="xml_icon.png" title="XML Language" id="ic14" />
          </div>
        </a>
        <a href="#">
          <div class="content">
            <img src="mvc_icon.png" title="Model View Controller Programming" id="ic15" />
            <img src="agile_scrum_icon.png" title="Agile and Scrum Knowledge" id="ic16" />
            <img src="git_icon.png" title="Git Knowledge" id="ic17" />
            <img src="oop_icon.jpg" title="Object Oriented Programming" id="ic18" />
          </div>
        </a>
      </nav>
    </div>
    <div id="contact_prof_view">
      <main>
        <section style="background-color:#1da1f2;">
          <div class="content">
            <aside style="float:right; margin-right:2%;height:35px; width: 98%">
              <h2 style="float:right; margin-right:2%;">Histórico Profissional</h2>
            </aside>
          </div>
        </section>
      </main>
      <nav style="height:90%;">
        <a href="#" style="height:92%;">
          <div class="content">
            <h2 style="color:#1da1f2;">DevGrid - Londres, UK</h2>
            <h1 style="color:#1da1f2;">Delphi Developer</h1>
            <span>- Desenvolvimento de novas funcionalidades de sistema CRM para um novo dispositivo de uma empresa de energia em Londres, Reino Unido. O sistema gerencia a operação de aproximadamente 800.000 consumidores de energia.</span>
            <span>- Realizei análises e desenvolvimento de código de alto nível, resolvendo bugs, criando novas telas e soluções. Utilizando o banco de dados da Oracle, implementei views, packages e procedures de grande complexidade.</span>
          </div>
          <div class="content">
            <h2 style="color:#d14836;">Plansul Planejamento e Consultoria</h2>
            <h1 style="color:#d14836;">PHP Web Developer and Delphi Developer</h1>
            <span>- Piloto na conversão de todo o sistema ERP da empresa em Delphi 6 para Delphi 10.2.3</span>
            <span>- Criador de sistema web para a Caixa Econômica Federal atestar presença de funcionários.</span>
            <span>- Administrador do Banco de Dados da empresa.</span>
          </div>
          <div class="content">
            <h2 style="color:#1da1f2;">Brava Apart Hotel</h2>
            <h1 style="color:#1da1f2;">PHP Web Developer - Full Stack</h1>
            <span>- Criador e desenvolvedor de todo o projeto do hotel com tecnologia responsiva..</span>
            <span>- Integração com API de pagamento.</span>
          </div>
          <div class="content" style="margin-top:3%;">
            <h2 style="color:#d14836;">Postmix Soluções Gráficas</h2>
            <h1 style="color:#d14836;"> PHP Web Developer and Delphi Developer</h1>
            <span>- Desenvolvimento, criação e análise de sistemas em Delphi.</span>
            <span>- Responsável por implementar dados variáveis em vários métodos de pagamentos para impostos federais, e cobranças de instituições em geral. </span>
          </div>
          <div class="content" style="margin-top:3%;">
            <h2 style="color:#1da1f2;">Paradigma Business Solutions</h2>
            <h1 style="color:#1da1f2;">Suporte Técnico MySQL and Oracle</h1>
            <span>- Suporte técnico do banco de dados da empresa que gerencia as transações eletrônicas de centenas de órgãos federais.</span>
            <span>- Desenvolvedor de queries complexas e avançadas em SQL para gerar relatórios customizados para transações. </span>
          </div>
        </a>
        <div class="content" style="margin-top:1%;">
          <a href="https://github.com/patmachado/projetoxadrex" target="_blank">
            <img src="git.png" title="My GitHub Repository" id="ic2" />
            <h2 style="color:#d14836;">Meu Repositório GitHub</h2>
            <span style="color:#d14836;"> C# - Projeto Jogo de Xadrex</span>
          </a>
        </div>
      </nav>
      <main>
        <a href="recommends.pdf" target="_blank">
          <section style="background-color:#d14836;margin-top:1%;">
            <div class="content">
              <aside style="float:right; margin-right:2%;height:35px; width:98%">
                <img src="pdf_icon.png" title="Recomendações em PDF" id="ic19" />
                <h2 style="float:right; margin-right:2%;">Recomendação Profissional</h2>
              </aside>
            </div>
          </section>
        </a>
      </main>
    </div>
    <div id="contact_prof_view">
      <main>
        <section style="background-color:#d14836;">
          <div class="content">
            <aside style="float:right; margin-right:2%;height:35px;width: 98%">
              <h2 style="float:right; margin-right:2%;">Histórico Acadêmico</h2>
            </aside>
          </div>
        </section>
      </main>
      <nav>
        <div class="content" style="margin-top:1%;">
          <a href="#">
            <!-- <img src="pdf_icon.png" title="Certificado em PDF" > -->
            <h2 style="color:#d14836;">Universidade FUMEC - MG, 2003-2006 </h2>
            <span style="color:#d14836;">Bacharel Ciência da Computação</span>
          </a>
        </div>
        <div class="content">
          <a href="#" style="decoration:none;">
            <!--  <img src="pdf_icon.png" title="Certificado em PDF" > -->
            <h2 style="color:#1da1f2;">Universidade Unisul - SC, 2022</h2>
            <span style="color:#1da1f2;">Bacharel Ciência da Computação (Bolsa)</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a href="#">
            <!-- <img src="pdf_icon.png" title="Certificado em PDF" > -->
            <h2 style="color:#d14836;">Universidade FUMEC - MG, 2023 </h2>
            <span style="color:#d14836;">Bacharel Engenharia da Computação (Bolsa)</span>
          </a>
        </div>
      </nav>
      <main>
        <section style="background-color:#1da1f2;margin-top:1%;">
          <div class="content">
            <aside style="float:right; margin-right:2%;height:35px;width: 98%">
              <h2 style="float:right; margin-right:2%;">Cursos Profissionais</h2>
            </aside>
          </div>
        </section>
      </main>
      <nav style="height:90%;">
        <div class="content" style="margin-top:1%;">
          <a href="certificado_python_data_processing.pdf" target="_blank">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20" />
            <h2 style="color:#d14836;">Python Processamento de Dados</h2>
            <span style="color:#d14836;">Nanjing University - Curso Online 40 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a href="Oracle_Academy_DBF.pdf" target="_blank">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20" />
            <h2 style="color:#d14836;">Fundamentos de Banco de Dados</h2>
            <span style="color:#d14836;">Oracle Academy - Curso Online 190 horas</span>
          </a>
        </div>
        <div class="content">
          <a href="Oracle_Academy_JavaF.pdf" target="_blank" style="decoration:none;">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20">
            <h2 style="color:#1da1f2;">Fundamentos de Java</h2>
            <span style="color:#1da1f2;">Oracle Academy - Curso Online 190 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a href="patrick_python_final.pdf" target="_blank">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20" />
            <h2 style="color:#d14836;">Python Programming: A Concise Intro</h2>
            <span style="color:#d14836;">Wesleyan University - Curso Online 4 semanas</span>
          </a>
        </div>
        <div class="content">
          <a href="patrick_csharp_asp_dotnet.pdf" target="_blank" style="decoration:none;">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20" />
            <h2 style="color:#1da1f2;">ASP.NET MVC com C# Especialista</h2>
            <span style="color:#1da1f2;">Apex Ensino - Curso Presencial 60 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a href="patrick_csharp_advanced.pdf" target="_blank">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20" />
            <h2 style="color:#d14836;">C#.NET Profissional Avançado</h2>
            <span style="color:#d14836;">Apex Ensino - Curso Presencial 20 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a href="patrick_csharp_basic.pdf" target="_blank">
            <img src="pdf_icon.png" title="Certificado em PDF" id="ic20" />
            <h2 style="color:#1da1f2;">C#.NET Profissional Fundamentos</h2>
            <span style="color:#1da1f2;">Apex Ensino - Curso Presencial 40 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a style="decoration:none;">
            <h2 style="color:#d14836;">PHP5, phpMyAdmin, JQuery, XML </h2>
            <span style="color:#d14836;">Curso Presencial 120 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a style="decoration:none;">
            <h2 style="color:#1da1f2;">MySQL Query Avançado</h2>
            <span style="color:#1da1f2;">Paradigma - Curso Presencial 20 horas</span>
          </a>
        </div>
        <div class="content" style="margin-top:1%;">
          <a style="decoration:none;">
            <h2 style="color:#d14836;">HTML5, CSS3, JavaScript, BootStrap</h2>
            <span style="color:#d14836;">Mega Software</span>
          </a>
        </div>
      </nav>
    </div>
    <!-- partial 
 <script src='jquery.min.js'></script>-->
    <script>
      $('button').click(function() {
        $('button').toggleClass('active');
        $('.title').toggleClass('active');
        $('nav').toggleClass('active');
      });
    </script>
  </body>
</html>