{"id":85,"date":"2025-06-09T15:12:40","date_gmt":"2025-06-09T14:12:40","guid":{"rendered":"https:\/\/sa.ib6.pt\/?page_id=85"},"modified":"2025-06-13T11:53:42","modified_gmt":"2025-06-13T10:53:42","slug":"home","status":"publish","type":"page","link":"https:\/\/sa.ib6.pt\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"85\" class=\"elementor elementor-85\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c6220ea e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c6220ea\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6db0bb3 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6db0bb3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"240\" height=\"300\" src=\"https:\/\/sa.ib6.pt\/wp-content\/uploads\/2025\/06\/Design-sem-nome-23-240x300.png\" class=\"attachment-medium size-medium wp-image-386\" alt=\"\" srcset=\"https:\/\/sa.ib6.pt\/wp-content\/uploads\/2025\/06\/Design-sem-nome-23-240x300.png 240w, https:\/\/sa.ib6.pt\/wp-content\/uploads\/2025\/06\/Design-sem-nome-23-819x1024.png 819w, https:\/\/sa.ib6.pt\/wp-content\/uploads\/2025\/06\/Design-sem-nome-23-768x960.png 768w, https:\/\/sa.ib6.pt\/wp-content\/uploads\/2025\/06\/Design-sem-nome-23.png 1080w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc1f1e elementor-widget elementor-widget-html\" data-id=\"3dc1f1e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hero-container\">\r\n  <div class=\"hero-content\">\r\n    <p class=\"hero-greeting\">Ol\u00e1, eu sou<\/p>\r\n    <h1 class=\"hero-name\">Paulo<\/h1>\r\n    <h2 class=\"hero-lastname\">S\u00e1<\/h2>\r\n    <p class=\"hero-description\">\r\n      Programador & Designer, Estudante da Escola Secundaria de Cam\u00f5es\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap');\r\n  \r\n  :root {\r\n    --dark: #0e0e0e;\r\n    --light: #ffffff;\r\n    --medium-gray: #7a7a7a;\r\n  }\r\n  \r\n  .hero-container {\r\n    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    color: var(--light);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 60px 40px;\r\n    position: relative;\r\n  }\r\n  \r\n  .hero-content {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  \r\n  .hero-greeting {\r\n    font-size: 18px;\r\n    font-weight: 300;\r\n    letter-spacing: 1px;\r\n    margin: 0 0 10px 0;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    animation: fadeInUp 1s ease-out forwards;\r\n    color: var(--medium-gray);\r\n  }\r\n  \r\n  .hero-name {\r\n    font-size: 72px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    margin: 0 0 5px 0;\r\n    line-height: 1;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: fadeInUp 0.8s ease-out forwards 0.3s;\r\n  }\r\n  \r\n  .hero-lastname {\r\n    font-size: 36px;\r\n    font-weight: 400;\r\n    letter-spacing: 2px;\r\n    margin: 0 0 40px 0;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: fadeInUp 0.8s ease-out forwards 0.5s;\r\n    color: var(--light);\r\n  }\r\n  \r\n  .hero-description {\r\n    font-size: 18px;\r\n    font-weight: 300;\r\n    line-height: 1.6;\r\n    max-width: 400px;\r\n    margin: 0;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    animation: fadeInUp 1s ease-out forwards 0.7s;\r\n    color: var(--medium-gray);\r\n    position: relative;\r\n  }\r\n  \r\n  .hero-description::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -15px;\r\n    left: 0;\r\n    width: 60px;\r\n    height: 1px;\r\n    background: var(--light);\r\n    opacity: 0;\r\n    animation: fadeIn 1s ease-out forwards 1s;\r\n  }\r\n  \r\n  \/* Anima\u00e7\u00f5es suaves de entrada *\/\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n  \r\n  @keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n  }\r\n  \r\n  \/* Responsivo *\/\r\n  @media (max-width: 768px) {\r\n    .hero-container {\r\n      padding: 40px 20px;\r\n      text-align: center;\r\n    }\r\n    \r\n    .hero-name {\r\n      font-size: 48px;\r\n    }\r\n    \r\n    .hero-lastname {\r\n      font-size: 28px;\r\n      margin-bottom: 30px;\r\n    }\r\n    \r\n    .hero-description {\r\n      max-width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n    \r\n    .hero-description::after {\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5d9ba0 elementor-widget elementor-widget-html\" data-id=\"b5d9ba0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"buttons-container\">\r\n  <a href=\"https:\/\/sa.ib6.pt\/?page_id=374\" class=\"btn btn-outline\">\r\n    <span class=\"btn-text\">Sobre<\/span>\r\n    <span class=\"btn-hover\"><\/span>\r\n  <\/a>\r\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1ph6SDu3nVPwQeLNxyGAUZf-qA3NsyQhq\/view?usp=sharing\" target=\"_blank\" class=\"btn btn-solid\">\r\n    <span class=\"btn-text\">Download CV<\/span>\r\n    <span class=\"btn-hover\"><\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n  .buttons-container {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-top: 30px;\r\n  }\r\n  \r\n  .btn {\r\n    position: relative;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 12px 25px;\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    overflow: hidden;\r\n    border: none;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .btn-outline {\r\n    color: white;\r\n    background: transparent;\r\n    border: 1px solid white;\r\n  }\r\n  \r\n  .btn-solid {\r\n    color: black;\r\n    background: white;\r\n    border: 1px solid white;\r\n  }\r\n  \r\n  .btn-hover {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    top: 0;\r\n    left: 0;\r\n    transform: translateY(101%);\r\n    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    z-index: 0;\r\n  }\r\n  \r\n  .btn-text {\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  \r\n  .btn-outline:hover {\r\n    color: white;\r\n    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1);\r\n  }\r\n  \r\n  .btn-solid:hover {\r\n    color: black;\r\n    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n  }\r\n  \r\n  .btn:hover .btn-hover {\r\n    transform: translateY(0);\r\n  }\r\n  \r\n  .btn:hover .btn-text {\r\n    transform: translateY(-2px);\r\n  }\r\n  \r\n  \/* Efeito de brilho ao passar o mouse *\/\r\n  .btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: linear-gradient(\r\n      to bottom right,\r\n      rgba(255, 255, 255, 0),\r\n      rgba(255, 255, 255, 0.1),\r\n      rgba(255, 255, 255, 0)\r\n    );\r\n    transform: rotate(30deg);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n  }\r\n  \r\n  .btn:hover::after {\r\n    opacity: 1;\r\n    animation: shine 1.5s ease infinite;\r\n  }\r\n  \r\n  @keyframes shine {\r\n    from { transform: rotate(30deg) translateX(-100%); }\r\n    to { transform: rotate(30deg) translateX(100%); }\r\n  }\r\n  \r\n  \/* Responsivo *\/\r\n  @media (max-width: 768px) {\r\n    .buttons-container {\r\n      flex-direction: column;\r\n      gap: 15px;\r\n    }\r\n    \r\n    .btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1, eu sou Paulo S\u00e1 Programador &#038; Designer, Estudante da Escola Secundaria de Cam\u00f5es Sobre Download CV<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=85"}],"version-history":[{"count":106,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":452,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages\/85\/revisions\/452"}],"wp:attachment":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}