{"id":211,"date":"2025-05-13T00:14:31","date_gmt":"2025-05-13T00:14:31","guid":{"rendered":"https:\/\/insaatsirketleri.com.tr\/en\/?p=211"},"modified":"2025-05-13T00:16:40","modified_gmt":"2025-05-13T00:16:40","slug":"worlds-largest-ships","status":"publish","type":"post","link":"https:\/\/insaatsirketleri.com.tr\/en\/worlds-largest-ships\/","title":{"rendered":"World’s Largest Ships"},"content":{"rendered":"\n

<\/a><\/p>\n\n\n\n\n\n\n \n \n World’s Largest Ships<\/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 .ship-card img {\n max-width: 100%;\n height: auto;\n border: 2px solid #3B82F6; \/* Added blue border around images *\/\n border-radius: 0.5rem; \/* Added rounded corners to the border *\/\n }\n \/* Style for the link wrapper around image and text *\/\n .ship-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 .ship-link:hover h3 {\n text-decoration: underline; \/* Underline title on hover *\/\n }\n \/* Styling for the info block *\/\n .ship-info {\n margin-top: 1rem; \/* Added more space above info *\/\n padding-top: 0.5rem; \/* Added padding above info *\/\n border-top: 1px solid #ccc; \/* Added a subtle line above info *\/\n width: 100%; \/* Ensure info block takes full width *\/\n text-align: left; \/* Align text to the left *\/\n }\n .ship-info p {\n margin-bottom: 0.25rem; \/* Space between info lines *\/\n font-size: 0.875rem; \/* Slightly smaller font for info *\/\n color: #4B5563; \/* Darker gray for better readability *\/\n padding-left: 0.5rem; \/* Add some padding on the left *\/\n }\n \/* Styling for social share buttons container *\/\n .social-share-container {\n margin-top: 1rem;\n padding-top: 0.5rem;\n border-top: 1px solid #ccc;\n width: 100%;\n display: flex;\n justify-content: center; \/* Center buttons *\/\n gap: 1rem; \/* Space between buttons *\/\n }\n .social-share-container a {\n color: #4B5563; \/* Default icon color *\/\n font-size: 1.5rem; \/* Icon size *\/\n transition: color 0.2s ease-in-out;\n }\n .social-share-container a:hover {\n color: #1DA1F2; \/* Twitter Blue *\/\n }\n .social-share-container a.facebook:hover {\n color: #1877F2; \/* Facebook Blue *\/\n }\n .social-share-container a.linkedin:hover {\n color: #0A66C2; \/* LinkedIn Blue *\/\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 Largest Ships<\/h1>\n\n <div id=\"ships-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 <\/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 some of the world's largest and notable ships\n const ships = [\n { name: \"Prelude FLNG\", type: \"FLNG (Floating LNG Platform)\", country: \"Australia\", length_m: 488, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Prelude_FLNG_at_sea.jpg\/800px-Prelude_FLNG_at_sea.jpg\", pageUrl: \"#prelude-flng\" }, \/\/ Replace with actual URL\n { name: \"Seawise Giant\", type: \"Supertanker (ULCC)\", country: \"Liberia\/Norway\", length_m: 458, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/5\/5a\/Seawise_Giant_%28cropped%29.jpg\/800px-Seawise_Giant_%28cropped%29.jpg\", pageUrl: \"#seawise-giant\" }, \/\/ Historically largest, scrapped. Replace with actual URL\n { name: \"Ever Ace\", type: \"Container Ship\", country: \"Panama\", length_m: 400, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d3\/EVER_ACE_%282021%29_001.jpg\/800px-EVER_ACE_%282021%29_001.jpg\", pageUrl: \"#ever-ace\" }, \/\/ Replace with actual URL\n { name: \"HMM Algeciras\", type: \"Container Ship\", country: \"Panama\", length_m: 400, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/26\/HMM_ALGECIRAS_%282020%29_001.jpg\/800px-HMM_ALGECIRAS_%282020%29_001.jpg\", pageUrl: \"#hmm-algeciras\" }, \/\/ Replace with actual URL\n { name: \"CMA CGM Jacques Saad\u00e9\", type: \"Container Ship\", country: \"France\", length_m: 400, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/04\/CMA_CGM_JACQUES_SAADE_%282020%29_001.jpg\/800px-CMA_CGM_JACQUES_SAADE_%282020%29_001.jpg\", pageUrl: \"#cma-cgm-jacques-saade\" }, \/\/ Replace with actual URL\n { name: \"Maersk Triple E class\", type: \"Container Ship\", country: \"Denmark\", length_m: 399, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6c\/M%C3%A6rsk_Mc-Kinney_M%C3%B8ller_001.JPG\/800px-M%C3%A6rsk_Mc-Kinney_M%C3%B8ller_001.JPG\", pageUrl: \"#maersk-triple-e\" }, \/\/ Example of class. Replace with actual URL\n { name: \"TI-class supertankers\", type: \"Supertanker (ULCC)\", country: \"Belgium\/Greece\", length_m: 380, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b8\/TI_Europe_at_sea.jpg\/800px-TI_Europe_at_sea.jpg\", pageUrl: \"#ti-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Pioneering Spirit\", type: \"Construction Vessel\", country: \"Switzerland\", length_m: 382, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1c\/Pioneering_Spirit_in_Rotterdam_harbour_2016.jpg\/800px-Pioneering_Spirit_in_Rotterdam_harbour_2016.jpg\", pageUrl: \"#pioneering-spirit\" }, \/\/ Replace with actual URL\n { name: \"Icon of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 365, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Icon_of_the_Seas_at_sea.jpg\/800px-Icon_of_the_Seas_at_sea.jpg\", pageUrl: \"#icon-of-the-seas\" }, \/\/ Replace with actual URL\n { name: \"Wonder of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 362, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Wonder_of_the_Seas_%28cropped%29.jpg\/800px-Wonder_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#wonder-of-the-seas\" }, \/\/ Replace with actual URL\n { name: \"Harmony of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 362, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Harmony_of_the_Seas_in_Port_Everglades.jpg\/800px-Harmony_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#harmony-of-the-seas\" }, \/\/ Replace with actual URL\n { name: \"Allure of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 362, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Allure_of_the_Seas_in_Port_Everglades.jpg\/800px-Allure_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#allure-of-the-seas\" }, \/\/ Replace with actual URL\n { name: \"Oasis of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 361, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/35\/Oasis_of_the_Seas_in_Port_Everglades.jpg\/800px-Oasis_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#oasis-of-the-seas\" }, \/\/ Replace with actual URL\n { name: \"Symphony of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 361, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7c\/Symphony_of_the_Seas_in_Port_Miami.jpg\/800px-Symphony_of_the_Seas_in_Port_Miami.jpg\", pageUrl: \"#symphony-of-the-seas\" }, \/\/ Replace with actual URL\n { name: \"Valemax ore carriers\", type: \"Ore Carrier\", country: \"Brazil\/China\", length_m: 360, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2c\/Vale_Brasil_-_Port_of_Rotterdam.jpg\/800px-Vale_Brasil_-_Port_of_Rotterdam.jpg\", pageUrl: \"#valemax\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Queen Mary 2\", type: \"Ocean Liner\", country: \"UK\", length_m: 345, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/18\/Queen_Mary_2_in_Sydney.jpg\/800px-Queen_Mary_2_in_Sydney.jpg\", pageUrl: \"#queen-mary-2\" }, \/\/ Replace with actual URL\n { name: \"Q-Max tankers\", type: \"LNG Carrier\", country: \"Qatar\", length_m: 345, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/88\/Mozah_LNG_Carrier.jpg\/800px-Mozah_LNG_Carrier.jpg\", pageUrl: \"#q-max\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Global Dream\", type: \"Cruise Ship\", country: \"Hong Kong\", length_m: 342, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream\" }, \/\/ Under construction\/conversion. Replace with actual URL\n { name: \"Mardi Gras\", type: \"Cruise Ship\", country: \"USA\", length_m: 340, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras\" }, \/\/ Replace with actual URL\n { name: \"Freedom-class cruise ships\", type: \"Cruise Ship\", country: \"USA\", length_m: 339, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Freedom_of_the_Seas_in_St._Maarten.jpg\/800px-Freedom_of_the_Seas_in_St._Maarten.jpg\", pageUrl: \"#freedom-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Costa Smeralda\", type: \"Cruise Ship\", country: \"Italy\", length_m: 337, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda\" }, \/\/ Replace with actual URL\n { name: \"AIDAnova\", type: \"Cruise Ship\", country: \"Germany\", length_m: 337, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_in_Madeira.jpg\", pageUrl: \"#aidanova\" }, \/\/ Replace with actual URL\n { name: \"Iona\", type: \"Cruise Ship\", country: \"UK\", length_m: 345, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona\" }, \/\/ Replace with actual URL\n { name: \"MSC World Europa\", type: \"Cruise Ship\", country: \"Malta\", length_m: 333, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/MSC_World_Europa_in_Doha.jpg\/800px-MSC_World_Europa_in_Doha.jpg\", pageUrl: \"#msc-world-europa\" }, \/\/ Replace with actual URL\n { name: \"USS Gerald R. Ford\", type: \"Aircraft Carrier\", country: \"USA\", length_m: 333, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c5\/USS_Gerald_R._Ford_%28CVN-78%29_underway_in_the_Atlantic_Ocean_on_25_January_2020_%28200125-N-BD352-0088%29.JPG\/800px-USS_Gerald_R._Ford_%28CVN-78%29_underway_in_the_Atlantic_Ocean_on_25_January_2020_%28200125-N-BD352-0088%29.JPG\", pageUrl: \"#uss-gerald-r-ford\" }, \/\/ Replace with actual URL\n { name: \"Nimitz-class aircraft carriers\", type: \"Aircraft Carrier\", country: \"USA\", length_m: 333, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/USS_Nimitz_%28CVN-68%29_underway_in_the_Pacific_Ocean_on_14_August_2017_%28170814-N-OY799-094%29.JPG\/800px-USS_Nimitz_%28CVN-68%29_underway_in_the_Pacific_Ocean_on_14_August_2017_%28170814-N-OY799-094%29.JPG\", pageUrl: \"#nimitz-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Type 003 aircraft carrier\", type: \"Aircraft Carrier\", country: \"China\", length_m: 320, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0d\/Chinese_aircraft_carrier_Fujian_%2818%29_at_Jiangnan_Shipyard_on_17_June_2022.jpg\/800px-Chinese_aircraft_carrier_Fujian_%2818%29_at_Jiangnan_Shipyard_on_17_June_2022.jpg\", pageUrl: \"#type-003-carrier\" }, \/\/ Replace with actual URL\n { name: \"Voyager-class cruise ships\", type: \"Cruise Ship\", country: \"USA\", length_m: 311, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/de\/Voyager_of_the_Seas.jpg\/800px-Voyager_of_the_Seas.jpg\", pageUrl: \"#voyager-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Kuznetsov-class aircraft carrier\", type: \"Aircraft Carrier\", country: \"Russia\", length_m: 305, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Admiral_Kuznetsov_01.jpg\/800px-Admiral_Kuznetsov_01.jpg\", pageUrl: \"#kuznetsov-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Titanic\", type: \"Ocean Liner\", country: \"UK\", length_m: 269, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/RMS_Titanic_3.jpg\/800px-RMS_Titanic_3.jpg\", pageUrl: \"#titanic\" }, \/\/ Famous, historical. Replace with actual URL\n { name: \"USS Iowa-class battleships\", type: \"Battleship\", country: \"USA\", length_m: 271, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f1\/USS_Iowa_%28BB-61%29_underway_in_the_Pacific_Ocean_on_25_October_1984_%286357819%29.jpeg\/800px-USS_Iowa_%28BB-61%29_underway_in_the_Pacific_Ocean_on_25_October_1984_%286357819%29.jpeg\", pageUrl: \"#iowa-class\" }, \/\/ Example of class, historical. Replace with actual URL\n { name: \"Yamato-class battleships\", type: \"Battleship\", country: \"Japan\", length_m: 263, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Japanese_battleship_Yamato_at_sea_in_1941.jpg\/800px-Japanese_battleship_Yamato_at_sea_in_1941.jpg\", pageUrl: \"#yamato-class\" }, \/\/ Example of class, historical. Replace with actual URL\n { name: \"Boka Vanguard\", type: \"Heavy Lift Ship\", country: \"Netherlands\", length_m: 275, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/17\/Boka_Vanguard_in_Rotterdam_harbour_2013.jpg\/800px-Boka_Vanguard_in_Rotterdam_harbour_2013.jpg\", pageUrl: \"#boka-vanguard\" }, \/\/ Replace with actual URL\n { name: \"Dockwise Vanguard\", type: \"Heavy Lift Ship\", country: \"Netherlands\", length_m: 275, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Dockwise_Vanguard_in_Rotterdam_harbour_2013.jpg\/800px-Dockwise_Vanguard_in_Rotterdam_harbour_2013.jpg\", pageUrl: \"#dockwise-vanguard\" }, \/\/ Replace with actual URL\n { name: \"Queen Elizabeth-class aircraft carriers\", type: \"Aircraft Carrier\", country: \"UK\", length_m: 280, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/HMS_Queen_Elizabeth_%28R08%29_at_sea_in_2021.jpg\/800px-HMS_Queen_Elizabeth_%28R08%29_at_sea_in_2021.jpg\", pageUrl: \"#queen-elizabeth-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Blue Whale I\", type: \"Drillship\", country: \"China\", length_m: 238, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a8\/Blue_Whale_I_drillship.jpg\/800px-Blue_Whale_I_drillship.jpg\", pageUrl: \"#blue-whale-i\" }, \/\/ Replace with actual URL\n { name: \"Akademik Lomonosov\", type: \"Floating Nuclear Power Plant\", country: \"Russia\", length_m: 144, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a1\/Akademik_Lomonosov_in_Murmansk_2019.jpg\/800px-Akademik_Lomonosov_in_Murmansk_2019.jpg\", pageUrl: \"#akademik-lomonosov\" }, \/\/ Replace with actual URL\n { name: \"Type 055 destroyer\", type: \"Destroyer\", country: \"China\", length_m: 180, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c5\/PLAN_Type_055_destroyer_Nanchang_%28101%29_at_Qingdao_in_2019.jpg\/800px-PLAN_Type_055_destroyer_Nanchang_%28101%29_at_Qingdao_in_2019.jpg\", pageUrl: \"#type-055-destroyer\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Ticonderoga-class cruiser\", type: \"Cruiser\", country: \"USA\", length_m: 173, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/USS_Lake_Champlain_%28CG-57%29_underway_in_the_Pacific_Ocean_on_11_July_2019_%28190711-N-N0101-103%29.JPG\/800px-USS_Lake_Champlain_%28CG-57%29_underway_in_the_Pacific_Ocean_on_11_July_2019_%28190711-N-N0101-103%29.JPG\", pageUrl: \"#ticonderoga-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Kirov-class battlecruiser\", type: \"Battlecruiser\", country: \"Russia\", length_m: 252, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/ee\/Pyotr_Velikiy_01.jpg\/800px-Pyotr_Velikiy_01.jpg\", pageUrl: \"#kirov-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Arleigh Burke-class destroyer\", type: \"Destroyer\", country: \"USA\", length_m: 155, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/USS_Arleigh_Burke_%28DDG-51%29_underway_in_the_Atlantic_Ocean_on_15_July_2020_%28200715-N-N0101-010%29.JPG\/800px-USS_Arleigh_Burke_%28DDG-51%29_underway_in_the_Atlantic_Ocean_on_15_July_2020_%28200715-N-N0101-010%29.JPG\", pageUrl: \"#arleigh-burke-class\" }, \/\/ Example of class. Replace with actual URL\n { name: \"Sovremenny-class destroyer\", type: \"Destroyer\", country: \"Russia\", length_m: 156, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/RFS_Admiral_Ushakov_in_the_Baltic_Sea_on_15_July_2017.JPG\/800px-RFS_Admiral_Ushakov_in_the_Baltic_Sea_on_15_July_2017.JPG\", pageUrl: \"#sovremenny-class\" }, \/\/ Example of class. Replace with actual URL\n \/\/ Add more ships to reach around 50 entries\n { name: \"Symphony of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 361, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7c\/Symphony_of_the_Seas_in_Port_Miami.jpg\/800px-Symphony_of_the_Seas_in_Port_Miami.jpg\", pageUrl: \"#symphony-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Harmony of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 362, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Harmony_of_the_Seas_in_Port_Everglades.jpg\/800px-Harmony_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#harmony-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Allure of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 362, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Allure_of_the_Seas_in_Port_Everglades.jpg\/800px-Allure_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#allure-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Oasis of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 361, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/35\/Oasis_of_the_Seas_in_Port_Everglades.jpg\/800px-Oasis_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#oasis-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Wonder of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 362, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Wonder_of_the_Seas_%28cropped%29.jpg\/800px-Wonder_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#wonder-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Icon of the Seas\", type: \"Cruise Ship\", country: \"Bahamas\", length_m: 365, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Icon_of_the_Seas_at_sea.jpg\/800px-Icon_of_the_Seas_at_sea.jpg\", pageUrl: \"#icon-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC World Europa\", type: \"Cruise Ship\", country: \"Malta\", length_m: 333, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/MSC_World_Europa_in_Doha.jpg\/800px-MSC_World_Europa_in_Doha.jpg\", pageUrl: \"#msc-world-europa-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Costa Smeralda\", type: \"Cruise Ship\", country: \"Italy\", length_m: 337, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"AIDAnova\", type: \"Cruise Ship\", country: \"Germany\", length_m: 337, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_in_Madeira.jpg\", pageUrl: \"#aidanova-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Iona\", type: \"Cruise Ship\", country: \"UK\", length_m: 345, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Mardi Gras\", type: \"Cruise Ship\", country: \"USA\", length_m: 340, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Global Dream\", type: \"Cruise Ship\", country: \"Hong Kong\", length_m: 342, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC Meraviglia\", type: \"Cruise Ship\", country: \"Malta\", length_m: 315, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e2\/MSC_Meraviglia_%28ship%29_in_Hamburg_2017.jpg\/800px-MSC_Meraviglia_%28ship%29_in_Hamburg_2017.jpg\", pageUrl: \"#msc-meraviglia\" }, \/\/ Replace with actual URL\n { name: \"MSC Grandiosa\", type: \"Cruise Ship\", country: \"Malta\", length_m: 331, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/MSC_Grandiosa_in_Hamburg_2019.jpg\/800px-MSC_Grandiosa_in_Hamburg_2019.jpg\", pageUrl: \"#msc-grandiosa\" }, \/\/ Replace with actual URL\n { name: \"Costa Smeralda\", type: \"Cruise Ship\", country: \"Italy\", length_m: 337, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"AIDAnova\", type: \"Cruise Ship\", country: \"Germany\", length_m: 337, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_in_Madeira.jpg\", pageUrl: \"#aidanova-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Iona\", type: \"Cruise Ship\", country: \"UK\", length_m: 345, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Mardi Gras\", type: \"Cruise Ship\", country: \"USA\", length_m: 340, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Global Dream\", type: \"Cruise Ship\", country: \"Hong Kong\", length_m: 342, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC Seascape\", type: \"Cruise Ship\", country: \"Malta\", length_m: 339, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/MSC_Seascape_in_Port_Miami_2022.jpg\/800px-MSC_Seascape_in_Port_Miami_2022.jpg\", pageUrl: \"#msc-seascape\" } \/\/ Replace with actual URL\n ];\n\n \/\/ Sort ships by length_m in descending order\n ships.sort((a, b) => b.length_m - a.length_m);\n\n\n \/\/ Ensure the script runs after the DOM is fully loaded\n document.addEventListener('DOMContentLoaded', () => {\n const shipsContainer = document.getElementById('ships-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 \/\/ Removed direct reference to adInsElement here as it will be re-created\n\n let currentPage = 0;\n const itemsPerPage = 2; \/\/ Display two ships at a time\n const adDisplayDuration = 2000; \/\/ Duration to show the ad in milliseconds (2 seconds)\n\n \/\/ Function to display ships for the current page\n function displayShips(page) {\n \/\/ Hide ships container and show ad container\n shipsContainer.style.display = 'none';\n adContainer.style.display = 'flex'; \/\/ Use flex to center ad content\n\n \/\/ Clear previous ad content\n adContainer.innerHTML = '';\n\n \/\/ Re-create and append the AdSense ins element\n const newAdInsElement = document.createElement('ins');\n newAdInsElement.className = 'adsbygoogle';\n newAdInsElement.style.display = 'block';\n newAdInsElement.setAttribute('data-ad-client', 'ca-pub-2506329722665303');\n newAdInsElement.setAttribute('data-ad-slot', '2178518307'); \/\/ Make sure this is a valid ad slot ID\n newAdInsElement.setAttribute('data-ad-format', 'auto');\n newAdInsElement.setAttribute('data-full-width-responsive', 'true');\n adContainer.appendChild(newAdInsElement);\n\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 console.log(\"Ad container offsetWidth before push:\", adContainer.offsetWidth); \/\/ Log width\n try {\n \/\/ Use requestAnimationFrame to wait for the next paint cycle\n \/\/ Then add a small delay before pushing the ad to allow layout to settle\n requestAnimationFrame(() => {\n setTimeout(() => {\n \/\/ Access offsetWidth again right before push as a final check\n const currentWidth = adContainer.offsetWidth;\n console.log(\"Ad container offsetWidth right before push:\", currentWidth); \/\/ Log width again\n if (currentWidth > 0) {\n (adsbygoogle = window.adsbygoogle || []).push({});\n } else {\n console.warn(\"Ad container still has zero width before push.\");\n }\n }, 300); \/\/ Increased delay to 300ms\n });\n } catch (e) {\n console.error(\"AdSense push error:\", e);\n }\n \/\/ **********************************************************\n\n\n \/\/ Wait for adDisplayDuration, then hide ad and show ships\n setTimeout(() => {\n adContainer.style.display = 'none'; \/\/ Hide ad container\n shipsContainer.style.display = 'flex'; \/\/ Show ships container (using flex for layout)\n\n\n shipsContainer.innerHTML = ''; \/\/ Clear current content\n const start = page * itemsPerPage;\n const end = start + itemsPerPage;\n const shipsToDisplay = ships.slice(start, end);\n\n shipsToDisplay.forEach(ship => {\n const shipCard = document.createElement('div');\n \/\/ Added w-full for small screens, sm:w-64 for larger, and adjusted padding\/margin\n shipCard.className = 'bg-blue-100 p-4 rounded-lg shadow-md w-full sm:w-64 text-center flex flex-col items-center ship-card'; \/\/ Added ship-card class\n\n \/\/ Create the link element\n const shipLink = document.createElement('a');\n shipLink.href = ship.pageUrl; \/\/ Set the link URL\n shipLink.className = 'ship-link'; \/\/ Add a class for styling the link content\n shipLink.target = \"_blank\"; \/\/ Open link in new tab\n\n shipLink.innerHTML = `\n <img decoding=\"async\" src=\"${ship.imageUrl}\" alt=\"${ship.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\">${ship.name}<\/h3>\n `;\n\n \/\/ Append the link to the card\n shipCard.appendChild(shipLink);\n\n \/\/ Append other ship info directly to the card, outside the link\n const infoDiv = document.createElement('div');\n infoDiv.className = 'text-gray-700 text-sm mt-2 ship-info'; \/\/ Added ship-info class for styling\n infoDiv.innerHTML = `\n <p>Country: ${ship.country}<\/p>\n <p>Type: ${ship.type}<\/p>\n <p>Length: ${ship.length_m} m<\/p>\n `;\n shipCard.appendChild(infoDiv); \/\/ Add info div to the card\n\n \/\/ Add Social Share Buttons\n const shareContainer = document.createElement('div');\n shareContainer.className = 'social-share-container';\n\n \/\/ Twitter Share\n const twitterLink = document.createElement('a');\n twitterLink.href = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(`Check out ${ship.name} ship!`)}&url=${encodeURIComponent(ship.pageUrl)}`;\n twitterLink.target = \"_blank\";\n twitterLink.className = 'twitter';\n twitterLink.innerHTML = '<i class=\"fab fa-twitter\"><\/i>';\n shareContainer.appendChild(twitterLink);\n\n \/\/ Facebook Share\n const facebookLink = document.createElement('a');\n facebookLink.href = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(ship.pageUrl)}`;\n facebookLink.target = \"_blank\";\n facebookLink.className = 'facebook';\n facebookLink.innerHTML = '<i class=\"fab fa-facebook-f\"><\/i>';\n shareContainer.appendChild(facebookLink);\n\n \/\/ LinkedIn Share\n const linkedinLink = document.createElement('a');\n linkedinLink.href = `https:\/\/www.linkedin.com\/shareArticle?mini=true&url=${encodeURIComponent(ship.pageUrl)}&title=${encodeURIComponent(ship.name)}&summary=${encodeURIComponent(`Learn more about ${ship.name}`)}&source=${encodeURIComponent(window.location.href)}`;\n linkedinLink.target = \"_blank\";\n linkedinLink.className = 'linkedin';\n linkedinLink.innerHTML = '<i class=\"fab fa-linkedin-in\"><\/i>';\n shareContainer.appendChild(linkedinLink);\n\n shipCard.appendChild(shareContainer); \/\/ Add share container to the card\n\n\n shipsContainer.appendChild(shipCard);\n });\n\n \/\/ Update button states and page info\n prevBtn.disabled = page === 0;\n nextBtn.disabled = end >= ships.length;\n \/\/ Corrected page info calculation\n pageInfoSpan.textContent = `Ships ${start + 1}-${Math.min(end, ships.length)} of ${ships.length}`; \/\/ Updated page info text\n\n }, adDisplayDuration); \/\/ Delay before showing ships and hiding ad\n }\n\n \/\/ Event listeners for navigation buttons\n prevBtn.addEventListener('click', () => {\n if (currentPage > 0) {\n currentPage--;\n displayShips(currentPage);\n }\n });\n\n nextBtn.addEventListener('click', () => {\n if ((currentPage + 1) * itemsPerPage < ships.length) {\n currentPage++;\n displayShips(currentPage);\n } else if ((currentPage + 1) * itemsPerPage >= ships.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 displayShips(currentPage);\n });\n\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<p><br><br><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>World’s Largest Ships World’s Largest Ships 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-211","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/211","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=211"}],"version-history":[{"count":3,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/211\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/211\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}