301 Moved Permanently, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: eibii.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html><html lang="pt-BR"><head><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ=="> <meta charset="UTF-8"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> <meta name="description" content="Olá! Eu sou Eduardo. Este é o meu site de experiências profissionais é um portfólio impressionante que destaca a minha longa e bem-sucedida trajetória como desenvolvedor web. Com anos de experiência no mercado, sou um profissional altamente habilidoso e experiente que se destaca pela minha paixão pela tecnologia e inovação. Tenho um amor pelo Vuejs é evidente em meus projetos e sou um especialista em utilizá-lo para criar soluções inovadoras para meus clientes. Sou dedicado a aprimorar minhas habilidades constantemente e estou sempre atualizado com as últimas tendências e ferramentas do setor, o que me torna um profissional valioso em qualquer equipe de desenvolvimento. Além disso, tenho um forte encanto pelos frameworks Remix e Astro, que adicionam um toque especial às minhas soluções. Minha experiência em desenvolvimento web e minha paixão pela tecnologia tornam meu site uma fonte valiosa de inspiração e conhecimento para outros desenvolvedores. No geral, meu site de experiências profissionais é uma vitrine incrível de minhas habilidades e experiências em desenvolvimento web, destacando minha paixão pela inovação e o compromisso em me manter atualizado com as mais recentes tendências do setor. Qualquer empresa seria afortunada em contar com seus serviços."> <link rel="canonical" href="https://ercdev.com.br/"> <meta name="author" content="ERC Developer Ltda"> <meta name="robots" content="index, nofollow"> <meta itemprop="name" content="ERC Dev - Portfólio"> <meta itemprop="description" content="Olá! Eu sou Eduardo. Este é o meu site de experiências profissionais é um portfólio impressionante que destaca a minha longa e bem-sucedida trajetória como desenvolvedor web. Com anos de experiência no mercado, sou um profissional altamente habilidoso e experiente que se destaca pela minha paixão pela tecnologia e inovação. Tenho um amor pelo Vuejs é evidente em meus projetos e sou um especialista em utilizá-lo para criar soluções inovadoras para meus clientes. Sou dedicado a aprimorar minhas habilidades constantemente e estou sempre atualizado com as últimas tendências e ferramentas do setor, o que me torna um profissional valioso em qualquer equipe de desenvolvimento. Além disso, tenho um forte encanto pelos frameworks Remix e Astro, que adicionam um toque especial às minhas soluções. Minha experiência em desenvolvimento web e minha paixão pela tecnologia tornam meu site uma fonte valiosa de inspiração e conhecimento para outros desenvolvedores. No geral, meu site de experiências profissionais é uma vitrine incrível de minhas habilidades e experiências em desenvolvimento web, destacando minha paixão pela inovação e o compromisso em me manter atualizado com as mais recentes tendências do setor. Qualquer empresa seria afortunada em contar com seus serviços."> <meta itemprop="image" content="https://firebasestorage.googleapis.com/v0/b/ercdev-storage.appspot.com/o/public%2Fscreenshot-portfolio.png?alt=media&token=2355548c-e9fe-481e-8959-dc59f4a258bd"> <!-- Open Graph Facebook --> <meta property="og:title" content="ERC Dev - Portfólio"> <meta property="og:description" content="Olá! Eu sou Eduardo. Este é o meu site de experiências profissionais é um portfólio impressionante que destaca a minha longa e bem-sucedida trajetória como desenvolvedor web. Com anos de experiência no mercado, sou um profissional altamente habilidoso e experiente que se destaca pela minha paixão pela tecnologia e inovação. Tenho um amor pelo Vuejs é evidente em meus projetos e sou um especialista em utilizá-lo para criar soluções inovadoras para meus clientes. Sou dedicado a aprimorar minhas habilidades constantemente e estou sempre atualizado com as últimas tendências e ferramentas do setor, o que me torna um profissional valioso em qualquer equipe de desenvolvimento. Além disso, tenho um forte encanto pelos frameworks Remix e Astro, que adicionam um toque especial às minhas soluções. Minha experiência em desenvolvimento web e minha paixão pela tecnologia tornam meu site uma fonte valiosa de inspiração e conhecimento para outros desenvolvedores. No geral, meu site de experiências profissionais é uma vitrine incrível de minhas habilidades e experiências em desenvolvimento web, destacando minha paixão pela inovação e o compromisso em me manter atualizado com as mais recentes tendências do setor. Qualquer empresa seria afortunada em contar com seus serviços."> <meta property="og:type" content="website"> <meta property="og:url" content="https://ercdev.com.br/"> <meta property="og:site_name" content="ERC Developer"> <meta property="og:image" content="https://firebasestorage.googleapis.com/v0/b/ercdev-storage.appspot.com/o/public%2Fscreenshot-portfolio.png?alt=media&token=2355548c-e9fe-481e-8959-dc59f4a258bd"> <!-- Twitter --> <meta name="twitter:title" content="ERC Dev"> <meta name="twitter:description" content="Olá! Eu sou Eduardo. Este é o meu site de experiências profissionais é um portfólio impressionante que destaca a minha longa e bem-sucedida trajetória como desenvolvedor web. Com anos de experiência no mercado, sou um profissional altamente habilidoso e experiente que se destaca pela minha paixão pela tecnologia e inovação. Tenho um amor pelo Vuejs é evidente em meus projetos e sou um especialista em utilizá-lo para criar soluções inovadoras para meus clientes. Sou dedicado a aprimorar minhas habilidades constantemente e estou sempre atualizado com as últimas tendências e ferramentas do setor, o que me torna um profissional valioso em qualquer equipe de desenvolvimento. Além disso, tenho um forte encanto pelos frameworks Remix e Astro, que adicionam um toque especial às minhas soluções. Minha experiência em desenvolvimento web e minha paixão pela tecnologia tornam meu site uma fonte valiosa de inspiração e conhecimento para outros desenvolvedores. No geral, meu site de experiências profissionais é uma vitrine incrível de minhas habilidades e experiências em desenvolvimento web, destacando minha paixão pela inovação e o compromisso em me manter atualizado com as mais recentes tendências do setor. Qualquer empresa seria afortunada em contar com seus serviços."> <meta property="twitter:card" content="summary"> <meta property="twitter:url" content="https://ercdev.com.br/"> <meta property="twitter:image" content="https://firebasestorage.googleapis.com/v0/b/ercdev-storage.appspot.com/o/public%2Fscreenshot-portfolio.png?alt=media&token=2355548c-e9fe-481e-8959-dc59f4a258bd"> <title>ERC Dev - Portfólio</title> <!-- Google Tag Manager --> <!-- End Google Tag Manager --> <!-- Google tag (gtag.js) --> <link rel="stylesheet" href="/_astro/404.ad326f31.css"> <link rel="stylesheet" href="/_astro/index.41f50142.css"> <link rel="stylesheet" href="/_astro/index.3323f8b8.css"></head> <body class="relative bg-dark-300 font-Montserrat w-screen h-screen"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QDVW23" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div data-content-box="" class="relative z-10 bg-dark-300 w-screen h-screen overflow-x-hidden overflow-y-auto scroll-smooth scrollbar-thin scrollbar-thumb-rounded-lg scrollbar-track-rounded-lg scrollbar-thumb-accent scrollbar-track-slate-900/30"> <!-- Notify --> <style>astro-island,astro-slot{display:contents}</style><astro-island uid="2mE269" component-url="/_astro/index.300e144d.js" component-export="default" renderer-url="/_astro/client.df5ebd14.js" props="{}" client="only" opts="{"name":"EbNotify","value":"vue"}" data-v-app=""><div class="fixed top-5 right-5 z-40 flex flex-col gap-2"></div></astro-island> <div class="h-[85px] md:hidden"></div> <!-- Menubar --> <div data-menu-bar="" class="custom-animation absolute z-30 top-0 w-full bg-dark-300/90 backdrop-blur-lg shadow-dark-900"> <div class="custom-container relative"> <div class="w-full relative flex py-5 px-2 lg:px-0"> <div v-if="logo" class="flex-none flex justify-center"> <a class="self-center" href="#content-home"> <img class="h-8" src="/svg/logo-erc.svg" alt="logo"> </a> </div> <div class="flex-1 flex justify-end"> <div class="md:hidden flex justify-center"> <div data-show-sidebar="true" class="w-11 h-11 cursor-pointer rounded-full flex justify-center custom-animation relative custom-button uppercase custom-shadow before:rounded-full"> <i class="self-center bi bi-list text-xl"></i> </div> </div> <div data-sidebar="" class="custom-animation hidden opacity-0 fixed left-0 top-0 z-40 w-screen h-screen md:hidden backdrop-blur-lg bg-dark-200/80"> <div data-show-sidebar="close" class="absolute w-full h-full"></div> <div data-sidebar-content="" class="custom-animation absolute -left-80 w-[80%] min-h-screen md:hidden bg-dark-500 flex flex-col gap-5 p-6 divide-y-2 divide-dark-900"> <div class="flex justify-between"> <a data-show-sidebar="logo" href="#content-home"> <img class="h-8" src="/svg/logo-erc.svg" alt="logo"> </a> <div data-show-sidebar="false" class="cursor-pointer w-11 h-11 rounded-full flex justify-center custom-animation relative custom-button uppercase custom-shadow before:rounded-full"> <i class="self-center bi bi-x text-xl"></i> </div> </div> <nav data-nav-sidebar="" class="flex flex-col gap-8 text-sm font-medium uppercase pt-5"> <a class="custom-animation text-slate-300 hover:text-primary self-start" href="#content-home"> <div class="justify-self-auto flex"> <span>Início</span> </div> </a><a class="custom-animation text-slate-300 hover:text-primary self-start" href="#content-features"> <div class="justify-self-auto flex"> <span>Habilidades</span> </div> </a><a class="custom-animation text-slate-300 hover:text-primary self-start" href="#content-portfolio"> <div class="justify-self-auto flex"> <span>Portfólio</span> </div> </a><a class="custom-animation text-slate-300 hover:text-primary self-start" href="#content-resume"> <div class="justify-self-auto flex"> <span>Resumo</span> </div> </a><a class="custom-animation text-slate-300 hover:text-primary self-start" href="#content-clients"> <div class="justify-self-auto flex"> <span>Clientes</span> </div> </a> <a class="custom-animation text-slate-300 hover:text-primary self-start" href="#content-contact"> <div class="justify-self-auto flex"> <span>Contato</span> </div> </a> </nav> <div class="flex flex-col gap-8 pt-5"> <div class="tracking-widest text-base uppercase font-extralight text-slate-300"> Me encontre </div> <div class="flex flex-wrap gap-4 text-xs uppercase font-extralight text-slate-300"> <div class="relative w-11 h-11"> <a id="linkedin" href="https://www.linkedin.com/in/eduardo-rodrigues-da-cunha-b883a867/" target="_blank" aria-label="Perfil do Linkedin" class="custom-animation w-11 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <i class="self-center text-xl bi bi-linkedin"></i> </a> </div><div class="relative w-11 h-11"> <a id="github" href="https://github.com/eibii" target="_blank" aria-label="Perfil do Github" class="custom-animation w-11 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <i class="self-center text-xl bi bi-github"></i> </a> </div><div class="relative w-28 h-11"> <a id="frontendmentor" href="https://www.frontendmentor.io/profile/eibii" target="_blank" aria-label="Perfil do Frontendmentor" class="custom-animation w-28 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <span class="self-center text-center">Frontend Mentor</span> </a> </div><div class="relative w-28 h-11"> <a id="cssbattle" href="https://cssbattle.dev/player/ercdev" target="_blank" aria-label="Perfil do CSS Battle" class="custom-animation w-28 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <span class="self-center text-center">CSS Battle</span> </a> </div> </div> </div> </div> </div> <nav data-navbar="" class="self-center hidden md:flex flex-wrap justify-end gap-5 text-sm font-light uppercase"> <a class="custom-animation hover:text-primary self-center text-white" href="#content-home"> <div class="justify-self-auto flex"> <span>Início</span> </div> </a><a class="custom-animation text-slate-500 hover:text-primary self-center" href="#content-features"> <div class="justify-self-auto flex"> <span>Habilidades</span> </div> </a><a class="custom-animation text-slate-500 hover:text-primary self-center" href="#content-portfolio"> <div class="justify-self-auto flex"> <span>Portfólio</span> </div> </a><a class="custom-animation text-slate-500 hover:text-primary self-center" href="#content-resume"> <div class="justify-self-auto flex"> <span>Resumo</span> </div> </a><a class="custom-animation text-slate-500 hover:text-primary self-center" href="#content-clients"> <div class="justify-self-auto flex"> <span>Clientes</span> </div> </a> <div class="relative w-28 h-full"> <a class="custom-animation absolute -top-3 hover:-top-4 custom-button px-6 py-3 rounded-lg uppercase custom-shadow text-primary" href="#content-contact"> Contato</a> </div> </nav> </div> </div> </div> </div> <main class="custom-container flex flex-col gap-10 divide-y-2 divide-dark-900"> <section id="content-home" class="grid grid-cols-12 gap-y-20 sm:gap-10 min-h-screen"> <!-- Col 1 | Cta, Me encontre e Melhores Habilidades --> <div class="col-span-12 lg:col-span-8 order-2 lg:order-1 flex"> <div class="self-center flex flex-col gap-10 sm:gap-20"> <!-- Cta --> <div class="flex flex-col gap-2"> <div class="tracking-widest text-base uppercase font-extralight text-slate-400"> Bem vindo(a) ao meu mundo </div> <div class="flex flex-wrap gap-2 text-4xl font-Barlow font-extrabold"> <span class="text-white">Olá, Eu sou o</span> <span class="text-primary">Eduardo</span> </div> <div class="flex gap-2 text-3xl font-Barlow font-extrabold text-white"> <astro-island uid="Z2nJ5cu" component-url="/_astro/Words.fdf4a25c.js" component-export="default" renderer-url="/_astro/client.df5ebd14.js" props="{"words":[1,"[[0,\"Web Desenvolvedor\"],[0,\"Especialista\"],[0,\"Front-end\"],[0,\"VueJs\"],[0,\"React\"],[0,\"Angular\"]]"]}" client="only" opts="{"name":"Words","value":"vue"}" data-v-app=""><div class="relative pr-2">Web Desenvolvedor. <div data-word="" class="transition-all ease-in-out duration-300 absolute right-0 top-0 block bg-dark-300 w-0 h-full border-l-2 border-slate-400"></div></div></astro-island> </div> <div class="text-base font-extralight text-slate-400"> Esse mundo foi iniciado há 10 anos, com muita criatividade, boa comunicação e carisma, para interagir com os outros mundos, absorvendo conhecimentos e transmitindo. </div> </div> <!-- Me encontre & Melhores Habilidades --> <div class="flex flex-wrap gap-10 justify-between"> <!-- Me encontre --> <div class="flex flex-col gap-8"> <div class="tracking-widest text-base uppercase font-extralight text-slate-400"> Me encontre </div> <div class="flex flex-wrap gap-4 text-xs uppercase font-extralight text-slate-300"> <div class="relative w-11 h-11"> <a id="linkedin" href="https://www.linkedin.com/in/eduardo-rodrigues-da-cunha-b883a867/" target="_blank" aria-label="Perfil do Linkedin" class="custom-animation w-11 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <i class="self-center text-xl bi bi-linkedin"></i> </a> </div><div class="relative w-11 h-11"> <a id="github" href="https://github.com/eibii" target="_blank" aria-label="Perfil do Github" class="custom-animation w-11 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <i class="self-center text-xl bi bi-github"></i> </a> </div><div class="relative w-28 h-11"> <a id="frontendmentor" href="https://www.frontendmentor.io/profile/eibii" target="_blank" aria-label="Perfil do Frontendmentor" class="custom-animation w-28 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <span class="self-center text-center">Frontend Mentor</span> </a> </div><div class="relative w-28 h-11"> <a id="cssbattle" href="https://cssbattle.dev/player/ercdev" target="_blank" aria-label="Perfil do CSS Battle" class="custom-animation w-28 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <span class="self-center text-center">CSS Battle</span> </a> </div> </div> </div> <!-- Melhores Habilidades --> <div class="flex flex-col gap-8 tracking-widest text-base uppercase font-extralight text-slate-400"> <div>Melhores habilidades</div> <div class="flex flex-wrap gap-4 text-xs uppercase font-extralight text-slate-300"> <div class="relative w-11 h-11"> <a id="" href="javascript:void(0)" target="_self" aria-label="logo Vue" class="custom-animation w-11 cursor-default h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <img class="self-center w-6 h-6" src="/svg/vue.svg" alt="logo Vue"> </a> </div><div class="relative w-11 h-11"> <a id="" href="javascript:void(0)" target="_self" aria-label="logo React" class="custom-animation w-11 cursor-default h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <img class="self-center w-6 h-6" src="/svg/react.svg" alt="logo React"> </a> </div><div class="relative w-11 h-11"> <a id="" href="javascript:void(0)" target="_self" aria-label="logo Angular" class="custom-animation w-11 cursor-default h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <img class="self-center w-6 h-6" src="/svg/angular.svg" alt="logo Angular"> </a> </div><div class="relative w-11 h-11"> <a id="" href="javascript:void(0)" target="_self" aria-label="logo Atro" class="custom-animation w-11 cursor-default h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <img class="self-center w-6 h-6" src="/svg/astro.svg" alt="logo Atro"> </a> </div><div class="relative w-11 h-11"> <a id="" href="javascript:void(0)" target="_self" aria-label="logo Tailwindcss" class="custom-animation w-11 cursor-default h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <img class="self-center w-6 h-6" src="/svg/tailwindcss.svg" alt="logo Tailwindcss"> </a> </div> </div> </div> </div> </div> </div> <!-- Col 2 | Imagem --> <div class="col-span-12 lg:col-span-4 order-1 lg:order-2 flex sm:pt-6 lg:pt-0"> <div class="self-end relative after:content-[''] after:absolute after:bottom-0 after:block after:w-full after:h-[80%] after:bg-dark-900 after:rounded-b-xl after:shadow-xl after:shadow-white/10 after:rotate-180"> <div class="w-full h-full relative z-10"> <img src="/img/edu.png" alt="Foto de Eduardo"> </div> </div> </div> </section> <!-- ? Habilidades --> <section id="content-features" class="pt-10"> <div class="flex flex-col gap-4"><div class="text-base uppercase font-extralight text-primary">Habilidades</div><div class="text-6xl font-Barlow font-extrabold text-slate-400">O que eu faço de melhor</div></div> <div class="grid grid-cols-12 gap-y-10 md:gap-10 pt-10"> <div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-10 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4"><i class="text-primary text-5xl bi bi-layers-fill"></i><div class="font-Barlow font-medium text-slate-400 text-xl">Front-end</div><div class="text-base font-extralight text-slate-400">Tenho experiência com React, Angular, sou especialista em VueJs e TailwindCSS. Atuo na versão 3 e também trabalho com o NuxtJs 3, independente do framework tenho bastante experiência na componentização de uma aplicação web.</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-10 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4"><i class="text-primary text-5xl bi bi-columns"></i><div class="font-Barlow font-medium text-slate-400 text-xl">Landing pages</div><div class="text-base font-extralight text-slate-400">Gosto de trabalhar com o desenvolvimento de landing pages, venho utilizando muito o Astro com VueJs 3, essa tecnologia tem uma entrega muito boa de performance, carregamento super rápido.</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-10 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4"><i class="text-primary text-5xl bi bi-sunglasses"></i><div class="font-Barlow font-medium text-slate-400 text-xl">Reestilização de sistemas</div><div class="text-base font-extralight text-slate-400">Trabalho com a migração de aplicação legada para uma nova interface e desacoplado do back-end*(VueJs|React) ou de forma unificada utilizando o Remix.</div></div> </div> </div> </div> </section> <!-- ? Portfólio --> <section id="content-portfolio" class="pt-10"> <div class="flex flex-col gap-4"><div class="text-base uppercase font-extralight text-primary text-center">Visite meu portfólio e deixe seu feedback</div><div class="text-6xl font-Barlow font-extrabold text-slate-400 text-center">Meu Portfólio</div></div> <div class="grid grid-cols-12 gap-y-10 md:gap-10 pt-10"> <div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://firebasestorage.googleapis.com/v0/b/ercdev-storage.appspot.com/o/public%2Fscreenshot-psw.png?alt=media&token=5ff79cd9-e1c3-4abd-a910-88ac88021c53');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Landing page</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/astro.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://incredible-macaron-379fb2.netlify.app"><span>PSW Digital</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><!----></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/test-vuejs-senior/raw/main/screenshot.png');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Desafio</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/nuxt.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://lambent-stardust-6aefb5.netlify.app"><span>Desafio - Compay Z</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/test-vuejs-senior"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/mks-frontend-challenge/raw/master/screenshot.png');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Desafio</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/react.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/next.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://lucent-cranachan-e98f3a.netlify.app"><span>Desafio - MKS Sistemas</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/mks-frontend-challenge"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/multi-step-form-main/raw/master/screenshot.png');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Frontend Mentor</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/angular.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://www.frontendmentor.io/solutions/multistep-form-using-angular-and-tailwind-1bURdIgnzU"><span>Frontend Mentor - Multi-step form</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/multi-step-form-main/"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/nft-preview-card-component-main/raw/master/screenshot.jpg');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Frontend Mentor</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/astro.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://www.frontendmentor.io/solutions/landing-page-using-astrojs-vuejs-and-tailwind-Zwoyf-5clW"><span>NFT preview card component</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/nft-preview-card-component-main"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/qr-code-component-main/raw/master/screenshot.jpg');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Frontend Mentor</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/astro.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://www.frontendmentor.io/solutions/qr-code-component-LywcbH6hy8"><span>Frontend Mentor - QR code component solution</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/qr-code-component-main"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/spotify-tailwind/raw/master/screenshot.png');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Curso</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/nuxt.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://mellifluous-blancmange-593d82.netlify.app"><span>Landing page do Spotify com Tailwindcss</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/spotify-tailwind"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://github.com/eibii/facebook-tailwind/raw/master/screenshot.png');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Curso</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/nuxt.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://fastidious-manatee-28411d.netlify.app"><span>Landing page do Facebook com Tailwindcss</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><a class="self-center text-slate-400 hover:text-primary" target="_blank" href="https://github.com/eibii/facebook-tailwind"><i class="bi bi-github text-2xl"></i></a></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('https://firebasestorage.googleapis.com/v0/b/ercdev-storage.appspot.com/o/public%2Fscreenshot.jpg?alt=media&token=98b89425-f007-4fb2-81e5-e6ac2c79ce33');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Landing page</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/astro.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/remix.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://ercdev.netlify.app"><span>ERC Dev</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><!----></div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-6"><div class="w-full h-44 bg-cover bg-center bg-no-repeat rounded-lg" style="background-image:url('/img/screenshot-1.png');" aria-label="imagem"></div><div class="flex justify-between"><div class="self-end text-sm font-extralight text-primary">Landing page</div><div class="flex gap-2"><!--[--><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/vue.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/astro.svg" alt="icon"></div><div class="self-center w-5 h-5 flex justify-center"><img class="self-center w-full h-full" src="/svg/tailwindcss.svg" alt="icon"></div><!--]--></div></div><div class="flex justify-between"><a class="self-center relative font-Barlow font-medium text-slate-400 hover:text-primary text-xl group" target="_blank" href="https://aulashow-erc.web.app"><span>Prof. Eder Bento</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-xl"></i></a><!----></div></div> </div> </div> </div> </section> <!-- ? Resumo --> <section id="content-resume" class="pt-10"> <div class="flex flex-col gap-4"><div class="text-base uppercase font-extralight text-primary text-center">+10 anos de experiência</div><div class="text-6xl font-Barlow font-extrabold text-slate-400 text-center">Meu Resumo</div></div> <div class="mt-10"> <astro-island uid="7Tl33" component-url="/_astro/index.17f18560.js" component-export="default" renderer-url="/_astro/client.df5ebd14.js" props="{"tabs":[1,"[[0,\"Experiência\"],[0,\"Educação\"],[0,\"Profissional Skills\"]]"]}" client="only" opts="{"name":"EbTabs","value":"vue"}" await-children="" data-v-app=""><div class="flex flex-col gap-10"><div class="bg-gradient-to-tl from-dark-500 to-dark-900 rounded-xl custom-shadow-card flex flex-wrap md:flex-nowrap justify-between"><div class="w-full h-full relative py-8 cursor-pointer custom-animation rounded-lg flex justify-center bg-gradient-to-tl hover:from-dark-900 hover:to-dark-500 custom-shadow font-Barlow font-medium hover:text-primary from-dark-900 to-dark-500 text-primary"><span class="self-center">Experiência</span></div><div class="w-full h-full relative py-8 cursor-pointer custom-animation rounded-lg flex justify-center bg-gradient-to-tl hover:from-dark-900 hover:to-dark-500 custom-shadow font-Barlow font-medium hover:text-primary from-dark-200 to-dark-900 text-slate-300"><span class="self-center">Educação</span></div><div class="w-full h-full relative py-8 cursor-pointer custom-animation rounded-lg flex justify-center bg-gradient-to-tl hover:from-dark-900 hover:to-dark-500 custom-shadow font-Barlow font-medium hover:text-primary from-dark-200 to-dark-900 text-slate-300"><span class="self-center">Profissional Skills</span></div></div><div class="custom-transition-left"><astro-slot name="tab-0"><div class="grid grid-cols-12 gap-y-10 md:gap-10"> <div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4 text-slate-400"><div><span class="text-xs px-2 py-1 border border-primary text-primary">2023</span></div><div class="flex gap-2"><div class="flex-1 flex flex-col"><div class="font-Barlow font-medium text-xl">Front-end Javascript</div><div class="text-sm font-extralight">Editora Globo</div></div><div class="flex-1 flex justify-end"><div class="w-full h-6 bg-contain bg-center bg-no-repeat" style="background-image:url('/jobs/ed-globo.png');" aria-label="logo"></div></div></div><div class="text-base font-extralight">Migração de scripts da plataforma Tealium para o Google Tag Manager, de toda a estrutura da editora.</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4 text-slate-400"><div><span class="text-xs px-2 py-1 border border-slate-400">2021 - 2023</span></div><div class="flex gap-2"><div class="flex-1 flex flex-col"><div class="font-Barlow font-medium text-xl">Front-end VueJs</div><div class="text-sm font-extralight">LG Lugar de gente</div></div><div class="flex-1 flex justify-end"><div class="w-full h-6 bg-contain bg-center bg-no-repeat" style="background-image:url('/jobs/lg.png');" aria-label="logo"></div></div></div><div class="text-base font-extralight">Front-end, Vue.js, APIs, PrimeVue e TypeScript.</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4 text-slate-400"><div><span class="text-xs px-2 py-1 border border-slate-400">2021</span></div><div class="flex gap-2"><div class="flex-1 flex flex-col"><div class="font-Barlow font-medium text-xl">Analista e Desenvolvedor</div><div class="text-sm font-extralight">Sintech</div></div><div class="flex-1 flex justify-end"><div class="w-full h-6 bg-contain bg-center bg-no-repeat" style="background-image:url('/jobs/sintech.png');" aria-label="logo"></div></div></div><div class="text-base font-extralight">Analisar e desenvolver sistemas web com Firebase, Javascript, Typescript e NodeJS</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4 text-slate-400"><div><span class="text-xs px-2 py-1 border border-slate-400">2017 - 2021</span></div><div class="flex gap-2"><div class="flex-1 flex flex-col"><div class="font-Barlow font-medium text-xl">Web UI Developer, Front-end e Designer</div><div class="text-sm font-extralight">COOPNES</div></div><div class="flex-1 flex justify-end"><div class="w-full h-6 bg-contain bg-center bg-no-repeat" style="background-image:url('/jobs/coopnes.png');" aria-label="logo"></div></div></div><div class="text-base font-extralight">Prestador de serviço através da cooperativa</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4 text-slate-400"><div><span class="text-xs px-2 py-1 border border-slate-400">2016 - 2017</span></div><div class="flex gap-2"><div class="flex-1 flex flex-col"><div class="font-Barlow font-medium text-xl">Web Developer</div><div class="text-sm font-extralight">COGTIVE OPEX Softwares</div></div><div class="flex-1 flex justify-end"><div class="w-full h-6 bg-contain bg-center bg-no-repeat" style="background-image:url('/jobs/cogtive.png');" aria-label="logo"></div></div></div><div class="text-base font-extralight">Front-end de uma aplicação web com React e NodeJS</div></div> </div> </div><div class="col-span-12 md:col-span-6 lg:col-span-4 bg-gradient-to-tl from-dark-500 to-dark-900 p-6 rounded-xl custom-shadow-card"> <div class="relative"> <div class="flex flex-col gap-4 text-slate-400"><div><span class="text-xs px-2 py-1 border border-slate-400">2013 - 2015</span></div><div class="flex gap-2"><div class="flex-1 flex flex-col"><div class="font-Barlow font-medium text-xl">Analista de sistema</div><div class="text-sm font-extralight">Provisão Tecnologia</div></div><div class="flex-1 flex justify-end"><div class="w-full h-6 bg-contain bg-center bg-no-repeat" style="background-image:url('/jobs/provisao.png');" aria-label="logo"></div></div></div><div class="text-base font-extralight">Analista e desenvolvedor de um ERP com PHP e MySql</div></div> </div> </div> </div></astro-slot></div><!----><!----></div></astro-island> </div> </section> <!-- ? Cliente --> <section id="content-clients" class="pt-10"> <div class="flex flex-col gap-4"><div class="text-base uppercase font-extralight text-primary">Últimas atuações</div><div class="text-6xl font-Barlow font-extrabold text-slate-400">Por onde deixei meu legado</div></div> <div class="grid grid-cols-12 gap-y-10 md:gap-10 pt-10"> <div class=" col-span-12 md:col-span-6 lg:col-span-3"> <div class="w-full bg-gradient-to-tl from-dark-500 to-dark-900 hover:from-dark-900 hover:to-dark-500 rounded-xl custom-shadow-card"> <a class="flex flex-col font-light text-slate-400 text-base cursor-pointer group" href="https://impulso.team"><div class="p-10"><div class="w-full h-9 bg-contain bg-center bg-no-repeat grayscale group-hover:grayscale-0" style="background-image:url('./clientes/impulso.svg');" aria-label="logo"></div></div><div class="h-[1px] bg-black/50"></div><div class="p-4"><div class="relative group-hover:text-primary text-base flex justify-center gap-2"><div class="flex-none"><span>Impulso</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-sm"></i></div></div></div></a> </div> </div><div class=" col-span-12 md:col-span-6 lg:col-span-3"> <div class="w-full bg-gradient-to-tl from-dark-500 to-dark-900 hover:from-dark-900 hover:to-dark-500 rounded-xl custom-shadow-card"> <a class="flex flex-col font-light text-slate-400 text-base"><div class="p-10"><div class="w-full h-9 bg-contain bg-center bg-no-repeat grayscale group-hover:grayscale-0" style="background-image:url('./clientes/ed-globo.png');" aria-label="logo"></div></div><div class="h-[1px] bg-black/50"></div><div class="p-4"><div class="text-center">Editora Globo</div></div></a> </div> </div><div class=" col-span-12 md:col-span-6 lg:col-span-3"> <div class="w-full bg-gradient-to-tl from-dark-500 to-dark-900 hover:from-dark-900 hover:to-dark-500 rounded-xl custom-shadow-card"> <a class="flex flex-col font-light text-slate-400 text-base cursor-pointer group" href="https://lg.com.br"><div class="p-10"><div class="w-full h-9 bg-contain bg-center bg-no-repeat grayscale group-hover:grayscale-0" style="background-image:url('./clientes/lg.png');" aria-label="logo"></div></div><div class="h-[1px] bg-black/50"></div><div class="p-4"><div class="relative group-hover:text-primary text-base flex justify-center gap-2"><div class="flex-none"><span>LG Lugar de Gente</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-sm"></i></div></div></div></a> </div> </div><div class=" col-span-12 md:col-span-6 lg:col-span-3"> <div class="w-full bg-gradient-to-tl from-dark-500 to-dark-900 hover:from-dark-900 hover:to-dark-500 rounded-xl custom-shadow-card"> <a class="flex flex-col font-light text-slate-400 text-base cursor-pointer group" href="https://profaulashow.com.br"><div class="p-10"><div class="w-full h-9 bg-contain bg-center bg-no-repeat grayscale group-hover:grayscale-0" style="background-image:url('./clientes/aula-show.png');" aria-label="logo"></div></div><div class="h-[1px] bg-black/50"></div><div class="p-4"><div class="relative group-hover:text-primary text-base flex justify-center gap-2"><div class="flex-none"><span>Aula Show</span><i class="ml-2 absolute -bottom-4 text-[0px] bi bi-arrow-up-right custom-animation opacity-0 group-hover:opacity-100 group-hover:bottom-0 group-hover:text-sm"></i></div></div></div></a> </div> </div> </div> </section> <!-- ? Contato --> <section id="content-contact" class="pt-10"> <div class="flex flex-col gap-4"><div class="text-base uppercase font-extralight text-primary text-center">Contato</div><div class="text-6xl font-Barlow font-extrabold text-slate-400 text-center">Entre em contato comigo</div></div> <div class="mt-10"> <astro-island uid="2nIbCK" component-url="/_astro/Contact.7554773b.js" component-export="default" renderer-url="/_astro/client.df5ebd14.js" props="{}" client="only" opts="{"name":"FormContact","value":"vue"}" data-v-app=""><form><div class="grid grid-cols-2 gap-x-4"><div class="col-span-2 md:col-span-1"><label class="field"><span>Nome</span><input class="" autocomplete="off" type="text"><div class="mt-2 min-h-[20px] flex flex-col gap-y-2 text-sm text-red-700"><!----><!----></div></label></div><div class="col-span-2 md:col-span-1"><label class="field"><span>E-mail</span><input class="" autocomplete="off" type="text"><div class="mt-2 min-h-[20px] flex flex-col gap-y-2 text-sm text-red-700"><!----><!----><!----></div></label></div></div><label class="field"><span>Mensagem</span><textarea class="overflow-auto scrollbar-thin scrollbar-thumb-rounded-lg scrollbar-track-rounded-lg scrollbar-thumb-slate-700 scrollbar-track-slate-500/10" autocomplete="off" rows="8"></textarea><div class="text-xs text-right mt-2">2000 caracteres</div><div class="mt-2 min-h-[20px] flex flex-col gap-y-2 text-sm text-red-700"><!----><!----></div></label><div class="flex justify-center md:justify-end gap-4 pt-4"><div class="relative w-28"><button class="custom-animation absolute bottom-0 hover:bottom-1 custom-button px-6 py-3 rounded-lg custom-shadow" type="button"> Limpar </button></div><div class="relative w-32"><button id="submit" class="custom-animation button-action custom-shadow flex justify-center absolute bottom-0 hover:bottom-1"><div class="flex gap-2"><span class="self-center">Enviar</span><i class="self-center bi bi-send"></i></div></button></div></div></form></astro-island> </div> </section> <!-- ! Divisor para o Footer --> <div></div> </main> <!-- Footer --> <div class="custom-container relative"> <footer class="text-slate-400 text-xs mt-32"> <div class="flex gap-4"> <!-- Logo --> <div class="flex-none flex"> <a class="self-center" href="#content-home"> <img class="h-6" src="/svg/logo-erc.svg" alt="logo"> </a> </div> <!-- Menu --> <div class="flex-1 flex"> <nav class="self-center flex flex-wrap justify-start md:space-x-7"> <span class="relative mb-4 mr-4 md:mb-0 md:mr-0 group"> <a class="custom-animation group-hover:text-primary" href="#content-home"> Início </a> <div class="custom-animation absolute bg-primary w-0 h-[1px] group-hover:w-full"></div> </span><span class="relative mb-4 mr-4 md:mb-0 md:mr-0 group"> <a class="custom-animation group-hover:text-primary" href="#content-features"> Habilidades </a> <div class="custom-animation absolute bg-primary w-0 h-[1px] group-hover:w-full"></div> </span><span class="relative mb-4 mr-4 md:mb-0 md:mr-0 group"> <a class="custom-animation group-hover:text-primary" href="#content-portfolio"> Portfólio </a> <div class="custom-animation absolute bg-primary w-0 h-[1px] group-hover:w-full"></div> </span><span class="relative mb-4 mr-4 md:mb-0 md:mr-0 group"> <a class="custom-animation group-hover:text-primary" href="#content-resume"> Resumo </a> <div class="custom-animation absolute bg-primary w-0 h-[1px] group-hover:w-full"></div> </span><span class="relative mb-4 mr-4 md:mb-0 md:mr-0 group"> <a class="custom-animation group-hover:text-primary" href="#content-clients"> Clientes </a> <div class="custom-animation absolute bg-primary w-0 h-[1px] group-hover:w-full"></div> </span> <span class="relative mb-4 mr-4 md:mb-0 md:mr-0 group"> <a class="custom-animation group-hover:text-primary" href="/privacy-policy"> Política de privacidade </a> <div class="custom-animation absolute bg-primary w-0 h-[1px] group-hover:w-full"> </div> </span> </nav> </div> <!-- Redes --> <div class="flex-1 flex justify-end"> <!-- Me encontre --> <div class="self-center"> <div class="flex flex-wrap gap-4 text-xs uppercase font-extralight text-slate-300"> <div class="relative w-11 h-11"> <a id="linkedin" href="https://www.linkedin.com/in/eduardo-rodrigues-da-cunha-b883a867/" target="_blank" aria-label="Perfil do Linkedin" class="custom-animation w-11 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <i class="self-center text-xl bi bi-linkedin"></i> </a> </div><div class="relative w-11 h-11"> <a id="github" href="https://github.com/eibii" target="_blank" aria-label="Perfil do Github" class="custom-animation w-11 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <i class="self-center text-xl bi bi-github"></i> </a> </div><div class="relative w-28 h-11"> <a id="frontendmentor" href="https://www.frontendmentor.io/profile/eibii" target="_blank" aria-label="Perfil do Frontendmentor" class="custom-animation w-28 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <span class="self-center text-center">Frontend Mentor</span> </a> </div><div class="relative w-28 h-11"> <a id="cssbattle" href="https://cssbattle.dev/player/ercdev" target="_blank" aria-label="Perfil do CSS Battle" class="custom-animation w-28 absolute bottom-0 hover:bottom-1 hover:from-dark-900 hover:to-dark-500 h-11 rounded-lg flex justify-center bg-gradient-to-tl from-dark-200 to-dark-900 custom-shadow"> <span class="self-center text-center">CSS Battle</span> </a> </div> </div> </div> </div> </div> <div class="text-center pt-10"> © 2025. Todos direitos reservados a ERC Dev </div> </footer> </div> <div class="h-10"></div> <astro-island uid="2gvg7" component-url="/_astro/CookieTerms.2f005422.js" component-export="default" renderer-url="/_astro/client.df5ebd14.js" props="{}" client="only" opts="{"name":"CookieTerms","value":"vue"}" data-v-app=""><div class="fixed z-30 left-0 right-0 bottom-2 flex justify-center duration-300 ease-out opacity-100"><div class="w-full lg:max-w-6xl p-4"><div class="bg-dark-900 text-white rounded-lg text-xs p-4 flex gap-4"><div class="flex-1 self-center"><span> Este site usa cookies para garantir a melhor experiência do usuário e para analisar o tráfego do site. Ao continuar navegando neste site, você concorda com o uso de cookies de acordo com nossa </span><span><a class="text-primary hover:text-primary/90" href="/privacy-policy">Política de Privacidade</a></span><span>.</span><span> Se você preferir não permitir o uso de cookies, você pode desativá-los no seu navegador. </span></div><div class="flex-none self-center relative"><button class="custom-animation button-action custom-shadow flex gap-2" type="button"><span class="self-center">Aceito</span><i class="bi bi-check-circle self-center text-lg"></i></button></div></div></div></div></astro-island> <astro-island uid="7DUiS" component-url="/_astro/ScrollToTop.710e4204.js" component-export="default" renderer-url="/_astro/client.df5ebd14.js" props="{}" client="only" opts="{"name":"ScrollToTop","value":"vue"}" data-v-app=""><!----></astro-island> </div> <div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-qlniv4i3w0yt" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le5PIAkAAAAAN0J2rJe27RkYT9dsL1r3E8l84Wx&co=aHR0cHM6Ly9laWJpaS5jb206NDQz&hl=en&v=jt8Oh2-Ue1u7nEbJQUIdocyd&size=invisible&cb=i1a64te125ei"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div></body></html>