{"id":1094,"date":"2024-02-19T18:07:25","date_gmt":"2024-02-19T18:07:25","guid":{"rendered":"https:\/\/hamadenergy.com\/our-team\/"},"modified":"2024-11-27T14:59:17","modified_gmt":"2024-11-27T14:59:17","slug":"onde-estamos","status":"publish","type":"page","link":"https:\/\/hamadenergy.com\/pt-pt\/onde-estamos\/","title":{"rendered":"Where we are"},"content":{"rendered":"<div id=\"\" class=\"w-full pt-40 pb-28\" style=\"background-color: #f6f6f6;\">\n    <div class=\"w-full max-w-container-hamad mx-auto px-6 xl:px-16 2xl:px-0\">\n        <div class=\"flex flex-col w-full lg:w-[70%]\">\n            <span class=\"text-hamad-primary-700 text-sm font-medium\">WHERE WE ARE<\/span>\n            <h2 class=\"text-hamad-neutra-950 text-3xl md:text-[2.62rem] font-normal !mt-0 !mb-3\">We are a global experienced team<\/h2>\n            <p class=\"text-hamad-neutra-950 text-base font-light \">HAMAD&#8217;s operations are strategically positioned to serve the industry effectively. These locations reflect our commitment to global collaboration, ensuring seamless support for our clients&#8217; projects wherever they may be.<\/p>\n        <\/div>\n        <div class=\"relative mt-16 w-[80%] mx-auto\">\n            <img decoding=\"async\" id=\"mapImage\" src=\"https:\/\/hamadenergy.com\/wp-content\/themes\/hamad\/assets\/img\/vector_map.png\" usemap=\"#map-locations\" alt=\"\" class=\"mx-auto w-full\">\n            <map name=\"map-locations\">\n                                    <area class=\"map-area\" target=\"\" data-address='Belas Business Park, Torre Bengo, Sala 205 &#038; 206, Luanda, Angola' title=\"Luanda, Angola\" alt=\"Luanda, Angola\" coords=\"536,334,9\" shape=\"circle\">\n                                    <area class=\"map-area\" target=\"\" data-address='6001 Savoy Drive, Suite 203, Houston, TX 77036' title=\"Houston\" alt=\"Houston\" coords=\"236,223,9\" shape=\"circle\">\n                                    <area class=\"map-area\" target=\"\" data-address='153 Pringle Road, Sanddrift Western Cape, Cape Town, South Africa' title=\"Africa do Sul\" alt=\"Africa do Sul\" coords=\"557,395,9\" shape=\"circle\">\n                            <\/map>\n            <div class=\"popover absolute z-50 bg-white p-3 rounded-lg shadow-md text-center min-w-[16rem]\" id=\"popover\" style=\"display: none;\">\n                <p id=\"popover-title\" class=\"text-hamad-neutra-950 text-sm font-medium\"><\/p>\n                <span id=\"popover-content\" class=\"text-hamad-neutra-600 text-xs font-light\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var mapImage = document.getElementById('mapImage');\n        var areas = document.querySelectorAll('.map-area');\n        var popover = document.getElementById('popover');\n        var title = document.getElementById('popover-title');\n        var content = document.getElementById('popover-content');\n\n        areas.forEach(function(area) {\n            var coords = area.getAttribute('coords').split(',');\n            var x = parseInt(coords[0]);\n            var y = parseInt(coords[1]);\n            var radius = parseInt(coords[2]);\n            var yOffset = 0;\n\n            var circle = document.createElement('div');\n            circle.className = 'cursor-pointer';\n            circle.style.width = '12px';\n            circle.style.height = '12px';\n            circle.style.borderRadius = '50%';\n            circle.style.backgroundColor = '#C61F26';\n            circle.style.position = 'absolute';\n            circle.style.left = ((mapImage.offsetLeft + x - radius) \/ 10.21) + '%';\n            circle.style.top = ((mapImage.offsetTop + y - radius + yOffset) \/ 4.85) + '%';\n\n            circle.addEventListener('mouseover', function(event) {\n                title.textContent = area.getAttribute('title');\n                content.textContent = area.getAttribute('data-address');\n\n                var circleX = mapImage.offsetLeft + x;\n                var circleY = mapImage.offsetTop + y - yOffset;\n\n                var popoverX = circleX;\n                var popoverY = circleY - popover.offsetHeight - 10;\n\n                var maxTop = mapImage.offsetTop;\n                if (popoverY < maxTop) {\n                    popoverY = maxTop;\n                }\n\n                popover.style.left = (popoverX \/ 11.8) + '%';\n                popover.style.top = ((popoverY - mapImage.offsetTop) \/ 6.8) + '%';\n\n                popover.style.display = 'block';\n            });\n\n            circle.addEventListener('mouseout', function(event) {\n                popover.style.display = 'none';\n            });\n\n            mapImage.parentElement.appendChild(circle);\n        });\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":861,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1094","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/1094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=1094"}],"version-history":[{"count":1,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/1094\/revisions"}],"predecessor-version":[{"id":1108,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/pages\/1094\/revisions\/1108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/media\/861"}],"wp:attachment":[{"href":"https:\/\/hamadenergy.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=1094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}