{"id":1185,"date":"2023-03-06T12:51:16","date_gmt":"2023-03-06T12:51:16","guid":{"rendered":"https:\/\/portugalpropertyhub.com\/quinta-verde\/"},"modified":"2025-11-11T11:00:11","modified_gmt":"2025-11-11T11:00:11","slug":"quinta-verde","status":"publish","type":"page","link":"https:\/\/portugalpropertyhub.com\/es\/quinta-verde\/","title":{"rendered":"Quinta Verde"},"content":{"rendered":"\n<section id=\"block_6405e14f0dd9a\" class=\"intro-inner-section\">\n    <div class=\"container\">\n                    <h1>Quinta Verde<\/h1>\n            <\/div>\n    <figure class=\"bg-img\">\n                        <img decoding=\"async\" src=\"https:\/\/portugalpropertyhub.com\/wp-content\/uploads\/2023\/03\/was-martinhal.jpg\" alt=\"Quinta Verde\">\n                <\/figure>\n<\/section>\n<!-- .intro-inner-section -->\n\n\n\n<section id=\"block_6405e1800dd9b\" class=\"text-image-section \">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12 col-lg-6\">\n                <div class=\"text-holder\">\n\n                    <h2>Quinta Verde<\/h2>\n                    <p><h3>A footballers heaven<\/h3>\r\n\r\n<p>Located slightly north of the Q roundabout within walking distance of Quinta Shopping, Quinta Verde comprises of luxury three, four and five bedroom villas.<\/p>\r\n<p> All have private swimming pools, as well as landscaped gardens and are set within a tranquil and peaceful environment. On site facilities include a superbly equipped gym, boutique spa, main reception and 24 hour manned security and CCTV monitoring.<\/p><\/p>\n\n                                    <\/div>\n            <\/div>\n            <div class=\"col-12 col-lg-6 col-img\">\n                <figure class=\"img-holder\">\n                                                                        <img decoding=\"async\" src=\"https:\/\/portugalpropertyhub.com\/wp-content\/uploads\/2023\/03\/quinta-verde.jpg\" alt=\"Quinta Verde\">\n                                                            <\/figure>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- .text-image-section -->\n\n\n\n\n    <style>\n        .tab-container {\n            max-width: 1200px;\n            margin: 3rem auto 6rem auto;\n            background: #fff;\n            border-radius: 0;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n        }\n\n        .tab-wrapper {\n            display: flex;\n            min-height: 300px;\n        }\n\n        .tab-nav {\n            flex-shrink: 0;\n            width: 250px;\n            background: #efefef;\n            padding: 1rem 0;\n        }\n\n        .tab-content-title {\n            padding: 1rem;\n            text-align: center;\n        }\n\n        .tab-nav ul, .tab-content-title ul {\n            list-style: none;\n            padding-left: 0;\n        }\n\n        .tab-nav li {\n            margin-bottom: 0.5rem;\n        }\n\n        .tab-nav button {\n            font-family: 'Exo 2';\n            width: 100%;\n            padding: 1rem 1.5rem;\n            background: transparent;\n            color: #333;\n            border: none;\n            text-align: left;\n            cursor: pointer;\n            font-size: 1.25rem;\n            transition: all 0.3s ease;\n            border-left: 2px solid transparent;\n        }\n\n        .tab-nav button:hover {\n            background: rgba(255, 255, 255, 0.1);\n            padding-left: 2rem;\n        }\n\n        .tab-nav button.active {\n            background: #16aff526;\n            border-left-color: #16aff5;\n            font-weight: 600;\n        }\n\n        .tab-content {\n            flex: 1;\n            padding: 2rem;\n            margin: auto 0;\n        }\n\n        .tab-pane {\n            display: none;\n            animation: fadeIn 0.4s ease;\n\t\t\tpadding: 2rem;\n        }\n\n        .tab-pane.active {\n            display: block;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(10px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .tab-content-header {\n            margin-bottom: 2rem;\n        }\n\n        .tab-content-header h2 {\n            font-size: 2rem;\n            color: #333;\n            font-weight: bold;\n            margin-bottom: 0.5rem;\n        }\n\n        .tab-content-header p {\n            color: #7f8c8d;\n            font-size: 1.1rem;\n        }\n\n        .tab-content-grid {\n            display: grid;\n            grid-template-columns: 1fr 300px;\n            gap: 2rem;\n            align-items: start;\n        }\n        \n        .tab-content-grid.no-image{\n            grid-template-columns: 1fr;\n            max-width: 700px;\n        }\n\n        .tab-text-content p {\n            margin-bottom: 1rem;\n            text-align: justify;\n            line-height: 1.8;\n        }\n\n        .tab-image-content img {\n            width: 100%;\n            height: auto;\n            min-height: 450px;\n            object-fit: cover;\n            border-radius: 0;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        }\n\n        @media (max-width: 968px) {\n            .tab-wrapper {\n                flex-direction: column;\n            }\n\n            .tab-nav {\n                width: 100%;\n            }\n\n            .tab-nav ul {\n                display: flex;\n                flex-wrap: wrap;\n            }\n\n            .tab-nav li {\n                flex: 1;\n                min-width: 150px;\n                margin: 0;\n            }\n\n            .tab-nav button {\n                border-left: none;\n                border-bottom: 3px solid transparent;\n                text-align: center;\n            }\n\n            .tab-nav button.active {\n                border-left: none;\n                border-bottom-color: #3498db;\n            }\n\n            .tab-nav button:hover {\n                padding-left: 1.5rem;\n            }\n\n            .tab-content-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .tab-image-content {\n                max-width: 400px;\n                margin: 0 auto;\n            }\n\n            .tab-content {\n                padding: 1.5rem;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .tab-container {\n                border-radius: 0;\n            }\n\n            .tab-nav ul {\n                flex-direction: column;\n            }\n\n            .tab-nav li {\n                width: 100%;\n            }\n\n            .tab-content-header h2 {\n                font-size: 1.5rem;\n            }\n\n            .tab-content {\n                padding: 1rem;\n            }\n        }\n    <\/style>\n\n<div class=\"container\" id=\"tab-block-block_691316cd145b3\">\n    \n    <div class=\"tab-container\">\n        <div class=\"tab-wrapper\">\n            <nav class=\"tab-nav\" role=\"navigation\" aria-label=\"Navega\u00e7\u00e3o por abas\">\n                <ul>\n                                        <li>\n                        <button class=\"tab-btn active\" data-tab=\"location\"\n                            aria-controls=\"location-content\"\n                            aria-selected=\"true\">\n                            What is Quinta Verde&#039;s location and reputation?                        <\/button>\n                    <\/li>\n                                        <li>\n                        <button class=\"tab-btn \" data-tab=\"property-available\"\n                            aria-controls=\"property-available-content\"\n                            aria-selected=\"false\">\n                            What types of properties are available?                        <\/button>\n                    <\/li>\n                                        <li>\n                        <button class=\"tab-btn \" data-tab=\"villa-features\"\n                            aria-controls=\"villa-features-content\"\n                            aria-selected=\"false\">\n                            What are the villa features?                        <\/button>\n                    <\/li>\n                                    <\/ul>\n            <\/nav>\n\n            <main class=\"tab-content\">\n                                <div id=\"location-content\" class=\"tab-pane active\"\n                    role=\"tabpanel\">\n                                        <div class=\"tab-content-header\">\n                        <h2>What is Quinta Verde&#039;s location and reputation?<\/h2>\n                    <\/div>\n                    \n                    <div class=\"tab-content-grid no-image\">\n                                                <div class=\"tab-text-content\">\n                            <p>Quinta Verde is a high quality residential development in a privileged location \u2013 just 800 meters from the entrance to Quinta do Lago. Sometimes referred to as \u00abFootballers Heaven\u00bb due to the amount of high profile footballers who own property here, the area is renowned for its manicured golf courses, sophisticated cuisine, stretches of golden beaches and a variety of entertainment facilities.<\/p>\n                        <\/div>\n                        \n                                            <\/div>\n                <\/div>\n                                <div id=\"property-available-content\" class=\"tab-pane \"\n                    role=\"tabpanel\">\n                                        <div class=\"tab-content-header\">\n                        <h2>What types of properties are available?<\/h2>\n                    <\/div>\n                    \n                    <div class=\"tab-content-grid no-image\">\n                                                <div class=\"tab-text-content\">\n                            <p>There are 59 detached villas in Quinta Verde \u2013 there are no apartments or townhouses in Quinta Verde, but there are a number of good sized plots still for sale to be developed.<\/p>\n                        <\/div>\n                        \n                                            <\/div>\n                <\/div>\n                                <div id=\"villa-features-content\" class=\"tab-pane \"\n                    role=\"tabpanel\">\n                                        <div class=\"tab-content-header\">\n                        <h2>What are the villa features?<\/h2>\n                    <\/div>\n                    \n                    <div class=\"tab-content-grid no-image\">\n                                                <div class=\"tab-text-content\">\n                            <p>All villas sit on good sized plots and are private and secure \u2013 all are quality built properties.<\/p>\n                        <\/div>\n                        \n                                            <\/div>\n                <\/div>\n                            <\/main>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    const blockId = 'tab-block-block_691316cd145b3';\n    const container = document.getElementById(blockId);\n\n    if (!container) return;\n\n    const tabButtons = container.querySelectorAll('.tab-btn');\n    const tabPanes = container.querySelectorAll('.tab-pane');\n\n    function switchTab(targetTab) {\n        tabButtons.forEach(btn => {\n            btn.classList.remove('active');\n            btn.setAttribute('aria-selected', 'false');\n        });\n\n        tabPanes.forEach(pane => {\n            pane.classList.remove('active');\n        });\n\n        const activeButton = container.querySelector(`[data-tab=\"${targetTab}\"]`);\n        const activePane = container.querySelector(`#${targetTab}-content`);\n\n        if (activeButton && activePane) {\n            activeButton.classList.add('active');\n            activeButton.setAttribute('aria-selected', 'true');\n            activePane.classList.add('active');\n        }\n    }\n\n    tabButtons.forEach(button => {\n        button.addEventListener('click', function() {\n            const targetTab = this.getAttribute('data-tab');\n            switchTab(targetTab);\n        });\n\n        button.addEventListener('keydown', function(e) {\n            let newIndex;\n            const currentIndex = Array.from(tabButtons).indexOf(this);\n\n            if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n                e.preventDefault();\n                newIndex = (currentIndex + 1) % tabButtons.length;\n                tabButtons[newIndex].focus();\n            } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\n                e.preventDefault();\n                newIndex = (currentIndex - 1 + tabButtons.length) % tabButtons.length;\n                tabButtons[newIndex].focus();\n            }\n        });\n    });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"acf":[],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Helder Encarna\u00e7\u00e3o","author_link":"https:\/\/portugalpropertyhub.com\/es\/author\/helder\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/portugalpropertyhub.com\/es\/?taxonomy=translation_priority&#038;term=opcional\" rel=\"tag\">Opcional<\/a>","rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/pages\/1185"}],"collection":[{"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/comments?post=1185"}],"version-history":[{"count":3,"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/pages\/1185\/revisions"}],"predecessor-version":[{"id":35650,"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/pages\/1185\/revisions\/35650"}],"wp:attachment":[{"href":"https:\/\/portugalpropertyhub.com\/es\/wp-json\/wp\/v2\/media?parent=1185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}