{"id":2,"date":"2026-09-03T13:17:17","date_gmt":"2026-09-03T13:17:17","guid":{"rendered":"https:\/\/bordtinastudio.pt\/?page_id=2"},"modified":"2026-09-03T14:18:00","modified_gmt":"2026-09-03T14:18:00","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/bordtinastudio.pt\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-PT\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>BordTina Studio | Graphic Design<\/title>\n\n    <meta name=\"description\"\n        content=\"BordTina Studio \u2014 Design gr\u00e1fico, cartazes, convites e identidade visual para eventos.\">\n\n    <style>\n\n        \/* =========================\n           CONFIGURA\u00c7\u00c3O\n        ========================= *\/\n\n        :root {\n            --preto: #171717;\n            --cinza: #6d6d6d;\n            --fundo: #f7f5f1;\n            --bege: #ebe6dd;\n            --linha: #d8d2c8;\n            --castanho: #8c7b68;\n            --branco: #ffffff;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            background: var(--fundo);\n            color: var(--preto);\n            font-family: Arial, Helvetica, sans-serif;\n        }\n\n        a {\n            color: inherit;\n            text-decoration: none;\n        }\n\n        img {\n            max-width: 100%;\n            display: block;\n        }\n\n\n        \/* =========================\n           MENU\n        ========================= *\/\n\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            z-index: 1000;\n\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n\n            padding: 20px 6vw;\n\n            background: rgba(247, 245, 241, 0.90);\n            backdrop-filter: blur(15px);\n\n            border-bottom: 1px solid rgba(216, 210, 200, 0.7);\n        }\n\n        .logo-text {\n            font-size: 13px;\n            font-weight: bold;\n            letter-spacing: 4px;\n        }\n\n        nav ul {\n            list-style: none;\n\n            display: flex;\n            gap: 30px;\n        }\n\n        nav a {\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n\n            transition: 0.3s;\n        }\n\n        nav a:hover {\n            opacity: 0.45;\n        }\n\n\n        \/* =========================\n           HERO\n        ========================= *\/\n\n        .hero {\n            min-height: 100vh;\n\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n\n            align-items: center;\n\n            gap: 8vw;\n\n            padding: 140px 8vw 80px;\n        }\n\n        .hero-small {\n            font-size: 10px;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            color: var(--cinza);\n\n            margin-bottom: 30px;\n        }\n\n        .hero h1 {\n            font-family: Georgia, \"Times New Roman\", serif;\n\n            font-size: clamp(65px, 9vw, 135px);\n\n            font-weight: normal;\n\n            line-height: 0.83;\n\n            letter-spacing: -6px;\n\n            margin-bottom: 40px;\n        }\n\n        .hero h1 em {\n            font-style: italic;\n        }\n\n        .hero-description {\n            max-width: 520px;\n\n            color: #555;\n\n            font-size: 17px;\n\n            line-height: 1.8;\n\n            margin-bottom: 35px;\n        }\n\n        .button {\n            display: inline-block;\n\n            border: 1px solid var(--preto);\n\n            padding: 16px 25px;\n\n            font-size: 10px;\n\n            letter-spacing: 2px;\n\n            text-transform: uppercase;\n\n            transition: 0.3s;\n        }\n\n        .button:hover {\n            background: var(--preto);\n            color: var(--branco);\n        }\n\n        .hero-logo {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .hero-logo img {\n            width: min(420px, 75%);\n\n            mix-blend-mode: multiply;\n        }\n\n\n        \/* =========================\n           SERVI\u00c7OS\n        ========================= *\/\n\n        .services {\n            background: #1b1b1b;\n\n            color: var(--branco);\n\n            padding: 120px 8vw;\n        }\n\n        .section-top {\n            display: flex;\n\n            justify-content: space-between;\n\n            align-items: flex-end;\n\n            gap: 30px;\n\n            margin-bottom: 60px;\n        }\n\n        .section-number {\n            font-size: 10px;\n\n            letter-spacing: 4px;\n\n            text-transform: uppercase;\n\n            color: #999;\n        }\n\n        .section-title {\n            font-family: Georgia, \"Times New Roman\", serif;\n\n            font-size: clamp(45px, 6vw, 80px);\n\n            font-weight: normal;\n\n            line-height: 0.95;\n\n            margin-top: 10px;\n        }\n\n        .service-grid {\n            display: grid;\n\n            grid-template-columns: repeat(4, 1fr);\n\n            border-top: 1px solid #444;\n        }\n\n        .service {\n            padding: 35px 25px 30px 0;\n\n            min-height: 250px;\n\n            border-right: 1px solid #444;\n        }\n\n        .service:not(:first-child) {\n            padding-left: 25px;\n        }\n\n        .service:last-child {\n            border-right: none;\n        }\n\n        .service-number {\n            font-family: Georgia, serif;\n\n            font-size: 20px;\n\n            color: #999;\n        }\n\n        .service h3 {\n            font-family: Georgia, serif;\n\n            font-size: 28px;\n\n            font-weight: normal;\n\n            margin-top: 55px;\n\n            margin-bottom: 15px;\n        }\n\n        .service p {\n            color: #999;\n\n            font-size: 14px;\n\n            line-height: 1.7;\n        }\n\n\n        \/* =========================\n           PORTF\u00d3LIO\n        ========================= *\/\n\n        .portfolio {\n            background: var(--bege);\n\n            padding: 120px 8vw;\n        }\n\n        .portfolio-grid {\n            display: grid;\n\n            grid-template-columns: 1.3fr 0.7fr;\n\n            gap: 25px;\n        }\n\n        .portfolio-card {\n            background: var(--branco);\n\n            overflow: hidden;\n        }\n\n        .portfolio-card img {\n            width: 100%;\n\n            transition: transform 0.5s;\n        }\n\n        .portfolio-card:hover img {\n            transform: scale(1.03);\n        }\n\n        .portfolio-info {\n            padding: 22px;\n        }\n\n        .portfolio-category {\n            font-size: 10px;\n\n            text-transform: uppercase;\n\n            letter-spacing: 3px;\n\n            color: var(--cinza);\n        }\n\n        .portfolio-info h3 {\n            font-family: Georgia, serif;\n\n            font-size: 28px;\n\n            font-weight: normal;\n\n            margin-top: 8px;\n        }\n\n        .logo-card {\n            background: #777;\n\n            display: flex;\n\n            align-items: center;\n\n            justify-content: center;\n        }\n\n        .logo-card img {\n            width: 75%;\n        }\n\n\n        \/* =========================\n           SOBRE\n        ========================= *\/\n\n        .about {\n            display: grid;\n\n            grid-template-columns: 0.8fr 1.2fr;\n\n            gap: 10vw;\n\n            padding: 120px 8vw;\n        }\n\n        .about-big {\n            font-family: Georgia, serif;\n\n            font-size: clamp(30px, 4vw, 55px);\n\n            line-height: 1.15;\n\n            margin-bottom: 35px;\n        }\n\n        .about-big em {\n            color: var(--castanho);\n\n            font-style: italic;\n        }\n\n        .about-text {\n            max-width: 600px;\n\n            color: #555;\n\n            font-size: 16px;\n\n            line-height: 1.9;\n        }\n\n\n        \/* =========================\n           CONTACTO\n        ========================= *\/\n\n        .contact {\n            background: #ddd7ce;\n\n            text-align: center;\n\n            padding: 130px 8vw;\n        }\n\n        .contact-title {\n            font-family: Georgia, serif;\n\n            font-size: clamp(55px, 8vw, 110px);\n\n            font-weight: normal;\n\n            line-height: 0.9;\n\n            margin: 20px 0 30px;\n        }\n\n        .contact-title em {\n            font-style: italic;\n        }\n\n        .contact p {\n            max-width: 600px;\n\n            margin: 0 auto 35px;\n\n            color: #555;\n\n            line-height: 1.8;\n        }\n\n\n        \/* =========================\n           FOOTER\n        ========================= *\/\n\n        footer {\n            padding: 25px 8vw;\n\n            display: flex;\n\n            justify-content: space-between;\n\n            color: #777;\n\n            font-size: 10px;\n\n            letter-spacing: 2px;\n\n            text-transform: uppercase;\n        }\n\n\n        \/* =========================\n           MOBILE\n        ========================= *\/\n\n        @media (max-width: 800px) {\n\n            header {\n                padding: 18px 5vw;\n            }\n\n            nav {\n                display: none;\n            }\n\n            .hero {\n                grid-template-columns: 1fr;\n\n                text-align: center;\n\n                padding: 130px 6vw 70px;\n\n                gap: 60px;\n            }\n\n            .hero-description {\n                margin-left: auto;\n                margin-right: auto;\n            }\n\n            .hero-logo img {\n                width: 260px;\n            }\n\n            .services,\n            .portfolio,\n            .about,\n            .contact {\n                padding: 80px 6vw;\n            }\n\n            .section-top {\n                display: block;\n            }\n\n            .service-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n\n            .service {\n                border-bottom: 1px solid #444;\n            }\n\n            .service:nth-child(2) {\n                border-right: none;\n            }\n\n            .service:nth-child(3) {\n                padding-left: 0;\n            }\n\n            .portfolio-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .about {\n                grid-template-columns: 1fr;\n\n                gap: 40px;\n            }\n\n            footer {\n                display: block;\n\n                text-align: center;\n\n                line-height: 2;\n            }\n        }\n\n    <\/style>\n<\/head>\n\n\n<body>\n\n\n<!-- =========================\n     MENU\n========================= -->\n\n<header>\n\n    <a href=\"#\" class=\"logo-text\">\n        BORDTINA STUDIO\n    <\/a>\n\n    <nav>\n\n        <ul>\n\n            <li>\n                <a href=\"#servicos\">Servi\u00e7os<\/a>\n            <\/li>\n\n            <li>\n                <a href=\"#portfolio\">Portef\u00f3lio<\/a>\n            <\/li>\n\n            <li>\n                <a href=\"#sobre\">Sobre<\/a>\n            <\/li>\n\n            <li>\n                <a href=\"#contacto\">Contacto<\/a>\n            <\/li>\n\n        <\/ul>\n\n    <\/nav>\n\n<\/header>\n\n\n\n<!-- =========================\n     HERO\n========================= -->\n\n<section class=\"hero\">\n\n    <div>\n\n        <div class=\"hero-small\">\n            Graphic Design \u00b7 Navais \u00b7 Portugal\n        <\/div>\n\n        <h1>\n            Ideias que<br>\n            <em>ganham<\/em><br>\n            forma.\n        <\/h1>\n\n        <p class=\"hero-description\">\n            Design gr\u00e1fico pensado para momentos que merecem\n            ser lembrados \u2014 desde cartazes de festividades\n            a convites de casamento, batizados e anivers\u00e1rios.\n        <\/p>\n\n        <a href=\"#portfolio\" class=\"button\">\n            Ver trabalhos\n        <\/a>\n\n    <\/div>\n\n\n    <div class=\"hero-logo\">\n\n        <img decoding=\"async\"\n            src=\"logo.jpg\"\n            alt=\"BordTina Studio\">\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================\n     SERVI\u00c7OS\n========================= -->\n\n<section class=\"services\" id=\"servicos\">\n\n    <div class=\"section-top\">\n\n        <div>\n\n            <div class=\"section-number\">\n                01 \u00b7 O que fazemos\n            <\/div>\n\n            <h2 class=\"section-title\">\n                Design para<br>\n                cada ocasi\u00e3o.\n            <\/h2>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"service-grid\">\n\n\n        <div class=\"service\">\n\n            <div class=\"service-number\">\n                01\n            <\/div>\n\n            <h3>\n                Cartazes\n            <\/h3>\n\n            <p>\n                Cria\u00e7\u00e3o de cartazes e materiais\n                promocionais para festas,\n                festividades populares e eventos.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"service\">\n\n            <div class=\"service-number\">\n                02\n            <\/div>\n\n            <h3>\n                Casamentos\n            <\/h3>\n\n            <p>\n                Convites e identidade visual\n                para transformar o vosso dia\n                numa experi\u00eancia \u00fanica.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"service\">\n\n            <div class=\"service-number\">\n                03\n            <\/div>\n\n            <h3>\n                Batizados\n            <\/h3>\n\n            <p>\n                Convites e pe\u00e7as gr\u00e1ficas\n                personalizadas para um\n                dia verdadeiramente especial.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"service\">\n\n            <div class=\"service-number\">\n                04\n            <\/div>\n\n            <h3>\n                Festas\n            <\/h3>\n\n            <p>\n                Anivers\u00e1rios, celebra\u00e7\u00f5es e\n                eventos com uma identidade\n                visual criada \u00e0 tua medida.\n            <\/p>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================\n     PORTF\u00d3LIO\n========================= -->\n\n<section class=\"portfolio\" id=\"portfolio\">\n\n    <div class=\"section-top\">\n\n        <div>\n\n            <div class=\"section-number\">\n                02 \u00b7 Portef\u00f3lio\n            <\/div>\n\n            <h2 class=\"section-title\">\n                Trabalhos<br>\n                recentes.\n            <\/h2>\n\n        <\/div>\n\n        <div class=\"section-number\">\n            Cartazes \u00b7 Eventos\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"portfolio-grid\">\n\n\n        <!-- TRABALHO 1 -->\n\n        <article class=\"portfolio-card\">\n\n            <img decoding=\"async\"\n                src=\"sunset.jpg\"\n                alt=\"Cartaz Sunset Navais\">\n\n            <div class=\"portfolio-info\">\n\n                <div class=\"portfolio-category\">\n                    Cartaz \u00b7 Evento\n                <\/div>\n\n                <h3>\n                    Sunset \u2014 Navais\n                <\/h3>\n\n            <\/div>\n\n        <\/article>\n\n\n\n        <!-- LOG\u00d3TIPO -->\n\n        <article class=\"portfolio-card logo-card\">\n\n            <img decoding=\"async\"\n                src=\"logo.jpg\"\n                alt=\"BordTina Studio\">\n\n        <\/article>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================\n     SOBRE\n========================= -->\n\n<section class=\"about\" id=\"sobre\">\n\n\n    <div>\n\n        <div class=\"section-number\">\n            03 \u00b7 BordTina Studio\n        <\/div>\n\n        <h2 class=\"section-title\">\n            Feito \u00e0<br>\n            tua medida.\n        <\/h2>\n\n    <\/div>\n\n\n    <div>\n\n        <p class=\"about-big\">\n\n            Cada projeto come\u00e7a com uma ideia\n            e termina com uma imagem que\n            <em>fica na mem\u00f3ria.<\/em>\n\n        <\/p>\n\n\n        <p class=\"about-text\">\n\n            O BordTina Studio dedica-se \u00e0 cria\u00e7\u00e3o\n            de design gr\u00e1fico para eventos e\n            celebra\u00e7\u00f5es.\n\n            <br><br>\n\n            Trabalhamos cada pe\u00e7a de forma\n            personalizada, procurando transformar\n            aquilo que imaginas numa identidade\n            visual com personalidade.\n\n        <\/p>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================\n     CONTACTO\n========================= -->\n\n<section class=\"contact\" id=\"contacto\">\n\n    <div class=\"section-number\">\n        04 \u00b7 Vamos criar?\n    <\/div>\n\n\n    <h2 class=\"contact-title\">\n\n        Tens uma<br>\n        <em>ideia?<\/em>\n\n    <\/h2>\n\n\n    <p>\n\n        Conta-nos o que tens em mente.\n        Seja um cartaz, um convite ou a\n        imagem completa de um evento,\n        estamos prontos para criar contigo.\n\n    <\/p>\n\n\n    <!-- ALTERAR O EMAIL AQUI -->\n\n    <a\n        href=\"mailto:TEUEMAIL@EXEMPLO.PT\"\n        class=\"button\">\n\n        Pedir or\u00e7amento\n\n    <\/a>\n\n\n<\/section>\n\n\n\n<!-- =========================\n     FOOTER\n========================= -->\n\n<footer>\n\n    <span>\n        \u00a9 2026 BordTina Studio\n    <\/span>\n\n    <span>\n        Graphic Design \u00b7 Portugal\n    <\/span>\n\n<\/footer>\n\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>BordTina Studio | Graphic Design BORDTINA STUDIO Servi\u00e7os Portef\u00f3lio Sobre Contacto Graphic Design \u00b7 Navais \u00b7 Portugal Ideias que ganham forma. Design gr\u00e1fico pensado para momentos que merecem ser lembrados \u2014 desde cartazes de festividades a convites de casamento, batizados e anivers\u00e1rios. Ver trabalhos 01 \u00b7 O que fazemos Design para cada ocasi\u00e3o. 01 Cartazes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3,"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/bordtinastudio.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}