Help
RSS
API
Feed
Maltego
Contact
Domain > fabiodearaujo.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-03-09
3.162.3.37
(
ClassC
)
2025-03-09
3.162.3.63
(
ClassC
)
2026-02-28
3.169.173.6
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: CloudFrontDate: Sat, 28 Feb 2026 00:22:08 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveLocation: https://fabiodearaujo.com/X-Cache: Redirect from cloudfrontVia: 1.1 8af7e76489ae9222af2304e63d2c0520.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P4X-Amz-Cf-Id: s-g2tIxFIOSvrH0dEKxIOrZGNCv5r4W9TILZoeKFPttxa7TFXsy7zw html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>CloudFront/center>/body>/html>
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 51530Connection: keep-aliveDate: Sat, 28 Feb 2026 00:22:09 GMTLast-Modified: Fri, 12 Dec 2025 11:15:43 GMTETag: 104bd8687217a0e7c80a174373d49676Server: AmazonS3X-Cache: Miss from cloudfrontVia: 1.1 474071c4c0fe7769ce8d0b73ccd104b0.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P4X-Amz-Cf-Id: yOkcQosXvrRZwLTVU5NWgvTbB89Hbx6y98lEXzUSbChyy7dQSSi40Q !DOCTYPE html>html langen>head>meta charSetutf-8 data-next-head/>meta nameviewport contentwidthdevice-width data-next-head/>title data-next-head>Fabio | Software Engineer/title>meta namedescription contentFabio | Software Engineer data-next-head/>link relicon href/assets/favicon.ico data-next-head/>link relpreload href/assets/pexels-goumbik-574071.jpg asimage data-next-head/>link relicon href/assets/favicon.ico/>link relpreload href/_next/static/css/a327a903ae739a0c.css asstyle/>link relstylesheet href/_next/static/css/a327a903ae739a0c.css data-n-g/>noscript data-n-css>/noscript>script defer nomodule src/_next/static/chunks/polyfills-42372ed130431b0a.js>/script>script src/_next/static/chunks/webpack-b4405ac1b2b64b0f.js defer>/script>script src/_next/static/chunks/framework-37f3832b4337c515.js defer>/script>script src/_next/static/chunks/main-b77dd33f1dfd91bd.js defer>/script>script src/_next/static/chunks/pages/_app-d345c8c569a91a83.js defer>/script>script src/_next/static/chunks/44f25b85-366d9af22be27190.js defer>/script>script src/_next/static/chunks/d63eeaec-440e54ec3d213fc2.js defer>/script>script src/_next/static/chunks/83444b60-a74726a63a6cc969.js defer>/script>script src/_next/static/chunks/82-6be825fe20744ba8.js defer>/script>script src/_next/static/chunks/pages/index-b4e455d491cc3222.js defer>/script>script src/_next/static/kuu34XsflS3cOdTCbtutm/_buildManifest.js defer>/script>script src/_next/static/kuu34XsflS3cOdTCbtutm/_ssgManifest.js defer>/script>/head>body>div id__next>div>div classfixed bg-gray-900 w-full h-20 z-100 easy-in-out>div classcontainer mx-auto px-10 sm:px-24 lg:px-32 xl:px-44 2xl:pl-52 flex h-full justify-between overflow-hidden items-center>img alt/ loadinglazy width64 height64 decodingasync data-nimg1 classhover:animate-spin ease-in-out stylecolor:transparent src/assets/bar_logo.png/>div>ul classhidden md:flex font-extrabold>a href/#home>li classml-10 text-sm uppercase hover:border-b>Home/li>/a>a href/#skills>li classml-10 text-sm uppercase hover:border-b>Skills/li>/a>a href/#projects>li classml-10 text-sm uppercase hover:border-b>Projects/li>/a>a href/#contact>li classml-10 text-sm uppercase hover:border-b>Contact/li>/a>a href/>li classhidden ml-10 text-sm uppercase hover:border-b>Posts/li>/a>/ul>div classmd:hidden rounded-full shadow-lg shadow-gray-800 p-3 cursor-pointer>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 1024 1024 height25 width25 xmlnshttp://www.w3.org/2000/svg>path dM904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z>/path>/svg>/div>/div>/div>div class>div classfixed left--100% top-0 h-screen bg-gray-900 p10 easy-in-out duration-500>div>div classpx-10 2xl:px-20 py-2 flex w-full items-center justify-between border-b border-gray-500 shadow-xl h-20>img alt/ loadinglazy width64 height64 decodingasync data-nimg1 classhover:animate-spin ease-in-out stylecolor:transparent src/assets/bar_logo.png/>div classrounded-full shadow-lg shadow-gray-700 p-3 cursor-pointer>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 1024 1024 height20 width20 xmlnshttp://www.w3.org/2000/svg>path dM563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z>/path>/svg>/div>/div>div classpy-10 px-10 flex flex-col>ul classuppercase font-extrabold>a href/#home>li classpy-4 text-sm hover:scale-105 ease-in duration-200>Home/li>/a>a href/#skills>li classpy-4 text-sm hover:scale-105 ease-in duration-200>Skills/li>/a>a href/#projects>li classpy-4 text-sm hover:scale-105 ease-in duration-200>Projects/li>/a>a href/#contact>li classpy-4 text-sm hover:scale-105 ease-in duration-200>Contact/li>/a>a href/>li classhidden py-4 text-sm hover:scale-105 ease-in duration-200>Posts/li>/a>/ul>div classpt-40>p classtracking-widest>Let's connect/p>div classpy-10 flex items-center justify-evenly>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 448 512 classmr-5 hover:scale-110 ease-in duration-300 hover:cursor-pointer height25 width25 xmlnshttp://www.w3.org/2000/svg>path dM416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z>/path>/svg>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 classmr-5 hover:scale-110 ease-in duration-300 hover:cursor-pointer height25 width25 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>/div>/div>/div>/div>/div>/div>/div>div idhome classmin-h-screen flex items-center justify-center pt-32 pb-20 stylebackground-image:linear-gradient(to bottom, rgb(17 24 39) 0%, rgb(55 65 81) 50%, rgb(17 24 39) 100%)>div classcontainer mx-auto px-4>div classrelative backdrop-blur-sm bg-white/10 rounded-3xl shadow-2xl p-8 sm:p-12>div classflex flex-col lg:flex-row items-center justify-between gap-12 styleopacity:0;transform:translateY(20px)>div classflex-1 space-y-6 styleopacity:0;transform:translateX(-20px)>h1 classtext-4xl sm:text-5xl lg:text-6xl font-bold text-white>span classblock>Fabio De Araujo/span>span classblock mt-2 text-yellow-400 text-3xl sm:text-4xl lg:text-5xl>Full-Stack Software Engineer/span>/h1>p classtext-gray-300 text-lg sm:text-xl leading-relaxed max-w-2xl>Results-driven Software Engineer with hands-on experience building and modernizing full-stack applications. Skilled in cloud-based development, performance optimization, and delivering secure, scalable software solutions across regulated industries. Proven collaborator in agile teams, known for translating business needs into technical success./p>div classflex gap-4>a href#projects classpx-6 py-3 bg-yellow-500 hover:bg-yellow-400 text-gray-900 font-semibold rounded-lg transition-colors duration-200 tabindex0>View Projects/a>a href#contact classpx-6 py-3 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 font-semibold rounded-lg transition-colors duration-200 tabindex0>Contact Me/a>/div>/div>div classrelative styleopacity:0;transform:translateX(20px)>div classrelative w-72 h-72 sm:w-96 sm:h-96>img altFabio De Araujo decodingasync data-nimgfill classrounded-full object-cover shadow-xl ring-4 ring-yellow-500/50 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/assets/pexels-goumbik-574071.jpg/>/div>div classabsolute inset-0 rounded-full bg-gradient-to-tr from-yellow-500/20 to-transparent>/div>/div>/div>/div>/div>/div>section idskills classmin-h-screen py-20 stylebackground-image:linear-gradient(to bottom, rgb(17 24 39) 0%, rgb(55 65 81) 50%, rgb(17 24 39) 100%)>div classcontainer mx-auto px-4>div classrelative backdrop-blur-sm bg-white/10 rounded-3xl shadow-2xl p-8 sm:p-12>div class styleopacity:0;transform:translateY(20px)>h2 classtext-4xl sm:text-5xl font-bold text-white text-center mb-12>Technologies I've span classtext-yellow-400>Worked With/span>/h2>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8>div classbg-white/5 backdrop-blur-sm rounded-2xl p-6 border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 styleopacity:0;transform:translateY(30px)>h3 classtext-xl font-semibold text-yellow-400 mb-4 border-b border-yellow-400/30 pb-2>Front End/h3>ul classspace-y-2>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>HTML5/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>CSS3/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Bootstrap/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Materialize/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Tailwind/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Carbon/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>JavaScript/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>jQuery/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Jinja/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>React/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>AngularJS/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Next.js/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>JSX/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>TypeScript/span>/li>/ul>/div>div classbg-white/5 backdrop-blur-sm rounded-2xl p-6 border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 styleopacity:0;transform:translateY(30px)>h3 classtext-xl font-semibold text-yellow-400 mb-4 border-b border-yellow-400/30 pb-2>Back End/h3>ul classspace-y-2>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Java/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Kotlin/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Spring Boot/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Python/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Django/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Flask/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>FastAPI/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Node JS/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>TypeScript/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Express.js/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Dart/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Swagger/span>/li>/ul>/div>div classbg-white/5 backdrop-blur-sm rounded-2xl p-6 border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 styleopacity:0;transform:translateY(30px)>h3 classtext-xl font-semibold text-yellow-400 mb-4 border-b border-yellow-400/30 pb-2>Data/h3>ul classspace-y-2>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>SQL/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>KQL/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Mongo DB/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>MySQL/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>GraphQL/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>SQLAlchemy/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Hibernate/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Pandas/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Numpy/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>RDS/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Azure Data Factory/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Snowflake/span>/li>/ul>/div>div classbg-white/5 backdrop-blur-sm rounded-2xl p-6 border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 styleopacity:0;transform:translateY(30px)>h3 classtext-xl font-semibold text-yellow-400 mb-4 border-b border-yellow-400/30 pb-2>DevOps CI/CD and Cloud/h3>ul classspace-y-2>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>GitHub Actions/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Jenkins/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Terraform/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Azure/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>AWS/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Docker/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Kubernetes/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Helm/span>/li>/ul>/div>div classbg-white/5 backdrop-blur-sm rounded-2xl p-6 border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 styleopacity:0;transform:translateY(30px)>h3 classtext-xl font-semibold text-yellow-400 mb-4 border-b border-yellow-400/30 pb-2>Agile PM Tools/h3>ul classspace-y-2>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Jira/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Confluence/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Rally/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>GitHub Projects/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>GitHub Wiki/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Trello/span>/li>/ul>/div>div classbg-white/5 backdrop-blur-sm rounded-2xl p-6 border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 styleopacity:0;transform:translateY(30px)>h3 classtext-xl font-semibold text-yellow-400 mb-4 border-b border-yellow-400/30 pb-2>UX/UI/h3>ul classspace-y-2>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Figma/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Balsamiq/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Adobe XD/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Adobe Photoshop/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Adobe Illustrator/span>/li>li classflex items-center text-gray-300 hover:text-white transition-colors duration-200>div classw-2 h-2 bg-yellow-400 rounded-full mr-3 flex-shrink-0>/div>span classtext-sm sm:text-base>Affinity Designer/span>/li>/ul>/div>/div>/div>/div>/div>/section>section idprojects classmin-h-screen py-20 stylebackground-image:linear-gradient(to bottom, rgb(17 24 39) 0%, rgb(55 65 81) 50%, rgb(17 24 39) 100%)>div classcontainer mx-auto px-4>div classrelative backdrop-blur-sm bg-white/10 rounded-3xl shadow-2xl p-8 sm:p-12>div styleopacity:0;transform:translateY(20px)>h2 classtext-4xl sm:text-5xl font-bold text-white text-center mb-12>My span classtext-yellow-400>Projects/span>/h2>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8>div classbg-white/5 backdrop-blur-sm rounded-2xl border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 overflow-hidden styleopacity:0;transform:translateY(30px)>div classrelative h-48 sm:h-56 overflow-hidden>img altStudio Victoria loadinglazy decodingasync data-nimgfill classobject-cover w-full h-full transition-transform duration-300 hover:scale-105 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/_next/static/media/project1.7f418447.png/>/div>div classp-6 space-y-4>h3 classtext-xl font-semibold text-yellow-400 border-b border-yellow-400/30 pb-2>Studio Victoria/h3>p classtext-gray-300 text-sm leading-relaxed>A simple website for Studio Victoria, a fictional music and film production company./p>div classspace-y-2>h4 classtext-sm font-medium text-white>Technologies:/h4>p classtext-xs text-gray-400>HTML, CSS, JavaScript/p>/div>div classflex gap-4 pt-4>a hrefhttps://github.com/fabiodearaujo/studiovictoria_mp1 target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 bg-yellow-500 hover:bg-yellow-400 text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>Code/a>a hrefhttps://fabiodearaujo.github.io/studiovictoria_mp1/ target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h5v-2H4V7h16v12h-5v2h5c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z>/path>path dM13 21v-5h3l-4-5-4 5h3v5z>/path>/svg>Live/a>/div>/div>/div>hr classm-20 visible sm:hidden/>div classbg-white/5 backdrop-blur-sm rounded-2xl border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 overflow-hidden styleopacity:0;transform:translateY(30px)>div classrelative h-48 sm:h-56 overflow-hidden>img altInternational Space Station loadinglazy decodingasync data-nimgfill classobject-cover w-full h-full transition-transform duration-300 hover:scale-105 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/_next/static/media/project2.0b2ffcfc.png/>/div>div classp-6 space-y-4>h3 classtext-xl font-semibold text-yellow-400 border-b border-yellow-400/30 pb-2>International Space Station/h3>p classtext-gray-300 text-sm leading-relaxed>An Interactive website about the ISS./p>div classspace-y-2>h4 classtext-sm font-medium text-white>Technologies:/h4>p classtext-xs text-gray-400>HTML, CSS, JavaScript, Leaflet, OpenStreetMap, NASA API, Open Weather API, Youtube API/p>/div>div classflex gap-4 pt-4>a hrefhttps://github.com/fabiodearaujo/spacestation_mp2 target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 bg-yellow-500 hover:bg-yellow-400 text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>Code/a>a hrefhttps://fabiodearaujo.github.io/spacestation_mp2/ target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h5v-2H4V7h16v12h-5v2h5c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z>/path>path dM13 21v-5h3l-4-5-4 5h3v5z>/path>/svg>Live/a>/div>/div>/div>hr classm-20 visible sm:hidden/>div classbg-white/5 backdrop-blur-sm rounded-2xl border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 overflow-hidden styleopacity:0;transform:translateY(30px)>div classrelative h-48 sm:h-56 overflow-hidden>img altSimple Bug Tracker loadinglazy decodingasync data-nimgfill classobject-cover w-full h-full transition-transform duration-300 hover:scale-105 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/_next/static/media/project3.2600a5a8.png/>/div>div classp-6 space-y-4>h3 classtext-xl font-semibold text-yellow-400 border-b border-yellow-400/30 pb-2>Simple Bug Tracker/h3>p classtext-gray-300 text-sm leading-relaxed>Fullstack application for a simple project management and track bugs./p>div classspace-y-2>h4 classtext-sm font-medium text-white>Technologies:/h4>p classtext-xs text-gray-400>HTML, CSS, JavaScript, Python, Flask, MongoDB, OpenWeather API/p>/div>div classflex gap-4 pt-4>a hrefhttps://github.com/fabiodearaujo/bug_tracker_mp3 target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 bg-yellow-500 hover:bg-yellow-400 text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>Code/a>a hrefhttps://sbugtracker.onrender.com/ target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h5v-2H4V7h16v12h-5v2h5c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z>/path>path dM13 21v-5h3l-4-5-4 5h3v5z>/path>/svg>Live/a>/div>/div>/div>hr classm-20 visible sm:hidden/>div classbg-white/5 backdrop-blur-sm rounded-2xl border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 overflow-hidden styleopacity:0;transform:translateY(30px)>div classrelative h-48 sm:h-56 overflow-hidden>img altSophie Photography loadinglazy decodingasync data-nimgfill classobject-cover w-full h-full transition-transform duration-300 hover:scale-105 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/_next/static/media/project4.52f30d3d.png/>/div>div classp-6 space-y-4>h3 classtext-xl font-semibold text-yellow-400 border-b border-yellow-400/30 pb-2>Sophie Photography/h3>p classtext-gray-300 text-sm leading-relaxed>Fullstack e-Commerce application for a fictional Photo Studio./p>div classspace-y-2>h4 classtext-sm font-medium text-white>Technologies:/h4>p classtext-xs text-gray-400>HTML, CSS, JavaScript, Python, Django, PosgreSQL, Stripe, AWS S3/p>/div>div classflex gap-4 pt-4>a hrefhttps://github.com/fabiodearaujo/sophie-photography-mp4 target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 bg-yellow-500 hover:bg-yellow-400 text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>Code/a>a hrefhttps://sophiephotosample.onrender.com/ target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h5v-2H4V7h16v12h-5v2h5c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z>/path>path dM13 21v-5h3l-4-5-4 5h3v5z>/path>/svg>Live/a>/div>/div>/div>hr classm-20 visible sm:hidden/>div classbg-white/5 backdrop-blur-sm rounded-2xl border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 overflow-hidden styleopacity:0;transform:translateY(30px)>div classrelative h-48 sm:h-56 overflow-hidden>img altPersonal Finance API loadinglazy decodingasync data-nimgfill classobject-cover w-full h-full transition-transform duration-300 hover:scale-105 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/_next/static/media/project5.84ce2496.png/>/div>div classp-6 space-y-4>h3 classtext-xl font-semibold text-yellow-400 border-b border-yellow-400/30 pb-2>Personal Finance API/h3>p classtext-gray-300 text-sm leading-relaxed>RESTful API for a personal finance application that allows CRUD operations through HTTP requests or using the Swagger Interface./p>div classspace-y-2>h4 classtext-sm font-medium text-white>Technologies:/h4>p classtext-xs text-gray-400>Python, FastAPI, PostgreSQL, SQLAlchemy, JWT, Github Actions, TDD/p>/div>div classflex gap-4 pt-4>a hrefhttps://github.com/fabiodearaujo/PersonalFinanceApi target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 bg-yellow-500 hover:bg-yellow-400 text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>Code/a>a hrefhttps://personalfin.onrender.com/docs target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h5v-2H4V7h16v12h-5v2h5c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z>/path>path dM13 21v-5h3l-4-5-4 5h3v5z>/path>/svg>Live/a>/div>/div>/div>hr classm-20 visible sm:hidden/>div classbg-white/5 backdrop-blur-sm rounded-2xl border-2 border-yellow-500/50 hover:bg-white/10 hover:border-yellow-400/70 transition-all duration-300 overflow-hidden styleopacity:0;transform:translateY(30px)>div classrelative h-48 sm:h-56 overflow-hidden>img altPortfolio loadinglazy decodingasync data-nimgfill classobject-cover w-full h-full transition-transform duration-300 hover:scale-105 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/_next/static/media/project6.ba6766b4.png/>/div>div classp-6 space-y-4>h3 classtext-xl font-semibold text-yellow-400 border-b border-yellow-400/30 pb-2>Portfolio/h3>p classtext-gray-300 text-sm leading-relaxed>Personal Portfolio Website./p>div classspace-y-2>h4 classtext-sm font-medium text-white>Technologies:/h4>p classtext-xs text-gray-400>React JS, Next.js, TailwindCSS, GitHub Actions, AWS/p>/div>div classflex gap-4 pt-4>a hrefhttps://github.com/fabiodearaujo/portfolio target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 bg-yellow-500 hover:bg-yellow-400 text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>Code/a>a href/ target_blank relnoopener noreferrer classflex items-center gap-2 px-4 py-2 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 text-sm font-semibold rounded-lg transition-colors duration-200 tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height16 width16 xmlnshttp://www.w3.org/2000/svg>path dM20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h5v-2H4V7h16v12h-5v2h5c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z>/path>path dM13 21v-5h3l-4-5-4 5h3v5z>/path>/svg>Live/a>/div>/div>/div>/div>/div>/div>/div>/section>section idcontact classpt-20 pb-32 stylebackground-image:linear-gradient(to bottom, rgb(17 24 39) 0%, rgb(55 65 81) 50%, rgb(17 24 39) 100%)>div classcontainer mx-auto px-4>div classrelative backdrop-blur-sm bg-white/10 rounded-3xl shadow-2xl p-8 sm:p-12>div class styleopacity:0;transform:translateY(20px)>h2 classtext-4xl sm:text-5xl font-bold text-white text-center mb-12>Let's span classtext-yellow-400>Connect/span>/h2>div classflex flex-col items-center space-y-8>div classtext-gray-300 text-lg sm:text-xl text-center leading-relaxed max-w-3xl styleopacity:0;transform:translateY(20px)>Ready to bring your next project to life? I'm always excited to discuss new opportunities, collaborate on innovative solutions, and connect with fellow developers and industry professionals./div>div classflex gap-8 justify-center styleopacity:0;transform:translateY(20px)>a hrefhttps://www.linkedin.com/in/fabioaraujo76 classflex items-center gap-3 px-8 py-4 bg-yellow-500 hover:bg-yellow-400 text-gray-900 font-semibold rounded-lg transition-colors duration-200 shadow-lg target_blank relnoopener noreferrer tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 448 512 height24 width24 xmlnshttp://www.w3.org/2000/svg>path dM416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z>/path>/svg>LinkedIn/a>a hrefhttps://github.com/fabiodearaujo classflex items-center gap-3 px-8 py-4 border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 font-semibold rounded-lg transition-colors duration-200 shadow-lg target_blank relnoopener noreferrer tabindex0>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 496 512 height24 width24 xmlnshttp://www.w3.org/2000/svg>path dM165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z>/path>/svg>GitHub/a>/div>div classtext-center space-y-2 styleopacity:0;transform:translateY(20px)>p classtext-gray-400 text-sm>Thank you for exploring my portfolio/p>p classtext-yellow-400 font-medium>Let's build something amazing together!/p>/div>/div>/div>/div>div classflex justify-end pt-8 pr-4>div classbg-yellow-500 hover:bg-yellow-400 py-3 px-3 shadow-lg rounded-full transition-colors duration-300 cursor-pointer tabindex0 styleopacity:0;transform:scale(0.8)>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 448 512 classtext-gray-900 height20 width20 xmlnshttp://www.w3.org/2000/svg>path dM34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z>/path>/svg>/div>/div>/div>/section>footer>div classbg-gray-900 text-gray-300 text-center text-sm relative w-full border-t border-yellow-500/20>p classpy-6>Fabio De Araujo svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 512 512 classinline-block mx-1 height1em width1em xmlnshttp://www.w3.org/2000/svg>path dM256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm117.134 346.753c-1.592 1.867-39.776 45.731-109.851 45.731-84.692 0-144.484-63.26-144.484-145.567 0-81.303 62.004-143.401 143.762-143.401 66.957 0 101.965 37.315 103.422 38.904a12 12 0 0 1 1.238 14.623l-22.38 34.655c-4.049 6.267-12.774 7.351-18.234 2.295-.233-.214-26.529-23.88-61.88-23.88-46.116 0-73.916 33.575-73.916 76.082 0 39.602 25.514 79.692 74.277 79.692 38.697 0 65.28-28.338 65.544-28.625 5.132-5.565 14.059-5.033 18.508 1.053l24.547 33.572a12.001 12.001 0 0 1-.553 14.866z>/path>/svg> 2025/p>/div>/footer>/div>/div>script id__NEXT_DATA__ typeapplication/json>{props:{pageProps:{}},page:/,query:{},buildId:kuu34XsflS3cOdTCbtutm,nextExport:true,autoExport:true,isFallback:false,scriptLoader:}/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]