World’s Tallest Buildings<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\"\n crossorigin=\"anonymous\"><\/script>\n <style>\n \/* Optional custom styles can be added here *\/\n \/* Ensure ad container has a defined height if needed for layout stability *\/\n #ad-container {\n min-height: 100px; \/* Adjust as needed based on your ad size *\/\n display: none; \/* Initially hidden *\/\n align-items: center; \/* Center ad content vertically *\/\n justify-content: center; \/* Center ad content horizontally *\/\n \/* Added background to make the ad area visible even if ad doesn't load *\/\n background-color: #f0f0f0; \/* Light grey background *\/\n border: 1px dashed #ccc; \/* Dashed border *\/\n padding: 10px; \/* Some padding *\/\n }\n \/* Ensure images within cards are responsive *\/\n .building-card img {\n max-width: 100%;\n height: auto;\n }\n \/* Style for the link wrapper around image and text *\/\n .building-link {\n display: flex; \/* Use flex to keep image and text stacked *\/\n flex-direction: column; \/* Stack items vertically *\/\n align-items: center; \/* Center content horizontally *\/\n text-decoration: none; \/* Remove underline from link *\/\n color: inherit; \/* Inherit text color from parent *\/\n }\n .building-link:hover h3 {\n text-decoration: underline; \/* Underline title on hover *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"bg-white rounded-xl shadow-lg p-6 w-full max-w-4xl mx-auto\">\n <h1 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">World’s Tallest Buildings<\/h1>\n\n <div id=\"buildings-container\" class=\"flex flex-wrap justify-center gap-6 mb-6\">\n <\/div>\n\n <div id=\"ad-container\" class=\"my-6 text-center flex\">\n <ins class=\"adsbygoogle\"\n style=\"display:block\"\n data-ad-client=\"ca-pub-2506329722665303\"\n data-ad-slot=\"2178518307\"\n data-ad-format=\"auto\"\n data-full-width-responsive=\"true\"><\/ins>\n <\/div>\n\n <div class=\"flex justify-between items-center mt-6\">\n <button id=\"prev-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n <i class=\"fas fa-arrow-left\"><\/i> Previous\n <\/button>\n <span id=\"page-info\" class=\"text-gray-700 font-semibold text-sm sm:text-base\"><\/span>\n <button id=\"next-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n Next <i class=\"fas fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Data for the world's top 50 tallest buildings\n const buildings = [\n { name: \"Burj Khalifa\", country: \"United Arab Emirates\", height_m: 828, height_ft: 2717, floors: 163, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/8d\/Burj_Khalifa_-_Dubai_-_United_Arab_Emirates.jpg\/800px-Burj_Khalifa_-_Dubai_-_United_Arab_Emirates.jpg\", pageUrl: \"#burj-khalifa\" }, \/\/ Replace #burj-khalifa with your actual page URL\n { name: \"Merdeka 118\", country: \"Malaysia\", height_m: 678.9, height_ft: 2227, floors: 118, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c9\/Merdeka_118_%28cropped%29.jpg\/800px-Merdeka_118_%28cropped%29.jpg\", pageUrl: \"#merdeka-118\" }, \/\/ Replace with actual URL\n { name: \"Shanghai Tower\", country: \"China\", height_m: 632, height_ft: 2073, floors: 128, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Shanghai_Tower_2018.jpg\/800px-Shanghai_Tower_2018.jpg\", pageUrl: \"#shanghai-tower\" }, \/\/ Replace with actual URL\n { name: \"Abraj Al-Bait Clock Tower\", country: \"Saudi Arabia\", height_m: 601, height_ft: 1972, floors: 120, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d6\/Abraj_Al_Bait_Towers_%28Mecca%29.jpg\/800px-Abraj_Al_Bait_Towers_%28Mecca%29.jpg\", pageUrl: \"#abraj-al-bait\" }, \/\/ Replace with actual URL\n { name: \"Ping An Finance Centre\", country: \"China\", height_m: 599.1, height_ft: 1966, floors: 115, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/ba\/Ping_An_Finance_Centre_in_Shenzhen.JPG\/800px-Ping_An_Finance_Centre_in_Shenzhen.JPG\", pageUrl: \"#ping-an-finance\" }, \/\/ Replace with actual URL\n { name: \"Lotte World Tower\", country: \"South Korea\", height_m: 554.5, height_ft: 1819, floors: 123, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/bc\/Lotte_World_Tower_at_night.jpg\/800px-Lotte_World_Tower_at_night.jpg\", pageUrl: \"#lotte-world-tower\" }, \/\/ Replace with actual URL\n { name: \"One World Trade Center\", country: \"United States\", height_m: 541.3, height_ft: 1776, floors: 94, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/One_World_Trade_Center%2C_New_York_City_%28July_2022%29.jpg\/800px-One_World_Trade_Center%2C_New_York_City_%28July_2022%29.jpg\", pageUrl: \"#one-wtc\" }, \/\/ Replace with actual URL\n { name: \"Guangzhou CTF Finance Centre\", country: \"China\", height_m: 530, height_ft: 1739, floors: 111, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/11\/Guangzhou_CTF_Finance_Centre.jpg\/800px-Guangzhou_CTF_Finance_Centre.jpg\", pageUrl: \"#guangzhou-ctf\" }, \/\/ Replace with actual URL\n { name: \"Tianjin CTF Finance Centre\", country: \"China\", height_m: 530, height_ft: 1739, floors: 97, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Tianjin_CTF_Finance_Centre.jpg\/800px-Tianjin_CTF_Finance_Centre.jpg\", pageUrl: \"#tianjin-ctf\" }, \/\/ Replace with actual URL\n { name: \"CITIC Tower\", country: \"China\", height_m: 527.7, height_ft: 1731, floors: 109, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c3\/CITIC_Tower_%28cropped%29.jpg\/800px-CITIC_Tower_%28cropped%29.jpg\", pageUrl: \"#citic-tower\" }, \/\/ Replace with actual URL\n { name: \"Taipei 101\", country: \"Taiwan\", height_m: 508, height_ft: 1667, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/22\/Taipei_101_2008_New_Year%27s_Eve.jpg\/800px-Taipei_101_2008_New_Year%27s_Eve.jpg\", pageUrl: \"#taipei-101\" }, \/\/ Replace with actual URL\n { name: \"Shanghai World Financial Center\", country: \"China\", height_m: 492, height_ft: 1614, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b0\/Shanghai_World_Financial_Center_2010.jpg\/800px-Shanghai_World_Financial_Center_2010.jpg\", pageUrl: \"#swfc\" }, \/\/ Replace with actual URL\n { name: \"International Commerce Centre\", country: \"Hong Kong\", height_m: 484, height_ft: 1588, floors: 108, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e7\/Hong_Kong_ICC_%28cropped%29.jpg\/800px-Hong_Kong_ICC_%28cropped%29.jpg\", pageUrl: \"#icc\" }, \/\/ Replace with actual URL\n { name: \"Wuhan Greenland Center\", country: \"China\", height_m: 475.6, height_ft: 1560, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4f\/Wuhan_Greenland_Center_2021.jpg\/800px-Wuhan_Greenland_Center_2021.jpg\", pageUrl: \"#wuhan-greenland\" }, \/\/ Replace with actual URL\n { name: \"Central Park Tower\", country: \"United States\", height_m: 472.4, height_ft: 1550, floors: 98, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/16\/Central_Park_Tower_%28cropped%29.jpg\/800px-Central_Park_Tower_%28cropped%29.jpg\", pageUrl: \"#central-park-tower\" }, \/\/ Replace with actual URL\n { name: \"Lakhta Center\", country: \"Russia\", height_m: 462, height_ft: 1516, floors: 87, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/12\/Lakhta_Center_2020.jpg\/800px-Lakhta_Center_2020.jpg\", pageUrl: \"#lakhta-center\" }, \/\/ Replace with actual URL\n { name: \"Vincom Landmark 81\", country: \"Vietnam\", height_m: 461, height_ft: 1513, floors: 81, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a8\/Landmark_81_at_night.jpg\/800px-Landmark_81_at_night.jpg\", pageUrl: \"#vincom-landmark-81\" }, \/\/ Replace with actual URL\n { name: \"The Exchange 106\", country: \"Malaysia\", height_m: 454, height_ft: 1488, floors: 95, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4b\/The_Exchange_106_at_Tun_Razak_Exchange.jpg\/800px-The_Exchange_106_at_Tun_Razak_Exchange.jpg\", pageUrl: \"#the-exchange-106\" }, \/\/ Replace with actual URL\n { name: \"Changsha IFS Tower T1\", country: \"China\", height_m: 452, height_ft: 1483, floors: 94, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/24\/Changsha_IFS_Tower_T1.jpg\/800px-Changsha_IFS_Tower_T1.jpg\", pageUrl: \"#changsha-ifs-t1\" }, \/\/ Replace with actual URL\n { name: \"Petronas Tower 1\", country: \"Malaysia\", height_m: 452, height_ft: 1483, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\/800px-Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\", pageUrl: \"#petronas-tower-1\" }, \/\/ Replace with actual URL\n { name: \"Petronas Tower 2\", country: \"Malaysia\", height_m: 452, height_ft: 1483, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\/800px-Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\", pageUrl: \"#petronas-tower-2\" }, \/\/ Replace with actual URL\n { name: \"Suzhou IFS\", country: \"China\", height_m: 450, height_ft: 1476, floors: 95, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b1\/Suzhou_IFS.jpg\/800px-Suzhou_IFS.jpg\", pageUrl: \"#suzhou-ifs\" }, \/\/ Replace with actual URL\n { name: \"Zifeng Tower\", country: \"China\", height_m: 450, height_ft: 1476, floors: 66, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c2\/Nanjing_Greenland_Center.jpg\/800px-Nanjing_Greenland_Center.jpg\", pageUrl: \"#zifeng-tower\" }, \/\/ Replace with actual URL\n { name: \"Wuhan Center Tower\", country: \"China\", height_m: 443, height_ft: 1454, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9f\/Wuhan_Center_Tower.jpg\/800px-Wuhan_Center_Tower.jpg\", pageUrl: \"#wuhan-center-tower\" }, \/\/ Replace with actual URL\n { name: \"Willis Tower\", country: \"United States\", height_m: 442, height_ft: 1451, floors: 108, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a4\/Willis_Tower_2019.jpg\/800px-Willis_Tower_2019.jpg\", pageUrl: \"#willis-tower\" }, \/\/ Replace with actual URL\n { name: \"KK100\", country: \"China\", height_m: 442, height_ft: 1449, floors: 98, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2b\/Kingkey_100_%28cropped%29.jpg\/800px-Kingkey_100_%28cropped%29.jpg\", pageUrl: \"#kk100\" }, \/\/ Replace with actual URL\n { name: \"Guangzhou International Finance Center\", country: \"China\", height_m: 439, height_ft: 1439, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/01\/Guangzhou_International_Finance_Center.jpg\/800px-Guangzhou_International_Finance_Center.jpg\", pageUrl: \"#guangzhou-ifc\" }, \/\/ Replace with actual URL\n { name: \"111 West 57th Street\", country: \"United States\", height_m: 435, height_ft: 1428, floors: 84, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f7\/111_West_57th_Street_%28cropped%29.jpg\/800px-111_West_57th_Street_%28cropped%29.jpg\", pageUrl: \"#111-west-57th-street\" }, \/\/ Replace with actual URL\n { name: \"One Vanderbilt Avenue\", country: \"United States\", height_m: 427, height_ft: 1401, floors: 62, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f1\/One_Vanderbilt_from_Empire_State_Building.jpg\/800px-One_Vanderbilt_from_Empire_State_Building.jpg\", pageUrl: \"#one-vanderbilt\" }, \/\/ Replace with actual URL\n { name: \"432 Park Avenue\", country: \"United States\", height_m: 426, height_ft: 1397, floors: 85, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c2\/432_Park_Avenue_%28cropped%29.jpg\/800px-432_Park_Avenue_%28cropped%29.jpg\", pageUrl: \"#432-park-avenue\" }, \/\/ Replace with actual URL\n { name: \"Marina 101\", country: \"United Arab Emirates\", height_m: 425, height_ft: 1394, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Marina_101_Dubai.jpg\/800px-Marina_101_Dubai.jpg\", pageUrl: \"#marina-101\" }, \/\/ Replace with actual URL\n { name: \"Trump International Hotel & Tower\", country: \"United States\", height_m: 423, height_ft: 1389, floors: 98, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a1\/Trump_International_Hotel_and_Tower_Chicago.jpg\/800px-Trump_International_Hotel_and_Tower_Chicago.jpg\", pageUrl: \"#trump-tower-chicago\" }, \/\/ Replace with actual URL\n { name: \"Minying International Trade Center T2\", country: \"China\", height_m: 423, height_ft: 1386, floors: 85, imageUrl: \"https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found\", pageUrl: \"#minying-itc-t2\" }, \/\/ Replace with actual URL\n { name: \"Jin Mao Tower\", country: \"China\", height_m: 421, height_ft: 1380, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/dc\/Jin_Mao_Tower_2009.jpg\/800px-Jin_Mao_Tower_2009.jpg\", pageUrl: \"#jin-mao-tower\" }, \/\/ Replace with actual URL\n { name: \"Princess Tower\", country: \"United Arab Emirates\", height_m: 413, height_ft: 1356, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/31\/Princess_Tower_Dubai.jpg\/800px-Princess_Tower_Dubai.jpg\", pageUrl: \"#princess-tower\" }, \/\/ Replace with actual URL\n { name: \"Al Hamra Tower\", country: \"Kuwait\", height_m: 413, height_ft: 1354, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6f\/Kuwait_City_-_Al_Hamra_Tower.jpg\/800px-Kuwait_City_-_Al_Hamra_Tower.jpg\", pageUrl: \"#al-hamra-tower\" }, \/\/ Replace with actual URL\n { name: \"Two International Finance Centre\", country: \"Hong Kong\", height_m: 412, height_ft: 1352, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f8\/Hong_Kong_Two_International_Finance_Centre.jpg\/800px-Hong_Kong_Two_International_Finance_Centre.jpg\", pageUrl: \"#two-ifc\" }, \/\/ Replace with actual URL\n { name: \"Haeundae LCT The Sharp Landmark Tower\", country: \"South Korea\", height_m: 411.6, height_ft: 1350, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f6\/Haeundae_LCT_The_Sharp.jpg\/800px-Haeundae_LCT_The_Sharp.jpg\", pageUrl: \"#haeundae-lct\" }, \/\/ Replace with actual URL\n { name: \"Eton Place Dalian Tower 1\", country: \"China\", height_m: 407, height_ft: 1335, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/24\/Eton_Place_Dalian.jpg\/800px-Eton_Place_Dalian.jpg\", pageUrl: \"#eton-place-dalian\" }, \/\/ Replace with actual URL\n { name: \"Guiyang International Financial Center T1\", country: \"China\", height_m: 401, height_ft: 1316, floors: 79, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a6\/Guiyang_International_Financial_Center.jpg\/800px-Guiyang_International_Financial_Center.jpg\", pageUrl: \"#guiyang-ifc-t1\" }, \/\/ Replace with actual URL\n { name: \"Nanning Logan Century One\", country: \"China\", height_m: 401, height_ft: 1316, floors: 82, imageUrl: \"https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found\", pageUrl: \"#nanning-logan\" }, \/\/ Replace with actual URL\n { name: \"Shun Hing Square\", country: \"China\", height_m: 384, height_ft: 1260, floors: 69, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1d\/Shun_Hing_Square.jpg\/800px-Shun_Hing_Square.jpg\", pageUrl: \"#shun-hing-square\" }, \/\/ Replace with actual URL\n { name: \"Empire State Building\", country: \"United States\", height_m: 381, height_ft: 1250, floors: 102, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/10\/Empire_State_Building_%28aerial_view%29.jpg\/800px-Empire_State_Building_%28aerial_view%29.jpg\", pageUrl: \"#empire-state-building\" }, \/\/ Replace with actual URL\n { name: \"China Resources Headquarters\", country: \"China\", height_m: 392.5, height_ft: 1288, floors: 67, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0b\/China_Resources_Headquarters.jpg\/800px-China_Resources_Headquarters.jpg\", pageUrl: \"#china-resources-hq\" }, \/\/ Replace with actual URL\n { name: \"Public Investment Fund Tower\", country: \"Saudi Arabia\", height_m: 385, height_ft: 1263, floors: 77, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c7\/KAFD_PIF_Tower.jpg\/800px-KAFD_PIF_Tower.jpg\", pageUrl: \"#pif-tower\" }, \/\/ Replace with actual URL\n { name: \"30 Hudson Yards\", country: \"United States\", height_m: 386, height_ft: 1266, floors: 73, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b0\/30_Hudson_Yards_-_November_2020.jpg\/800px-30_Hudson_Yards_-_November_2020.jpg\", pageUrl: \"#30-hudson-yards\" }, \/\/ Replace with actual URL\n { name: \"Shum Yip Upperhills Tower 1\", country: \"China\", height_m: 388, height_ft: 1273, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b3\/Shum_Yip_Upperhills_Tower_1_%28cropped%29.jpg\/800px-Shum_Yip_Upperhills_Tower_1_%28cropped%29.jpg\", pageUrl: \"#shum-yip-upperhills-t1\" }, \/\/ Replace with actual URL\n { name: \"Citymark Centre\", country: \"China\", height_m: 388, height_ft: 1273, floors: 81, imageUrl: \"https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found\", pageUrl: \"#citymark-centre\" }, \/\/ Replace with actual URL\n { name: \"CITIC Plaza\", country: \"China\", height_m: 391, height_ft: 1283, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/CITIC_Plaza_Guangzhou.jpg\/800px-CITIC_Plaza_Guangzhou.jpg\", pageUrl: \"#citic-plaza\" }, \/\/ Replace with actual URL\n { name: \"Almas Tower\", country: \"United Arab Emirates\", height_m: 360, height_ft: 1181, floors: 68, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c7\/Almas_Tower_Dubai.jpg\/800px-Almas_Tower_Dubai.jpg\", pageUrl: \"#almas-tower\" }, \/\/ Replace with actual URL\n { name: \"Baiyoke Tower II\", country: \"Thailand\", height_m: 304, height_ft: 997, floors: 85, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/14\/Baiyoke_Tower_II_2019.jpg\/800px-Baiyoke_Tower_II_2019.jpg\", pageUrl: \"#baiyoke-tower-ii\" }, \/\/ Replace with actual URL\n { name: \"Kingdom Centre\", country: \"Saudi Arabia\", height_m: 302.3, height_ft: 992, floors: 41, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/3c\/Kingdom_Centre_Riyadh.jpg\/800px-Kingdom_Centre_Riyadh.jpg\", pageUrl: \"#kingdom-centre\" }, \/\/ Replace with actual URL\n { name: \"Index Tower\", country: \"United Arab Emirates\", height_m: 326, height_ft: 1070, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/Index_Tower_Dubai.jpg\/800px-Index_Tower_Dubai.jpg\", pageUrl: \"#index-tower\" } \/\/ Replace with actual URL\n ];\n\n \/\/ Ensure the script runs after the DOM is fully loaded\n document.addEventListener('DOMContentLoaded', () => {\n const buildingsContainer = document.getElementById('buildings-container');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const pageInfoSpan = document.getElementById('page-info');\n const adContainer = document.getElementById('ad-container'); \/\/ Reference to the ad container\n const adInsElement = adContainer.querySelector('.adsbygoogle'); \/\/ Get the ins element\n\n let currentPage = 0;\n const itemsPerPage = 2; \/\/ Display two buildings at a time\n const adDisplayDuration = 2000; \/\/ Duration to show the ad in milliseconds (2 seconds)\n\n \/\/ Function to display buildings for the current page\n function displayBuildings(page) {\n \/\/ Hide buildings container and show ad container\n buildingsContainer.style.display = 'none';\n adContainer.style.display = 'flex'; \/\/ Use flex to center ad content\n\n \/\/ *** YOUR AD CODE LOADING\/REFRESHING LOGIC HERE ***\n \/\/ For Google AdSense, the push command needs to be called\n \/\/ after the ad container is visible and has a size.\n if (adInsElement) {\n console.log(\"Ad container offsetWidth before push:\", adContainer.offsetWidth); \/\/ Log width\n try {\n \/\/ Push the ad unit after the container is visible\n (adsbygoogle = window.adsbygoogle || []).push({});\n } catch (e) {\n console.error(\"AdSense push error:\", e);\n }\n }\n \/\/ **********************************************************\n\n\n \/\/ Wait for adDisplayDuration, then hide ad and show buildings\n setTimeout(() => {\n adContainer.style.display = 'none'; \/\/ Hide ad container\n buildingsContainer.style.display = 'flex'; \/\/ Show buildings container (using flex for layout)\n\n\n buildingsContainer.innerHTML = ''; \/\/ Clear current content\n const start = page * itemsPerPage;\n const end = start + itemsPerPage;\n const buildingsToDisplay = buildings.slice(start, end);\n\n buildingsToDisplay.forEach(building => {\n const buildingCard = document.createElement('div');\n \/\/ Added w-full for small screens, sm:w-64 for larger, and adjusted padding\/margin\n buildingCard.className = 'bg-blue-100 p-4 rounded-lg shadow-md w-full sm:w-64 text-center flex flex-col items-center building-card'; \/\/ Added building-card class\n\n \/\/ Create the link element\n const buildingLink = document.createElement('a');\n buildingLink.href = building.pageUrl; \/\/ Set the link URL\n buildingLink.className = 'building-link'; \/\/ Add a class for styling the link content\n\n buildingLink.innerHTML = `\n <img decoding=\"async\" src=\"${building.imageUrl}\" alt=\"${building.name} Image\" class=\"rounded-md mb-3 w-full h-auto\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found';\">\n <h3 class=\"text-lg font-semibold mb-1 text-gray-800\">${building.name}<\/h3>\n `;\n\n \/\/ Append other building info directly to the card, outside the link\n buildingCard.appendChild(buildingLink); \/\/ Add the link to the card\n\n const infoDiv = document.createElement('div');\n infoDiv.className = 'text-gray-700 text-sm mt-2'; \/\/ Added margin-top for spacing\n infoDiv.innerHTML = `\n <p>Country: ${building.country}<\/p>\n <p>Height: ${building.height_m} m (${building.height_ft} ft)<\/p>\n <p>Number of Floors: ${building.floors}<\/p>\n `;\n buildingCard.appendChild(infoDiv); \/\/ Add info div to the card\n\n\n buildingsContainer.appendChild(buildingCard);\n });\n\n \/\/ Update button states and page info\n prevBtn.disabled = page === 0;\n nextBtn.disabled = end >= buildings.length;\n \/\/ Corrected page info calculation\n pageInfoSpan.textContent = `Buildings ${start + 1}-${Math.min(end, buildings.length)} of ${buildings.length}`; \/\/ Updated page info text\n\n }, adDisplayDuration); \/\/ Delay before showing buildings and hiding ad\n }\n\n \/\/ Event listeners for navigation buttons\n prevBtn.addEventListener('click', () => {\n if (currentPage > 0) {\n currentPage--;\n displayBuildings(currentPage);\n }\n });\n\n nextBtn.addEventListener('click', () => {\n if ((currentPage + 1) * itemsPerPage < buildings.length) {\n currentPage++;\n displayBuildings(currentPage);\n } else if ((currentPage + 1) * itemsPerPage >= buildings.length) { \/\/ Handle exactly the last page or beyond\n \/\/ Do nothing or loop back to the start if desired\n }\n });\n\n\n \/\/ Initial display\n displayBuildings(currentPage);\n });\n\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>World’s Tallest Buildings World’s Tallest Buildings Previous Next<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-194","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":7,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/194\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":194,"date":"2025-05-12T22:23:29","date_gmt":"2025-05-12T22:23:29","guid":{"rendered":"https:\/\/insaatsirketleri.com.tr\/en\/?p=194"},"modified":"2025-05-12T23:33:44","modified_gmt":"2025-05-12T23:33:44","slug":"worlds-tallest-buildings","status":"publish","type":"post","link":"https:\/\/insaatsirketleri.com.tr\/en\/worlds-tallest-buildings\/","title":{"rendered":"World’s Tallest Buildings"},"content":{"rendered":"\n\n\n\n \n \n World’s Tallest Buildings<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\"\n crossorigin=\"anonymous\"><\/script>\n <style>\n \/* Optional custom styles can be added here *\/\n \/* Ensure ad container has a defined height if needed for layout stability *\/\n #ad-container {\n min-height: 100px; \/* Adjust as needed based on your ad size *\/\n display: none; \/* Initially hidden *\/\n align-items: center; \/* Center ad content vertically *\/\n justify-content: center; \/* Center ad content horizontally *\/\n \/* Added background to make the ad area visible even if ad doesn't load *\/\n background-color: #f0f0f0; \/* Light grey background *\/\n border: 1px dashed #ccc; \/* Dashed border *\/\n padding: 10px; \/* Some padding *\/\n }\n \/* Ensure images within cards are responsive *\/\n .building-card img {\n max-width: 100%;\n height: auto;\n }\n \/* Style for the link wrapper around image and text *\/\n .building-link {\n display: flex; \/* Use flex to keep image and text stacked *\/\n flex-direction: column; \/* Stack items vertically *\/\n align-items: center; \/* Center content horizontally *\/\n text-decoration: none; \/* Remove underline from link *\/\n color: inherit; \/* Inherit text color from parent *\/\n }\n .building-link:hover h3 {\n text-decoration: underline; \/* Underline title on hover *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"bg-white rounded-xl shadow-lg p-6 w-full max-w-4xl mx-auto\">\n <h1 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">World’s Tallest Buildings<\/h1>\n\n <div id=\"buildings-container\" class=\"flex flex-wrap justify-center gap-6 mb-6\">\n <\/div>\n\n <div id=\"ad-container\" class=\"my-6 text-center flex\">\n <ins class=\"adsbygoogle\"\n style=\"display:block\"\n data-ad-client=\"ca-pub-2506329722665303\"\n data-ad-slot=\"2178518307\"\n data-ad-format=\"auto\"\n data-full-width-responsive=\"true\"><\/ins>\n <\/div>\n\n <div class=\"flex justify-between items-center mt-6\">\n <button id=\"prev-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n <i class=\"fas fa-arrow-left\"><\/i> Previous\n <\/button>\n <span id=\"page-info\" class=\"text-gray-700 font-semibold text-sm sm:text-base\"><\/span>\n <button id=\"next-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n Next <i class=\"fas fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Data for the world's top 50 tallest buildings\n const buildings = [\n { name: \"Burj Khalifa\", country: \"United Arab Emirates\", height_m: 828, height_ft: 2717, floors: 163, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/8d\/Burj_Khalifa_-_Dubai_-_United_Arab_Emirates.jpg\/800px-Burj_Khalifa_-_Dubai_-_United_Arab_Emirates.jpg\", pageUrl: \"#burj-khalifa\" }, \/\/ Replace #burj-khalifa with your actual page URL\n { name: \"Merdeka 118\", country: \"Malaysia\", height_m: 678.9, height_ft: 2227, floors: 118, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c9\/Merdeka_118_%28cropped%29.jpg\/800px-Merdeka_118_%28cropped%29.jpg\", pageUrl: \"#merdeka-118\" }, \/\/ Replace with actual URL\n { name: \"Shanghai Tower\", country: \"China\", height_m: 632, height_ft: 2073, floors: 128, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Shanghai_Tower_2018.jpg\/800px-Shanghai_Tower_2018.jpg\", pageUrl: \"#shanghai-tower\" }, \/\/ Replace with actual URL\n { name: \"Abraj Al-Bait Clock Tower\", country: \"Saudi Arabia\", height_m: 601, height_ft: 1972, floors: 120, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d6\/Abraj_Al_Bait_Towers_%28Mecca%29.jpg\/800px-Abraj_Al_Bait_Towers_%28Mecca%29.jpg\", pageUrl: \"#abraj-al-bait\" }, \/\/ Replace with actual URL\n { name: \"Ping An Finance Centre\", country: \"China\", height_m: 599.1, height_ft: 1966, floors: 115, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/ba\/Ping_An_Finance_Centre_in_Shenzhen.JPG\/800px-Ping_An_Finance_Centre_in_Shenzhen.JPG\", pageUrl: \"#ping-an-finance\" }, \/\/ Replace with actual URL\n { name: \"Lotte World Tower\", country: \"South Korea\", height_m: 554.5, height_ft: 1819, floors: 123, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/bc\/Lotte_World_Tower_at_night.jpg\/800px-Lotte_World_Tower_at_night.jpg\", pageUrl: \"#lotte-world-tower\" }, \/\/ Replace with actual URL\n { name: \"One World Trade Center\", country: \"United States\", height_m: 541.3, height_ft: 1776, floors: 94, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/One_World_Trade_Center%2C_New_York_City_%28July_2022%29.jpg\/800px-One_World_Trade_Center%2C_New_York_City_%28July_2022%29.jpg\", pageUrl: \"#one-wtc\" }, \/\/ Replace with actual URL\n { name: \"Guangzhou CTF Finance Centre\", country: \"China\", height_m: 530, height_ft: 1739, floors: 111, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/11\/Guangzhou_CTF_Finance_Centre.jpg\/800px-Guangzhou_CTF_Finance_Centre.jpg\", pageUrl: \"#guangzhou-ctf\" }, \/\/ Replace with actual URL\n { name: \"Tianjin CTF Finance Centre\", country: \"China\", height_m: 530, height_ft: 1739, floors: 97, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Tianjin_CTF_Finance_Centre.jpg\/800px-Tianjin_CTF_Finance_Centre.jpg\", pageUrl: \"#tianjin-ctf\" }, \/\/ Replace with actual URL\n { name: \"CITIC Tower\", country: \"China\", height_m: 527.7, height_ft: 1731, floors: 109, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c3\/CITIC_Tower_%28cropped%29.jpg\/800px-CITIC_Tower_%28cropped%29.jpg\", pageUrl: \"#citic-tower\" }, \/\/ Replace with actual URL\n { name: \"Taipei 101\", country: \"Taiwan\", height_m: 508, height_ft: 1667, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/22\/Taipei_101_2008_New_Year%27s_Eve.jpg\/800px-Taipei_101_2008_New_Year%27s_Eve.jpg\", pageUrl: \"#taipei-101\" }, \/\/ Replace with actual URL\n { name: \"Shanghai World Financial Center\", country: \"China\", height_m: 492, height_ft: 1614, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b0\/Shanghai_World_Financial_Center_2010.jpg\/800px-Shanghai_World_Financial_Center_2010.jpg\", pageUrl: \"#swfc\" }, \/\/ Replace with actual URL\n { name: \"International Commerce Centre\", country: \"Hong Kong\", height_m: 484, height_ft: 1588, floors: 108, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e7\/Hong_Kong_ICC_%28cropped%29.jpg\/800px-Hong_Kong_ICC_%28cropped%29.jpg\", pageUrl: \"#icc\" }, \/\/ Replace with actual URL\n { name: \"Wuhan Greenland Center\", country: \"China\", height_m: 475.6, height_ft: 1560, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4f\/Wuhan_Greenland_Center_2021.jpg\/800px-Wuhan_Greenland_Center_2021.jpg\", pageUrl: \"#wuhan-greenland\" }, \/\/ Replace with actual URL\n { name: \"Central Park Tower\", country: \"United States\", height_m: 472.4, height_ft: 1550, floors: 98, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/16\/Central_Park_Tower_%28cropped%29.jpg\/800px-Central_Park_Tower_%28cropped%29.jpg\", pageUrl: \"#central-park-tower\" }, \/\/ Replace with actual URL\n { name: \"Lakhta Center\", country: \"Russia\", height_m: 462, height_ft: 1516, floors: 87, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/12\/Lakhta_Center_2020.jpg\/800px-Lakhta_Center_2020.jpg\", pageUrl: \"#lakhta-center\" }, \/\/ Replace with actual URL\n { name: \"Vincom Landmark 81\", country: \"Vietnam\", height_m: 461, height_ft: 1513, floors: 81, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a8\/Landmark_81_at_night.jpg\/800px-Landmark_81_at_night.jpg\", pageUrl: \"#vincom-landmark-81\" }, \/\/ Replace with actual URL\n { name: \"The Exchange 106\", country: \"Malaysia\", height_m: 454, height_ft: 1488, floors: 95, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4b\/The_Exchange_106_at_Tun_Razak_Exchange.jpg\/800px-The_Exchange_106_at_Tun_Razak_Exchange.jpg\", pageUrl: \"#the-exchange-106\" }, \/\/ Replace with actual URL\n { name: \"Changsha IFS Tower T1\", country: \"China\", height_m: 452, height_ft: 1483, floors: 94, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/24\/Changsha_IFS_Tower_T1.jpg\/800px-Changsha_IFS_Tower_T1.jpg\", pageUrl: \"#changsha-ifs-t1\" }, \/\/ Replace with actual URL\n { name: \"Petronas Tower 1\", country: \"Malaysia\", height_m: 452, height_ft: 1483, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\/800px-Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\", pageUrl: \"#petronas-tower-1\" }, \/\/ Replace with actual URL\n { name: \"Petronas Tower 2\", country: \"Malaysia\", height_m: 452, height_ft: 1483, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\/800px-Petronas_Twin_Towers_Kuala_Lumpur_Malaysia.jpg\", pageUrl: \"#petronas-tower-2\" }, \/\/ Replace with actual URL\n { name: \"Suzhou IFS\", country: \"China\", height_m: 450, height_ft: 1476, floors: 95, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b1\/Suzhou_IFS.jpg\/800px-Suzhou_IFS.jpg\", pageUrl: \"#suzhou-ifs\" }, \/\/ Replace with actual URL\n { name: \"Zifeng Tower\", country: \"China\", height_m: 450, height_ft: 1476, floors: 66, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c2\/Nanjing_Greenland_Center.jpg\/800px-Nanjing_Greenland_Center.jpg\", pageUrl: \"#zifeng-tower\" }, \/\/ Replace with actual URL\n { name: \"Wuhan Center Tower\", country: \"China\", height_m: 443, height_ft: 1454, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9f\/Wuhan_Center_Tower.jpg\/800px-Wuhan_Center_Tower.jpg\", pageUrl: \"#wuhan-center-tower\" }, \/\/ Replace with actual URL\n { name: \"Willis Tower\", country: \"United States\", height_m: 442, height_ft: 1451, floors: 108, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a4\/Willis_Tower_2019.jpg\/800px-Willis_Tower_2019.jpg\", pageUrl: \"#willis-tower\" }, \/\/ Replace with actual URL\n { name: \"KK100\", country: \"China\", height_m: 442, height_ft: 1449, floors: 98, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2b\/Kingkey_100_%28cropped%29.jpg\/800px-Kingkey_100_%28cropped%29.jpg\", pageUrl: \"#kk100\" }, \/\/ Replace with actual URL\n { name: \"Guangzhou International Finance Center\", country: \"China\", height_m: 439, height_ft: 1439, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/01\/Guangzhou_International_Finance_Center.jpg\/800px-Guangzhou_International_Finance_Center.jpg\", pageUrl: \"#guangzhou-ifc\" }, \/\/ Replace with actual URL\n { name: \"111 West 57th Street\", country: \"United States\", height_m: 435, height_ft: 1428, floors: 84, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f7\/111_West_57th_Street_%28cropped%29.jpg\/800px-111_West_57th_Street_%28cropped%29.jpg\", pageUrl: \"#111-west-57th-street\" }, \/\/ Replace with actual URL\n { name: \"One Vanderbilt Avenue\", country: \"United States\", height_m: 427, height_ft: 1401, floors: 62, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f1\/One_Vanderbilt_from_Empire_State_Building.jpg\/800px-One_Vanderbilt_from_Empire_State_Building.jpg\", pageUrl: \"#one-vanderbilt\" }, \/\/ Replace with actual URL\n { name: \"432 Park Avenue\", country: \"United States\", height_m: 426, height_ft: 1397, floors: 85, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c2\/432_Park_Avenue_%28cropped%29.jpg\/800px-432_Park_Avenue_%28cropped%29.jpg\", pageUrl: \"#432-park-avenue\" }, \/\/ Replace with actual URL\n { name: \"Marina 101\", country: \"United Arab Emirates\", height_m: 425, height_ft: 1394, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Marina_101_Dubai.jpg\/800px-Marina_101_Dubai.jpg\", pageUrl: \"#marina-101\" }, \/\/ Replace with actual URL\n { name: \"Trump International Hotel & Tower\", country: \"United States\", height_m: 423, height_ft: 1389, floors: 98, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a1\/Trump_International_Hotel_and_Tower_Chicago.jpg\/800px-Trump_International_Hotel_and_Tower_Chicago.jpg\", pageUrl: \"#trump-tower-chicago\" }, \/\/ Replace with actual URL\n { name: \"Minying International Trade Center T2\", country: \"China\", height_m: 423, height_ft: 1386, floors: 85, imageUrl: \"https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found\", pageUrl: \"#minying-itc-t2\" }, \/\/ Replace with actual URL\n { name: \"Jin Mao Tower\", country: \"China\", height_m: 421, height_ft: 1380, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/dc\/Jin_Mao_Tower_2009.jpg\/800px-Jin_Mao_Tower_2009.jpg\", pageUrl: \"#jin-mao-tower\" }, \/\/ Replace with actual URL\n { name: \"Princess Tower\", country: \"United Arab Emirates\", height_m: 413, height_ft: 1356, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/31\/Princess_Tower_Dubai.jpg\/800px-Princess_Tower_Dubai.jpg\", pageUrl: \"#princess-tower\" }, \/\/ Replace with actual URL\n { name: \"Al Hamra Tower\", country: \"Kuwait\", height_m: 413, height_ft: 1354, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6f\/Kuwait_City_-_Al_Hamra_Tower.jpg\/800px-Kuwait_City_-_Al_Hamra_Tower.jpg\", pageUrl: \"#al-hamra-tower\" }, \/\/ Replace with actual URL\n { name: \"Two International Finance Centre\", country: \"Hong Kong\", height_m: 412, height_ft: 1352, floors: 88, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f8\/Hong_Kong_Two_International_Finance_Centre.jpg\/800px-Hong_Kong_Two_International_Finance_Centre.jpg\", pageUrl: \"#two-ifc\" }, \/\/ Replace with actual URL\n { name: \"Haeundae LCT The Sharp Landmark Tower\", country: \"South Korea\", height_m: 411.6, height_ft: 1350, floors: 101, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f6\/Haeundae_LCT_The_Sharp.jpg\/800px-Haeundae_LCT_The_Sharp.jpg\", pageUrl: \"#haeundae-lct\" }, \/\/ Replace with actual URL\n { name: \"Eton Place Dalian Tower 1\", country: \"China\", height_m: 407, height_ft: 1335, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/24\/Eton_Place_Dalian.jpg\/800px-Eton_Place_Dalian.jpg\", pageUrl: \"#eton-place-dalian\" }, \/\/ Replace with actual URL\n { name: \"Guiyang International Financial Center T1\", country: \"China\", height_m: 401, height_ft: 1316, floors: 79, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a6\/Guiyang_International_Financial_Center.jpg\/800px-Guiyang_International_Financial_Center.jpg\", pageUrl: \"#guiyang-ifc-t1\" }, \/\/ Replace with actual URL\n { name: \"Nanning Logan Century One\", country: \"China\", height_m: 401, height_ft: 1316, floors: 82, imageUrl: \"https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found\", pageUrl: \"#nanning-logan\" }, \/\/ Replace with actual URL\n { name: \"Shun Hing Square\", country: \"China\", height_m: 384, height_ft: 1260, floors: 69, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1d\/Shun_Hing_Square.jpg\/800px-Shun_Hing_Square.jpg\", pageUrl: \"#shun-hing-square\" }, \/\/ Replace with actual URL\n { name: \"Empire State Building\", country: \"United States\", height_m: 381, height_ft: 1250, floors: 102, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/10\/Empire_State_Building_%28aerial_view%29.jpg\/800px-Empire_State_Building_%28aerial_view%29.jpg\", pageUrl: \"#empire-state-building\" }, \/\/ Replace with actual URL\n { name: \"China Resources Headquarters\", country: \"China\", height_m: 392.5, height_ft: 1288, floors: 67, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0b\/China_Resources_Headquarters.jpg\/800px-China_Resources_Headquarters.jpg\", pageUrl: \"#china-resources-hq\" }, \/\/ Replace with actual URL\n { name: \"Public Investment Fund Tower\", country: \"Saudi Arabia\", height_m: 385, height_ft: 1263, floors: 77, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c7\/KAFD_PIF_Tower.jpg\/800px-KAFD_PIF_Tower.jpg\", pageUrl: \"#pif-tower\" }, \/\/ Replace with actual URL\n { name: \"30 Hudson Yards\", country: \"United States\", height_m: 386, height_ft: 1266, floors: 73, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b0\/30_Hudson_Yards_-_November_2020.jpg\/800px-30_Hudson_Yards_-_November_2020.jpg\", pageUrl: \"#30-hudson-yards\" }, \/\/ Replace with actual URL\n { name: \"Shum Yip Upperhills Tower 1\", country: \"China\", height_m: 388, height_ft: 1273, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b3\/Shum_Yip_Upperhills_Tower_1_%28cropped%29.jpg\/800px-Shum_Yip_Upperhills_Tower_1_%28cropped%29.jpg\", pageUrl: \"#shum-yip-upperhills-t1\" }, \/\/ Replace with actual URL\n { name: \"Citymark Centre\", country: \"China\", height_m: 388, height_ft: 1273, floors: 81, imageUrl: \"https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found\", pageUrl: \"#citymark-centre\" }, \/\/ Replace with actual URL\n { name: \"CITIC Plaza\", country: \"China\", height_m: 391, height_ft: 1283, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/CITIC_Plaza_Guangzhou.jpg\/800px-CITIC_Plaza_Guangzhou.jpg\", pageUrl: \"#citic-plaza\" }, \/\/ Replace with actual URL\n { name: \"Almas Tower\", country: \"United Arab Emirates\", height_m: 360, height_ft: 1181, floors: 68, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c7\/Almas_Tower_Dubai.jpg\/800px-Almas_Tower_Dubai.jpg\", pageUrl: \"#almas-tower\" }, \/\/ Replace with actual URL\n { name: \"Baiyoke Tower II\", country: \"Thailand\", height_m: 304, height_ft: 997, floors: 85, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/14\/Baiyoke_Tower_II_2019.jpg\/800px-Baiyoke_Tower_II_2019.jpg\", pageUrl: \"#baiyoke-tower-ii\" }, \/\/ Replace with actual URL\n { name: \"Kingdom Centre\", country: \"Saudi Arabia\", height_m: 302.3, height_ft: 992, floors: 41, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/3c\/Kingdom_Centre_Riyadh.jpg\/800px-Kingdom_Centre_Riyadh.jpg\", pageUrl: \"#kingdom-centre\" }, \/\/ Replace with actual URL\n { name: \"Index Tower\", country: \"United Arab Emirates\", height_m: 326, height_ft: 1070, floors: 80, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/Index_Tower_Dubai.jpg\/800px-Index_Tower_Dubai.jpg\", pageUrl: \"#index-tower\" } \/\/ Replace with actual URL\n ];\n\n \/\/ Ensure the script runs after the DOM is fully loaded\n document.addEventListener('DOMContentLoaded', () => {\n const buildingsContainer = document.getElementById('buildings-container');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const pageInfoSpan = document.getElementById('page-info');\n const adContainer = document.getElementById('ad-container'); \/\/ Reference to the ad container\n const adInsElement = adContainer.querySelector('.adsbygoogle'); \/\/ Get the ins element\n\n let currentPage = 0;\n const itemsPerPage = 2; \/\/ Display two buildings at a time\n const adDisplayDuration = 2000; \/\/ Duration to show the ad in milliseconds (2 seconds)\n\n \/\/ Function to display buildings for the current page\n function displayBuildings(page) {\n \/\/ Hide buildings container and show ad container\n buildingsContainer.style.display = 'none';\n adContainer.style.display = 'flex'; \/\/ Use flex to center ad content\n\n \/\/ *** YOUR AD CODE LOADING\/REFRESHING LOGIC HERE ***\n \/\/ For Google AdSense, the push command needs to be called\n \/\/ after the ad container is visible and has a size.\n if (adInsElement) {\n console.log(\"Ad container offsetWidth before push:\", adContainer.offsetWidth); \/\/ Log width\n try {\n \/\/ Push the ad unit after the container is visible\n (adsbygoogle = window.adsbygoogle || []).push({});\n } catch (e) {\n console.error(\"AdSense push error:\", e);\n }\n }\n \/\/ **********************************************************\n\n\n \/\/ Wait for adDisplayDuration, then hide ad and show buildings\n setTimeout(() => {\n adContainer.style.display = 'none'; \/\/ Hide ad container\n buildingsContainer.style.display = 'flex'; \/\/ Show buildings container (using flex for layout)\n\n\n buildingsContainer.innerHTML = ''; \/\/ Clear current content\n const start = page * itemsPerPage;\n const end = start + itemsPerPage;\n const buildingsToDisplay = buildings.slice(start, end);\n\n buildingsToDisplay.forEach(building => {\n const buildingCard = document.createElement('div');\n \/\/ Added w-full for small screens, sm:w-64 for larger, and adjusted padding\/margin\n buildingCard.className = 'bg-blue-100 p-4 rounded-lg shadow-md w-full sm:w-64 text-center flex flex-col items-center building-card'; \/\/ Added building-card class\n\n \/\/ Create the link element\n const buildingLink = document.createElement('a');\n buildingLink.href = building.pageUrl; \/\/ Set the link URL\n buildingLink.className = 'building-link'; \/\/ Add a class for styling the link content\n\n buildingLink.innerHTML = `\n <img decoding=\"async\" src=\"${building.imageUrl}\" alt=\"${building.name} Image\" class=\"rounded-md mb-3 w-full h-auto\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/250x150\/E5E7EB\/1F2937?text=Image+Not+Found';\">\n <h3 class=\"text-lg font-semibold mb-1 text-gray-800\">${building.name}<\/h3>\n `;\n\n \/\/ Append other building info directly to the card, outside the link\n buildingCard.appendChild(buildingLink); \/\/ Add the link to the card\n\n const infoDiv = document.createElement('div');\n infoDiv.className = 'text-gray-700 text-sm mt-2'; \/\/ Added margin-top for spacing\n infoDiv.innerHTML = `\n <p>Country: ${building.country}<\/p>\n <p>Height: ${building.height_m} m (${building.height_ft} ft)<\/p>\n <p>Number of Floors: ${building.floors}<\/p>\n `;\n buildingCard.appendChild(infoDiv); \/\/ Add info div to the card\n\n\n buildingsContainer.appendChild(buildingCard);\n });\n\n \/\/ Update button states and page info\n prevBtn.disabled = page === 0;\n nextBtn.disabled = end >= buildings.length;\n \/\/ Corrected page info calculation\n pageInfoSpan.textContent = `Buildings ${start + 1}-${Math.min(end, buildings.length)} of ${buildings.length}`; \/\/ Updated page info text\n\n }, adDisplayDuration); \/\/ Delay before showing buildings and hiding ad\n }\n\n \/\/ Event listeners for navigation buttons\n prevBtn.addEventListener('click', () => {\n if (currentPage > 0) {\n currentPage--;\n displayBuildings(currentPage);\n }\n });\n\n nextBtn.addEventListener('click', () => {\n if ((currentPage + 1) * itemsPerPage < buildings.length) {\n currentPage++;\n displayBuildings(currentPage);\n } else if ((currentPage + 1) * itemsPerPage >= buildings.length) { \/\/ Handle exactly the last page or beyond\n \/\/ Do nothing or loop back to the start if desired\n }\n });\n\n\n \/\/ Initial display\n displayBuildings(currentPage);\n });\n\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>World’s Tallest Buildings World’s Tallest Buildings Previous Next<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-194","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":7,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/194\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}