Modern Home Page<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #000;\r\n color: #fff;\r\n overflow: hidden;\r\n }\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n position: relative;\r\n }\r\n\r\n h1 {\r\n font-size: 48px;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n color: #ffd700;\r\n }\r\n\r\n .profession {\r\n font-size: 24px;\r\n margin-bottom: 40px;\r\n text-align: center;\r\n color: #ffd700;\r\n animation: fadeIn 2s;\r\n }\r\n\r\n @keyframes fadeIn {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .buttons {\r\n display: flex;\r\n justify-content: center;\r\n animation: slideIn 2s;\r\n }\r\n\r\n @keyframes slideIn {\r\n 0% {\r\n transform: translateY(50px);\r\n }\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 15px 30px;\r\n margin: 0 10px;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n border-radius: 5px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 50% {\r\n transform: scale(1.1);\r\n }\r\n }\r\n\r\n .matrix-container {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .matrix-character {\r\n position: absolute;\r\n color: #00ff00;\r\n font-size: 16px;\r\n font-weight: bold;\r\n user-select: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"container\">\r\n <h1>Saulo Oliveira<\/h1>\r\n <p class=\"profession\">I'm Professional Web Developer<\/p>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/1drv.ms\/b\/s!AtTtMptJ9iS5orooAg_J48vsEgON7w?e=BROwuG\" download class=\"button\">DOWNLOAD CV<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/saulooliveira21\/\" class=\"button\">HIRE ME<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"matrix-container\"><\/div>\r\n\r\n <script>\r\n \/\/ Matrix-like animation with falling characters (balls)\r\n const matrixContainer = document.querySelector(\".matrix-container\");\r\n const characters = \"01\"; \/\/ You can add more characters if needed\r\n\r\n function createMatrixCharacter() {\r\n const character = document.createElement(\"span\");\r\n character.textContent = characters.charAt(Math.floor(Math.random() * characters.length));\r\n character.style.left = Math.random() * 100 + \"vw\";\r\n character.style.animationDuration = Math.random() * 2 + 3 + \"s\";\r\n character.style.fontSize = Math.random() * 6 + 10 + \"px\";\r\n character.style.opacity = Math.random();\r\n matrixContainer.appendChild(character);\r\n\r\n setTimeout(() => {\r\n character.remove();\r\n }, 5000);\r\n }\r\n\r\n setInterval(createMatrixCharacter, 100);\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c01b65 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c01b65\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9353559\" data-id=\"9353559\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Modern Home Page Saulo Oliveira I’m Professional Web Developer DOWNLOAD CV HIRE ME<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/2"}],"collection":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":14,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Modern Home Page<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #000;\r\n color: #fff;\r\n overflow: hidden;\r\n }\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n position: relative;\r\n }\r\n\r\n h1 {\r\n font-size: 48px;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n color: #ffd700;\r\n }\r\n\r\n .profession {\r\n font-size: 24px;\r\n margin-bottom: 40px;\r\n text-align: center;\r\n color: #ffd700;\r\n animation: fadeIn 2s;\r\n }\r\n\r\n @keyframes fadeIn {\r\n 0% {\r\n opacity: 0;\r\n }\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .buttons {\r\n display: flex;\r\n justify-content: center;\r\n animation: slideIn 2s;\r\n }\r\n\r\n @keyframes slideIn {\r\n 0% {\r\n transform: translateY(50px);\r\n }\r\n 100% {\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .button {\r\n padding: 15px 30px;\r\n margin: 0 10px;\r\n background-color: #007bff;\r\n color: #fff;\r\n border: none;\r\n border-radius: 5px;\r\n font-size: 18px;\r\n cursor: pointer;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 50% {\r\n transform: scale(1.1);\r\n }\r\n }\r\n\r\n .matrix-container {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n }\r\n\r\n .matrix-character {\r\n position: absolute;\r\n color: #00ff00;\r\n font-size: 16px;\r\n font-weight: bold;\r\n user-select: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"container\">\r\n <h1>Saulo Oliveira<\/h1>\r\n <p class=\"profession\">I'm Professional Web Developer<\/p>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/1drv.ms\/b\/s!AtTtMptJ9iS5orooAg_J48vsEgON7w?e=BROwuG\" download class=\"button\">DOWNLOAD CV<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/saulooliveira21\/\" class=\"button\">HIRE ME<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"matrix-container\"><\/div>\r\n\r\n <script>\r\n \/\/ Matrix-like animation with falling characters (balls)\r\n const matrixContainer = document.querySelector(\".matrix-container\");\r\n const characters = \"01\"; \/\/ You can add more characters if needed\r\n\r\n function createMatrixCharacter() {\r\n const character = document.createElement(\"span\");\r\n character.textContent = characters.charAt(Math.floor(Math.random() * characters.length));\r\n character.style.left = Math.random() * 100 + \"vw\";\r\n character.style.animationDuration = Math.random() * 2 + 3 + \"s\";\r\n character.style.fontSize = Math.random() * 6 + 10 + \"px\";\r\n character.style.opacity = Math.random();\r\n matrixContainer.appendChild(character);\r\n\r\n setTimeout(() => {\r\n character.remove();\r\n }, 5000);\r\n }\r\n\r\n setInterval(createMatrixCharacter, 100);\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c01b65 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c01b65\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9353559\" data-id=\"9353559\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Modern Home Page Saulo Oliveira I’m Professional Web Developer DOWNLOAD CV HIRE ME<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/2"}],"collection":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":14,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/portfolio.cybertronicsolutions.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}