{"id":662,"date":"2026-03-15T16:17:54","date_gmt":"2026-03-15T16:17:54","guid":{"rendered":"https:\/\/cleaconferencemy.com\/?page_id=662"},"modified":"2026-03-17T04:29:01","modified_gmt":"2026-03-17T04:29:01","slug":"hotels","status":"publish","type":"page","link":"https:\/\/cleaconferencemy.com\/index.php\/hotels\/","title":{"rendered":"HOTELS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"662\" class=\"elementor elementor-662\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ea5b6 e-flex e-con-boxed e-con e-parent\" data-id=\"16ea5b6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cff282c elementor-widget elementor-widget-html\" data-id=\"cff282c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>CLEA \u00b7 light cards on deep blue<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #0b1f33;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            font-family: 'Georgia', 'Times New Roman', serif;\n            padding: 20px;\n        }\n\n        \/* main container \u2013 dark blue background exactly #1a365d *\/\n        .hotels-deep-blue {\n            max-width: 1300px;\n            width: 100%;\n            background-color: #1a365d;        \/* exact dark blue *\/\n            border-radius: 40px;\n            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.4);\n            padding: 70px 60px;\n            border: 1px solid #3f5e85;\n        }\n\n        \/* header \u2013 all light *\/\n        .hotel-header {\n            text-align: center;\n            margin-bottom: 65px;\n        }\n\n        .hotel-header h2 {\n            color: #F9F7F2;                   \/* soft off-white *\/\n            font-size: 40px;\n            font-weight: 500;\n            letter-spacing: 2.5px;\n            text-transform: uppercase;\n            font-family: 'Georgia', serif;\n            margin-bottom: 15px;\n            text-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        }\n\n        .header-rule {\n            width: 80px;\n            height: 2px;\n            background-color: #F9F7F2;\n            margin: 18px auto 22px;\n            opacity: 0.5;\n        }\n\n        .hotel-header p {\n            color: #F9F7F2;\n            font-size: 19px;\n            line-height: 1.6;\n            max-width: 750px;\n            margin: 0 auto;\n            opacity: 0.9;\n            font-style: italic;\n            font-weight: 300;\n        }\n\n        \/* two\u2011column layout *\/\n        .columns {\n            display: flex;\n            gap: 50px;\n            align-items: stretch;\n        }\n\n        .col {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* divider \u2013 light vertical line *\/\n        .divider-area {\n            width: 1px;\n            display: flex;\n            justify-content: center;\n        }\n\n        .divider-line {\n            width: 2px;\n            background: linear-gradient(to bottom, transparent, #F9F7F2 20%, #F9F7F2 80%, transparent);\n            opacity: 0.3;\n            height: 100%;\n        }\n\n        \/* hotel cards \u2013 NOW LIGHT BACKGROUND #F9F7F2 *\/\n        .hotel-card {\n            background-color: #F9F7F2;        \/* light card background *\/\n            border: 1px solid #c0b9a8;         \/* subtle warm border *\/\n            border-left: 5px solid #1a365d;    \/* dark blue left accent (inverse) *\/\n            border-radius: 24px;\n            padding: 30px 28px 30px 32px;\n            margin-bottom: 28px;\n            transition: all 0.25s ease;\n            box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.3);\n        }\n\n        .hotel-card:hover {\n            border-left-color: #e0b354;        \/* gold accent *\/\n            background-color: #ffffff;          \/* slightly brighter on hover *\/\n            transform: translateY(-4px);\n            box-shadow: 0 18px 28px -10px #0a182b;\n        }\n\n        .card-icon {\n            color: #1a365d;                    \/* dark blue icon for contrast *\/\n            font-size: 16px;\n            margin-bottom: 15px;\n            opacity: 0.8;\n            letter-spacing: 1px;\n        }\n\n        .hotel-card h3 {\n            color: #1a365d;                     \/* dark blue heading *\/\n            font-size: 22px;\n            font-weight: 600;\n            margin-bottom: 15px;\n            font-family: 'Georgia', serif;\n            line-height: 1.3;\n            border-left: 2px solid #879fc0;\n            padding-left: 16px;\n        }\n\n        .hotel-description {\n            color: #2a3e5c;                      \/* dark blueish grey for readability *\/\n            line-height: 1.75;\n            font-size: 16px;\n            margin-bottom: 22px;\n            font-family: 'Georgia', serif;\n        }\n\n        .hotel-description strong {\n            color: #1a365d;\n            font-weight: 700;\n            background: rgba(26, 54, 93, 0.05);\n            padding: 0 4px;\n        }\n\n        \/* --- PROMINENT RESERVE BUTTON (adjusted for light card) --- *\/\n        .reserve-button {\n            display: inline-block;\n            background-color: #1a365d;         \/* dark blue background *\/\n            color: #F9F7F2;                     \/* light text *\/\n            font-size: 16px;\n            font-weight: 700;\n            text-decoration: none;\n            padding: 12px 30px;\n            border-radius: 50px;\n            letter-spacing: 0.8px;\n            font-family: 'Georgia', serif;\n            border: 2px solid #1a365d;\n            transition: all 0.2s ease;\n            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);\n            text-transform: uppercase;\n            margin-top: 8px;\n        }\n\n        .reserve-button:hover {\n            background-color: #e0b354;          \/* warm gold *\/\n            border-color: #e0b354;\n            color: #1a365d;\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);\n            transform: scale(1.02);\n        }\n\n        .reserve-button::after {\n            content: \" \u2192\";\n            font-size: 20px;\n            font-weight: 600;\n            margin-left: 8px;\n            transition: margin 0.2s;\n        }\n\n        .reserve-button:hover::after {\n            margin-left: 15px;\n        }\n\n        \/* venue note \u2013 also light, but with a softer border *\/\n        .venue-note {\n            background-color: #F9F7F2;\n            border-left-color: #7f9bc0;         \/* softer blue left edge *\/\n            border: 1px solid #b9af9a;\n            border-left: 5px solid #7f9bc0;\n        }\n\n        .venue-note h3 {\n            color: #1a365d;\n            font-size: 20px;\n            border-left-color: #7f9bc0;\n        }\n\n        .venue-note p {\n            color: #2a3e5c;\n            opacity: 0.9;\n            margin-bottom: 12px;\n        }\n\n        .venue-note .reserve-button {\n            background-color: transparent;\n            color: #1a365d;\n            border: 2px solid #1a365d;\n            box-shadow: none;\n            padding: 10px 26px;\n            font-weight: 500;\n        }\n\n        .venue-note .reserve-button:hover {\n            background-color: #1a365d;\n            color: #F9F7F2;\n            border-color: #1a365d;\n        }\n\n        \/* small footer *\/\n        .footer-note {\n            margin-top: 50px;\n            text-align: center;\n            color: #F9F7F2;\n            border-top: 1px solid #3f5e85;\n            padding-top: 28px;\n            font-size: 14px;\n            letter-spacing: 1px;\n            opacity: 0.7;\n        }\n\n        \/* responsive *\/\n        @media (max-width: 800px) {\n            .columns {\n                flex-direction: column;\n                gap: 25px;\n            }\n            .divider-area {\n                width: 100%;\n                height: 1px;\n                margin: 15px 0;\n            }\n            .divider-line {\n                width: 100%;\n                height: 2px;\n                background: linear-gradient(to right, transparent, #F9F7F2, transparent);\n            }\n            .hotels-deep-blue {\n                padding: 40px 25px;\n            }\n            .hotel-header h2 {\n                font-size: 32px;\n            }\n        }\n\n        @media (max-width: 500px) {\n            .hotel-card {\n                padding: 22px;\n            }\n            .reserve-button {\n                padding: 10px 20px;\n                font-size: 15px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"hotels-deep-blue\">\n\n    <!-- header with light text on dark blue -->\n    <div class=\"hotel-header\">\n        <h2>PREFERRED HOTELS<\/h2>\n        <div class=\"header-rule\"><\/div>\n        <p>A curated selection of premium stays to ensure your comfort throughout the conference. To enjoy exclusive conference rates, please use the link below for \n        all room reservations and direct payment.<\/p>\n    <\/div>\n\n    <!-- two\u2011column layout -->\n    <div class=\"columns\">\n\n        <!-- LEFT COLUMN (3 hotels) -->\n        <div class=\"col\">\n            <!-- Shangri-La -->\n            <div class=\"hotel-card\">\n                <div class=\"card-icon\">\u25fc<\/div>\n                <h3>Shangri-La Kuala Lumpur<\/h3>\n                <div class=\"hotel-description\">\n                    \n                <\/div>\n                <a href=\"http:\/\/www.shangri-la.com\/reservations\/booking\/en\/index.aspx?hid=SLKL&group_code=DEL010426&check_in=20260401&check_out=20260404\" class=\"reserve-button\" target=\"_blank\" rel=\"noopener\">Reserve<\/a>\n            <\/div>\n\n            <!-- Ritz-Carlton -->\n            <div class=\"hotel-card\">\n                <div class=\"card-icon\">\u25fc<\/div>\n                <h3>The Ritz-Carlton, Kuala Lumpur<\/h3>\n                <div class=\"hotel-description\">\n                    \n                <\/div>\n                <a href=\"https:\/\/www.marriott.com\/event-reservations\/reservation-link.mi?id=1773131683220&key=GRP&app=resvlink&_branch_match_id=1453948872493491007&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXTywo0MtNLCrKzC8p0UvOz9UvSi3OyczLtgdK2ALZZSCOWmaKraG5ubGhsYGpqaGhoYFadmqlrXtQgFpdUWpaKlB3Xnp8UlF%2BeXFqka1zRlF%2BbioAHfGuQmAAAAA%3D\" class=\"reserve-button\" target=\"_blank\" rel=\"noopener\">Reserve<\/a>\n            <\/div>\n\n            <!-- JW Marriott -->\n            <div class=\"hotel-card\">\n                <div class=\"card-icon\">\u25fc<\/div>\n                <h3>JW Marriott Kuala Lumpur<\/h3>\n                <div class=\"hotel-description\">\n                    \n                <\/div>\n                <a href=\"https:\/\/www.marriott.com\/event-reservations\/reservation-link.mi?id=1773132554551&key=GRP&app=resvlink&_branch_match_id=1453948872493491007&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXTywo0MtNLCrKzC8p0UvOz9UvSi3OyczLtgdK2ALZZSCOWmaKraG5ubGhsZGRqaGhqaladmqlrXtQgFpdUWpaKlB3Xnp8UlF%2BeXFqka1zRlF%2BbioAoiIYjGAAAAA%3D\" class=\"reserve-button\" target=\"_blank\" rel=\"noopener\">Reserve<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- DIVIDER \u2013 soft light line -->\n        <div class=\"divider-area\">\n            <div class=\"divider-line\"><\/div>\n        <\/div>\n\n        <!-- RIGHT COLUMN (2 hotels + venue note) -->\n        <div class=\"col\">\n            <!-- Majestic Hotel -->\n            <div class=\"hotel-card\">\n                <div class=\"card-icon\">\u25fc<\/div>\n                <h3>Majestic Hotel Kuala Lumpur<\/h3>\n                <div class=\"hotel-description\">\n                    \n                <\/div>\n                <a href=\"https:\/\/www.marriott.com\/event-reservations\/reservation-link.mi?id=1773136615939&key=GRP&app=resvlink&_branch_match_id=1453948872493491007&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXTywo0MtNLCrKzC8p0UvOz9UvSi3OyczLtgdK2ALZZSCOWmaKraG5ubGhsZmZoaWlsaVadmqlrXtQgFpdUWpaKlB3Xnp8UlF%2BeXFqka1zRlF%2BbioAE6S1bWAAAAA%3D\" class=\"reserve-button\" target=\"_blank\" rel=\"noopener\">Reserve<\/a>\n            <\/div>\n\n            <!-- Hotel Stripes -->\n            <div class=\"hotel-card\">\n                <div class=\"card-icon\">\u25fc<\/div>\n                <h3>Hotel Stripes Kuala Lumpur<\/h3>\n                <div class=\"hotel-description\">\n                    \n                <\/div>\n                <a href=\"https:\/\/www.marriott.com\/event-reservations\/reservation-link.mi?id=1773137131561&key=GRP&app=resvlink&_branch_match_id=1453948872493491007&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXTywo0MtNLCrKzC8p0UvOz9UvSi3OyczLtgdK2ALZZSCOWmaKraG5ubGhsbmhsaGpmaFadmqlrXtQgFpdUWpaKlB3Xnp8UlF%2BeXFqka1zRlF%2BbioAOvutbGAAAAA%3D\" class=\"reserve-button\" target=\"_blank\" rel=\"noopener\">Reserve<\/a>\n            <\/div>\n\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>CLEA \u00b7 light cards on deep blue PREFERRED HOTELS A curated selection of premium stays to ensure your comfort throughout [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-662","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/pages\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":16,"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/pages\/662\/revisions"}],"predecessor-version":[{"id":689,"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/pages\/662\/revisions\/689"}],"wp:attachment":[{"href":"https:\/\/cleaconferencemy.com\/index.php\/wp-json\/wp\/v2\/media?parent=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}