Six Image Grid Display with Links<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Custom CSS for the card container *\/\n .image-card {\n \/* Keep transitions and initial state defined in CSS *\/\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n \/* Note: The 'a' tag inherits the default link color, but text inside is styled by Tailwind *\/\n border: 4px solid #0d6e06ff; \/* Tailwind blue-500 *\/\n border-radius: 1rem;\n overflow: hidden;\n background-color: white; \/* Ensure card background is white *\/\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n \n \/* Hover effect: lift the card and change border color *\/\n .image-card:hover {\n border-color: #4eb522ff; \/* Tailwind amber-500 on hover *\/\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3); \/* Lifted shadow *\/\n transform: translateY(-5px); \/* Slight lift *\/\n }\n\n \/* Style for the image itself *\/\n .custom-image {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image covers the fixed height area *\/\n transition: 0.3s ease-in-out;\n \/* Applying a subtle grayscale filter that removes on hover *\/\n filter: grayscale(40%);\n }\n \n \/* Image hover effect: remove grayscale and slight zoom *\/\n .image-card:hover .custom-image {\n filter: grayscale(0%);\n transform: scale(1.03);\n }\n \n \/* Ensure responsive grid on small screens *\/\n @media (max-width: 640px) {\n .grid-wrapper {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 min-h-screen flex flex-col items-center p-4 md:p-8 font-sans\">\n\n <div class=\"text-center mb-10 mt-4\">\n <h1 class=\"text-4xl font-extrabold text-gray-800 mb-2\">Bhutan's Top Tourist Hotspots<\/h1>\n <p class=\"text-lg text-gray-600\">Bhutan, the Land of the Thunder Dragon, is known for its stunning Himalayan landscapes, vibrant Buddhist culture, and majestic architecture. The main attractions are centered in the western and central regions:<\/p>\n <\/div>\n\n <div class=\"grid-wrapper w-full max-w-7xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <a href=\"https:\/\/www.rim.edu.bt\/?p=4766\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Budha-point-scaled.jpg\" \n alt=\"Buddha Point (Buddha Dordenma\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Budha-point-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Buddha Point<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Thimphu, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4776\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PAro-scaled.jpg\" \n alt=\"Paro\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PAro-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Ta Dzong<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Paro, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4785\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Memorable-chorten-scaled.jpg\" \n alt=\"Memorable Chorten\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Memorable-chorten-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Memorable Chorten<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Thimphu, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4794\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/dochula-pass-scaled.jpg\" \n alt=\"Dochula pass\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/dochula-pass-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Dochula pass<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Between Thimphu and Paro Highway<\/p>\n <\/div>\n <\/a>\n \n <a href=\"https:\/\/www.rim.edu.bt\/?p=4803\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Taktshang-scaled.jpg\" \n alt=\"Tigernest\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Taktshang-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Tiger-nest<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Paro, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4815\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PunakhaDzongInSpring.jpg\" \n alt=\"Punakha Dzong\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PunakhaDzongInSpring.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Punakha Dzong<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Punakha, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"h-8\"><\/div> <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Six Image Grid Display with Links Bhutan’s Top Tourist Hotspots Bhutan, the Land of the Thunder Dragon, is known for its stunning Himalayan landscapes, vibrant Buddhist culture, and majestic architecture. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-3536","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/www.rim.edu.bt\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Six Image Grid Display with Links Bhutan’s Top Tourist Hotspots Bhutan, the Land of the Thunder Dragon, is known for its stunning Himalayan landscapes, vibrant Buddhist culture, and majestic architecture. […]","_links":{"self":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/3536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3536"}],"version-history":[{"count":32,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/3536\/revisions"}],"predecessor-version":[{"id":4828,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/3536\/revisions\/4828"}],"wp:attachment":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Six Image Grid Display with Links<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Custom CSS for the card container *\/\n .image-card {\n \/* Keep transitions and initial state defined in CSS *\/\n transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\n \/* Note: The 'a' tag inherits the default link color, but text inside is styled by Tailwind *\/\n border: 4px solid #0d6e06ff; \/* Tailwind blue-500 *\/\n border-radius: 1rem;\n overflow: hidden;\n background-color: white; \/* Ensure card background is white *\/\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n \n \/* Hover effect: lift the card and change border color *\/\n .image-card:hover {\n border-color: #4eb522ff; \/* Tailwind amber-500 on hover *\/\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3); \/* Lifted shadow *\/\n transform: translateY(-5px); \/* Slight lift *\/\n }\n\n \/* Style for the image itself *\/\n .custom-image {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Ensures image covers the fixed height area *\/\n transition: 0.3s ease-in-out;\n \/* Applying a subtle grayscale filter that removes on hover *\/\n filter: grayscale(40%);\n }\n \n \/* Image hover effect: remove grayscale and slight zoom *\/\n .image-card:hover .custom-image {\n filter: grayscale(0%);\n transform: scale(1.03);\n }\n \n \/* Ensure responsive grid on small screens *\/\n @media (max-width: 640px) {\n .grid-wrapper {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 min-h-screen flex flex-col items-center p-4 md:p-8 font-sans\">\n\n <div class=\"text-center mb-10 mt-4\">\n <h1 class=\"text-4xl font-extrabold text-gray-800 mb-2\">Bhutan's Top Tourist Hotspots<\/h1>\n <p class=\"text-lg text-gray-600\">Bhutan, the Land of the Thunder Dragon, is known for its stunning Himalayan landscapes, vibrant Buddhist culture, and majestic architecture. The main attractions are centered in the western and central regions:<\/p>\n <\/div>\n\n <div class=\"grid-wrapper w-full max-w-7xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <a href=\"https:\/\/www.rim.edu.bt\/?p=4766\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Budha-point-scaled.jpg\" \n alt=\"Buddha Point (Buddha Dordenma\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Budha-point-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Buddha Point<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Thimphu, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4776\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PAro-scaled.jpg\" \n alt=\"Paro\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PAro-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Ta Dzong<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Paro, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4785\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Memorable-chorten-scaled.jpg\" \n alt=\"Memorable Chorten\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Memorable-chorten-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Memorable Chorten<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Thimphu, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4794\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/dochula-pass-scaled.jpg\" \n alt=\"Dochula pass\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/dochula-pass-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Dochula pass<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Between Thimphu and Paro Highway<\/p>\n <\/div>\n <\/a>\n \n <a href=\"https:\/\/www.rim.edu.bt\/?p=4803\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Taktshang-scaled.jpg\" \n alt=\"Tigernest\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/Taktshang-scaled.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Tiger-nest<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Paro, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/www.rim.edu.bt\/?p=4815\" class=\"image-card mx-auto w-full block\">\n <div class=\"h-64 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PunakhaDzongInSpring.jpg\" \n alt=\"Punakha Dzong\" \n class=\"custom-image\"\n onerror=\"this.onerror=null;this.src='https:\/\/www.rim.edu.bt\/wp-content\/uploads\/2025\/11\/PunakhaDzongInSpring.jpg'\"\n >\n <\/div>\n <div class=\"p-4\">\n <h2 class=\"text-xl font-bold text-gray-900 truncate\">Punakha Dzong<\/h2>\n <p class=\"text-sm text-gray-500\">Location: Punakha, Bhutan<\/p>\n <\/div>\n <\/a>\n\n <\/div>\n\n <div class=\"h-8\"><\/div> <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Six Image Grid Display with Links Bhutan’s Top Tourist Hotspots Bhutan, the Land of the Thunder Dragon, is known for its stunning Himalayan landscapes, vibrant Buddhist culture, and majestic architecture. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-3536","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/www.rim.edu.bt\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Six Image Grid Display with Links Bhutan’s Top Tourist Hotspots Bhutan, the Land of the Thunder Dragon, is known for its stunning Himalayan landscapes, vibrant Buddhist culture, and majestic architecture. […]","_links":{"self":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/3536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3536"}],"version-history":[{"count":32,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/3536\/revisions"}],"predecessor-version":[{"id":4828,"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=\/wp\/v2\/pages\/3536\/revisions\/4828"}],"wp:attachment":[{"href":"https:\/\/www.rim.edu.bt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}