{"id":1184,"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\/de\/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 &#8222;Footballers Heaven&#8220; 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\/de\/author\/helder\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/portugalpropertyhub.com\/de\/?taxonomy=translation_priority&#038;term=optional-de\" rel=\"tag\">Optional<\/a>","rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/pages\/1184"}],"collection":[{"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/comments?post=1184"}],"version-history":[{"count":3,"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/pages\/1184\/revisions"}],"predecessor-version":[{"id":35649,"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/pages\/1184\/revisions\/35649"}],"wp:attachment":[{"href":"https:\/\/portugalpropertyhub.com\/de\/wp-json\/wp\/v2\/media?parent=1184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}