<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mdsmax.dev</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/mobile.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
    <link rel="shortcut icon" type="image/jpg" href="assets/icon.png"/>
</head>
<body>
  <nav class="navbar">
    <div class="logo">mdsmax.dev</div>
    <ul class="nav-links">
        <li><a href="">Início</a></li>
        <li><a href="#about">Sobre</a></li>
        <li><a href="#projects">Projetos</a></li>
        <li><a href="#social">Social</a></li>
    </ul>
    <div class="menu-toggle" id="mobile-menu">
        <span></span>
        <span></span>
        <span></span>
    </div>
  </nav>

  <header class="apresentacao">
    <div class="container">
      <div class="starterText">full-stack developer</div>
      <div class="title">Guilherme</div>
      <div class="desc">Iniciei minha trajetória na programação aos 9 anos: minha jornada começou com a linguagem Batch, com a qual criei scripts para o sistema Windows. Posteriormente, esse aprendizado evoluiu para o domínio de HTML e CSS, que, por sua vez, me levaram a explorar JavaScript. Atualmente, uso Python como principal linguagem para desenvolver Bots no Discord.</div>
      <div class="buttons">
        <a class="a-btn" href="#projects"><i class="fa-solid fa-arrow-up-right-from-square"></i> Projetos</a>
        <a class="a-btn" href="https://github.com/mdsmax"><i class="fa-brands fa-github"></i> Github</a>
      </div>
      <div class="arrow"><i class="fa-solid fa-chevron-down"></i></div>
    </div>
  </header>

  <header class="sobremim" id="about">
      <div class="centered">
        <div class="title">Especialidades</div>
        <br>
        <div class="containers">
          <div class="container">
            <div class="icon"><i class="fa-solid fa-terminal"></i></div>
            <div class="details">
              <div class="title">Backend Developer</div>
              <div class="desc">Especialista em desenvolvimento back-end, focado em criar sistemas robustos, escaláveis e eficientes. Com expertise em lógica de negócios e integração de APIs, trago soluções que garantem alta performance.</div>
            </div>
          </div>
          <div class="container">
            <div class="icon"><i class="fa-solid fa-globe"></i></div>
            <div class="details">
              <div class="title">Web Developer</div>
              <div class="desc">Desenvolvedor front-end apaixonado por criar interfaces intuitivas e atraentes. Combinando design responsivo e experiência do usuário, entrego sites e aplicações com visual moderno e interativo.</div>
            </div>
          </div>
          <div class="containerlinguagens">
            <div class="linguagens">
              <div class="python">
                <i class="devicon-python-plain colored" style="color: #4584b6;"></i>
              </div>
              <div class="html">
                <i class="devicon-html5-plain colored"></i>
              </div>
              <div class="css">
                <i class="devicon-css3-plain colored"></i>
              </div>
              <div class="js">
                <i class="devicon-javascript-plain colored"></i>
              </div>
              <div class="ts">
                <i class="devicon-typescript-plain colored"></i>
              </div>
              <div class="next">
                <i class="devicon-nextjs-plain"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <hr>
  <header class="projetos" id="projects">
    <div class="title">Projetos</div>
    <div class="containers">
      <div class="container containerborderhover">
        <div class="details">
          <div class="icon"><i class="fa-solid fa-building-columns"></i></div>
          <div class="title">Exemplos de SDK de bancos</div>
          <div class="desc">Exemplos utilizando a SDK de bancos brasileiros que disponibilizam sua API para criação de pagamentos PIX</div>
          <a class="a-btn" href="https://github.com/mdsmax/Example-of-Bank-SDKS"><i class="fa-brands fa-github"></i> Acessar</a>
        </div>
      </div>
      <div class="container containerborderhover">
        <div class="details">
          <div class="icon"><i class="fa-solid fa-screwdriver-wrench"></i></div>
          <div class="title">Tools for Discord (selfbots)</div>
          <div class="desc">Tools para Discord usando requests com Python para automatizar processos manuais cansativos</div>
          <a class="a-btn" href="https://github.com/mdsmax/Discord-Tools"><i class="fa-brands fa-github"></i> Acessar</a>
        </div>
      </div>
      <div class="container containerborderhover">
        <div class="details">
          <div class="icon"><i class="fa-solid fa-person-circle-plus"></i></div>
          <div class="title">Bot de Vendas de Seguidores</div>
          <div class="desc">Impulsione suas vendas com o Bot de vendas/entregas automáticas no Discord de seguidores</div>
          <a class="a-btn" href="https://github.com/mdsmax/Bot-Vendas-Seguidores"><i class="fa-brands fa-github"></i> Acessar</a>
        </div>
      </div>
    </div>
    <div class="container-down-projects containerborderhover">
      <div class="icon"><i class="fa-solid fa-globe"></i></div>
      <div class="details">
        <div class="title">Saiba mais</div>
        <div class="desc">Acesse o Github e fique por dentro de atualizações sobre novos projetos que irão ser lançados</div>
      </div>
      <a class="a-btn" href="https://github.com/mdsmax"><i class="fa-solid fa-up-right-from-square"></i> Confira</a>
    </div>
  </header>

  <header class="social" id="social">
    <div class="socialcontainer">
      <div class="socialmedias">
        <a href="" class="socialmediaurl"><i class="fa-brands fa-discord"></i></a>
        <a href="" class="socialmediaurl"><i class="fa-brands fa-instagram"></i></a>
        <a href="" class="socialmediaurl"><i class="fa-brands fa-github"></i></a>
      </div>
    </div>
  </header>

  <footer>
    <div class="footertext">© Desenvolvido por <b>Guilherme</b> | 2025 Todos os direitos reservados</div>
  </footer>

  <script>
      const menuToggle = document.getElementById('mobile-menu');
      const navLinks = document.querySelector('.nav-links');

      menuToggle.addEventListener('click', () => {
          navLinks.classList.toggle('active');
      });

      document.addEventListener('contextmenu', (event) => {
        event.preventDefault();
    });
  </script>

    <script src="https://kit.fontawesome.com/92bef1279f.js" crossorigin="anonymous"></script>
    <script src="js/index.js"></script>
</body>
</html>