CINXE.COM

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="facebook-domain-verification" content="kuptzw25ciyqp4sxtmum8n1i3kclfi" />  <link rel="stylesheet" href="/static/css/bootstrap.min.css">   <link rel="stylesheet" href="/widgets/fontawesome-5.6.3.css"/> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <title>AFFIN Group | Home</title> <meta name="description" value=""> <link rel="apple-touch-icon" sizes="57x57" href="/img/icons/57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/img/icons/60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/img/icons/76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/img/icons/114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/img/icons/120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/img/icons/144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/img/icons/152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/180x180.png"> <link rel="stylesheet" href="/themes/demo/css/style.css"/> <link rel="stylesheet" href="/themes/demo/css/slider.css"/> <link rel="stylesheet" href="/themes/demo/css/img-left-text-right-with-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/discover-product.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-always-discover-announcement.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-discover-announcement.css"/> <link rel="stylesheet" href="/themes/demo/css/reach-us.css"/> <link rel="stylesheet" href="/themes/demo/css/footer.css"/> <link rel="stylesheet" href="/themes/demo/css/rate.css"/> <link rel="stylesheet" href="/themes/demo/css/discover-promotions.css"/> <link rel="stylesheet" href="/themes/demo/css/hero-with-tag-and-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/salary-range.css"/> <link rel="stylesheet" href="/themes/demo/css/cta.css"/> <link rel="stylesheet" href="/themes/demo/css/hero-with-card.css"/> <link rel="stylesheet" href="/themes/demo/css/2-column-text.css"/> <link rel="stylesheet" href="/themes/demo/css/mini-product-box-group.css"/> <link rel="stylesheet" href="/themes/demo/css/you-may-also-like.css"/> <link rel="stylesheet" href="/themes/demo/css/card-box.css"/> <link rel="stylesheet" href="/themes/demo/css/discover-promotions-with-icon.css"/> <link rel="stylesheet" href="/themes/demo/css/mansory.css"/> <link rel="stylesheet" href="/themes/demo/css/3-column-with-icon.css"/> <link rel="stylesheet" href="/themes/demo/css/product-box-group-x-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/3-column-with-icon-and-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/4-column-with-icon-and-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/product-box-group-security.css"/> <link rel="stylesheet" href="/themes/demo/css/products-box-group-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/img-right-text-left-with-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-always-announcement-list.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-announcement-list.css"/> <link rel="stylesheet" href="/themes/demo/css/accordion.css"/> <link rel="stylesheet" href="/themes/demo/css/t-n-c.css"/> <link rel="stylesheet" href="/themes/demo/css/product-box-group-accordion.css"/> <link rel="stylesheet" href="/themes/demo/css/hero-with-btn-list.css"/> <link rel="stylesheet" href="/themes/demo/css/branches.css"/> <link rel="stylesheet" href="/themes/demo/css/2-column-text-with-btn.css"/> <link rel="stylesheet" href="/themes/demo/css/publication.css"/> <link rel="stylesheet" href="/themes/demo/css/header-breadcrumb.css"/> <link rel="stylesheet" href="/themes/demo/css/product.css"/> <link rel="stylesheet" href="/themes/demo/css/loan-calculator.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-hero-slider.css"/> <link rel="stylesheet" href="/themes/demo/css/csr.css"/> <link rel="stylesheet" href="/themes/demo/css/awards.css"/> <link rel="stylesheet" href="/themes/demo/css/group-of-companies-carousel.css"/> <link rel="stylesheet" href="/themes/demo/css/company-carousel-horizontal.css"/> <link rel="stylesheet" href="/themes/demo/css/external-link-disclaimer.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-2-tabs.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-3-tabs.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-4-tabs.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-5-tabs.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-6-tabs.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-team.css"/> <link rel="stylesheet" href="/themes/demo/css/video-cta-youtube.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-image-bottom-text-top.css"/> <link rel="stylesheet" href="/themes/demo/css/landing-tab-content-2.css"/> <link rel="stylesheet" href="/themes/demo/css/general-enquiries.css"/> <link rel="stylesheet" href="/themes/demo/css/landing-tab-content-1.css"/> <link rel="stylesheet" href="/themes/demo/css/customer-care.css"/> <link rel="stylesheet" href="/themes/demo/css/tabs.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-team-non-clickable.css"/> <link rel="stylesheet" href="/themes/demo/css/general-enquiries-4.css"/> <link rel="stylesheet" href="/themes/demo/css/general-enquiries-3.css"/> <link rel="stylesheet" href="/themes/demo/css/general-enquiries-2.css"/> <link rel="stylesheet" href="/themes/demo/css/image.css"/> <link rel="stylesheet" href="/themes/demo/css/image-top-text-bottom.css"/> <link rel="stylesheet" href="/themes/demo/css/text.css"/> <link rel="stylesheet" href="/themes/demo/css/title.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-discover-announcement.css"/> <link rel="stylesheet" href="/themes/demo/css/breadcrumb.css"/> <link rel="stylesheet" href="/themes/demo/css/fees-n-charges.css"/> <link rel="stylesheet" href="/themes/demo/css/rates-and-pricing.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-always-multitab-faq.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-financial-information.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-financial-information-banner.css"/> <link rel="stylesheet" href="/themes/demo/css/icon-front-text-behind.css"/> <link rel="stylesheet" href="/themes/demo/css/hr.css"/> <link rel="stylesheet" href="/themes/demo/css/staff-directory.css"/> <link rel="stylesheet" href="/themes/demo/css/internal-rates.css"/> <link rel="stylesheet" href="/themes/demo/css/a1addin-product-list.css"/> <link rel="stylesheet" href="/themes/demo/css/pds.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-group-career.css"/> <link rel="stylesheet" href="/themes/demo/css/row-images-with-text.css"/> <link rel="stylesheet" href="/themes/demo/css/discover-product-cx.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-cx-slider.css"/> <link rel="stylesheet" href="/themes/demo/css/affin-customer-feedback.css"/>  <meta name="twitter:card" content=""> <meta name="twitter:site" content=""> <meta name="twitter:creator" content=""> <meta name="twitter:title" content=""> <meta name="twitter:description" content=""> <meta name="twitter:image" content=""> <meta name="twitter:image:alt" content="">  <meta name="og:type" content=""> <meta name="og:url" content=""> <meta name="og:locale" content=""> <meta name="og:title" content=""> <meta name="og:description" content=""> <meta name="og:image" content=""> <meta name="fb:app_id" content=""> <style> .block-affin-group-hero-slider .text-over-img { color: white; } .block-affin-group-hero-slider .default-button { color: #FFFFFF !important; background: #0768B3 !important; font-size: 14px !important; padding: 15px 40px !important; margin-top: 30px !important; border-radius: 10px !important; } .block-affin-group-hero-slider .text-over-img { text-shadow: 2px 2px 5px black; } .block-affin-group-5-tabs .icon { max-width: 40px !important; max-height: 40px !important; } .block-affin-group-5-tabs .tab-col.active .icon { filter: invert(19%) sepia(69%) saturate(2589%) hue-rotate(209deg) brightness(87%) contrast(84%); opacity: 1 !important; } /*Company Link*/ .company-link .title-text{ font-size:16px; } .company-link.IDKWCUYN4RFCBT513{ display:block; } @media (max-width: 768px) { .block-affin-group-hero-slider .text-over-img { padding: 130px 0px; } } .block-navbar .bannerTranslateUp { animation: moveUp 0.5s linear forwards; } .block-navbar .bannerTranslateDown { animation: moveDown 0.5s linear forwards; } .block-navbar .navbarTranslateUp { animation: navbarMoveUp 0.5s linear forwards; } .block-navbar .navbarTranslateDown { animation: navbarMoveDown 0.5s linear forwards; } /*Slider Button*/ /*.block-affin-group-hero-slider .slide:first-child .default-button { margin-top: 250px !important; }*/ @media only screen and (max-width: 624px) { .block-navbar .banner { height: 85px; } .block-navbar .navbar.navbar-dark.overlay-menu-bg.box-shadow { height: 105px; } @keyframes moveUp { 0% { transform: translate(0, 0); } 100% { transform: translate(0, -105px); } } @keyframes moveDown { 0% { transform: translate(0, -105px); } 100% { transform: translate(0, 0); } } @keyframes navbarMoveUp { 0% { transform: translate(0, 85px); } 100% { transform: translate(0, 0); } } @keyframes navbarMoveDown { 0% { transform: translate(0, 0); } 100% { transform: translate(0, 85px); } } } @media only screen and (min-width: 625px) and (max-width: 1079px) { .block-navbar .banner { height: 50px; } .block-navbar .navbar.navbar-dark.overlay-menu-bg.box-shadow { height: 65px; } @keyframes moveUp { 0% { transform: translate(0, 0); } 100% { transform: translate(0, -65px); } } @keyframes moveDown { 0% { transform: translate(0, -65px); } 100% { transform: translate(0, 0); } } @keyframes navbarMoveUp { 0% { transform: translate(0, 50px); } 100% { transform: translate(0, 0); } } @keyframes navbarMoveDown { 0% { transform: translate(0, 0); } 100% { transform: translate(0, 50px); } } } @media only screen and (min-width: 1080px) { .block-navbar .banner { height: 30px; } .block-navbar .navbar.navbar-dark.overlay-menu-bg.box-shadow { height: 65px; } @keyframes moveUp { 0% { transform: translate(0, 0); } 100% { transform: translate(0, -65px); } } @keyframes moveDown { 0% { transform: translate(0, -65px); } 100% { transform: translate(0, 0); } } @keyframes navbarMoveUp { 0% { transform: translate(0, 30px); } 100% { transform: translate(0, 0); } } @keyframes navbarMoveDown { 0% { transform: translate(0, 0); } 100% { transform: translate(0, 30px); } } } .block-affin-group-hero-slider .slider-image { animation: fadeOut 1s linear; } .block-affin-group-hero-slider .slider-image:hover { animation: fadeIn 1s linear; } @keyframes fadeIn { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 1; } } @media only screen and (min-width: 320px) and (max-width: 701px) { .block-slider { max-height: 400px !important; } } .slider-title { color: white; text-shadow:2px 2px 5px #000000; } .block-img-left-text-right-with-btn .py-5 { padding-bottom:0 !important; } .block-img-left-text-right-with-btn .title-text { font-weight:200; font-size:48px; } @media only screen and (min-width: 320px) and (max-width: 701px) { .block-slider .my-slide .container { top:10%; left:0; transform:none; } } /*PUBLICATION*/ .block-publication.IDKTO4462O042WR1{ display:none; } .block-publication-auto .header { color: #333333; font-size: 36px; text-align: center; margin-top: 3rem; } .block-publication-auto .img { max-width: 100%; height: auto; vertical-align: middle; display: inline-block; } /* Main CSS */ .block-publication-auto .grid-wrapper > a { display: flex; justify-content: center; } .block-publication-auto .grid-wrapper > a > img { width: 100%; height: 60%; object-fit: cover; } .block-publication-auto .grid-wrapper { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(121px, 1fr)); grid-auto-rows: 145px; grid-auto-flow: dense; } .block-publication-auto .grid-wrapper .full { grid-column: span 4; grid-row: span 4; position: relative; } .block-publication-auto .grid-wrapper .wide { grid-column: span 4; grid-row: span 2; position: relative; } .block-publication-auto .grid-wrapper .tall { grid-column: span 2; grid-row: span 2; position: relative; } .block-publication-auto .grid-wrapper .full:hover, .block-publication-auto .grid-wrapper .wide:hover, .block-publication-auto .grid-wrapper .tall:hover{ box-shadow: 0px 4px 8px #c4c4c4; transition:all .2s ease-out; } .block-publication-auto .p-container{ position: absolute; font-size: 20px; color: #333333; width: 100%; padding: 5px 20px; background-color: #F2F2F2; overflow: hidden; } .block-publication-auto .grid-wrapper .full .p-container{ top: 60%; height: 40%; } .block-publication-auto .grid-wrapper .wide .p-container, .block-publication-auto .grid-wrapper .tall .p-container{ top: 55%; height: 45%; } .block-publication-auto .category{ position: absolute; top: 0; right: 0px; background-color: #0768B3; padding: 10px 20px; } .block-publication-auto .category p{ display: block; color: white; font-size: 14px; text-align: center; margin: auto; } .triangle-bottomleft { bottom: 0; left: 0; position: absolute; border-bottom: 15px solid white; border-right: 15px solid transparent; } .block-publication-auto .title-header { font-size: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .block-publication-auto .content-date { font-size: 18px; font-weight: 500; margin-top: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .block-publication-auto .content { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .block-publication-auto .align-center { display: flex; justify-content: center; margin-top: 0; } .block-publication-auto .discover-button { display: inline-flex; border: none; border-radius: 8px; background: #0768B3; color: white; text-align: center; text-decoration: none; cursor: pointer; padding: 15px 50px; min-width: 200px; width: fit-content; max-width: 100%; min-height: 60px; font-size: 20px; font-weight: 400; margin: 3rem 0; } @media only screen and (max-width: 1400px) { .block-publication-auto .grid-wrapper { grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)); grid-auto-rows: 90px; } } @media only screen and (max-width: 992px) and (max-width: 1299.98px) { .block-publication-auto .grid-wrapper { grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); grid-auto-rows: 90px; } } @media (max-width: 767.98px) { .block-publication-auto .grid-wrapper { grid-template-columns: repeat(auto-fit, minmax(65px, 1fr)); grid-auto-rows: 90px; } } @media (max-width: 577.98px) { .block-publication-auto .discover-button { padding: 15px 20px; } } @media only screen and (max-width: 400px) { .block-publication-auto .discover-button { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis !important; } } /* Media Query for low resolution Tablets, Ipads */ @media (max-width: 767px) { .block-publication-auto .header { font-size: 24px; } .block-publication-auto .title-header { font-size: 18px; } .block-publication-auto .content-date { font-size: 14px; } } </style> <script> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "nkdqzmmwcc"); </script> </head> <body> <section class="block block-affin-group-navbar"> <header id="affin-group-navbar" class="navbar-fixed-top"> <div class="banner" id="banner">    <iframe width="100%" height="30" frameborder="0" scrolling="no" id="banner-iframe" src="//affin.listedcompany.com/includes/stock_ticker_new.html"></iframe> </div> <div class="navbar navbar-dark overlay-menu-bg box-shadow"> <div class="container-fluid d-block d-sm-flex"> <a href="#" class="navbar-brand d-flex align-items-center pl-md-5 pl-0"> <img src="/img/affin-group-logo.png" class="navbar-img p-2 p-sm-0"> </a> <div class="pr-0 pr-sm-5"> <span class="navbar-affin-websites-btn position-relative"> </span> <span onclick="navLoginModalToggle()" class="navbar-element position-relative"> <img src="/img/personal.png" class="mr-1 login-img"> <span href="#" class="navbar-brand align-items-center ml-1 mr-2 d-none d-sm-inline-block login-button"> LOGIN </span> </span> <span href="#" class="navbar-brand align-items-center ml-2 mr-2 p-1 navbar-element"> <img src="/img/navsearch.png" id="myBtn" class="navsearch-img"> </span> <span onclick="openNavAG()" class="ml-2 navbar-element"> <img src="/img/menu.png" class="menu-img"> </span> </div> </div> </div> </header> <div class="overlay menu-bg" id="myNav"> <span href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</span> <div class="py-5 py-lg-0"> <div class="container-fluid overlay-content pt-5"> <div class="row p-lg-5 listing-menu justify-content-center"></div> </div> </div> </div> <div id="myModal" class="modal">  <div class="modal-content p-0"> <div class="search-menu-bg p-4"> <div class="container d-flex justify-content-between"> <img src="/img/affin-group-logo.png" width="206" height="40"> <span class="close text-right">×</span> </div> <div class="py-5"> <div class="container"> <h2 class="text-center text-white font-italic font-brushter">Always about You</h2> <p class="text-center text-white pt-3 container">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas maximus tellus non luctus accumsan. Donec id lobortis velit.</p> <div class="text-center pt-5 pb-3 position-relative"> <input type="text" id="search-box" placeholder="Search.." name="search"> <button onclick="getSearchResult(1)" id="search-btn" type="submit"> <img src="/img/search.png" height="24"></button> </div> <div class="pt-5"> <div class="pt-4"> <p class="text-center text-white">What others are also searching: </p> <div class="text-center"> <a href="#" class="btn btn-outline-light mr-2">Annual Report</a> <a href="#" class="btn btn-outline-light mr-2 ml-3">A1addin</a> <a href="#" class="btn btn-outline-light ml-2">About Us</a> </div> </div> </div> </div> </div> </div> <div id="result"> </div> </div> </div> </section> <div id="dialog-confirm" title="External Link Disclaimer" style="display:none;"> <p class="margin-top-20-px">You are now leaving AffinGroup.com</p> <p>Please be informed that upon entering a third party website, AFFIN BANK’s privacy policy ceases to apply and you are advised to read the privacy policies of the third party website. AFFIN BANK gives no warranty as to the entirety, accuracy or security of the linked third party website or any of its content. </p> <p>As such, AFFIN BANK shall not be responsible or liable in connection with the content of or the consequences of accessing the third party website.</p> </div> <div class="IDKWT9UDQK22GHL1"><section class="block block-affin-group-hero-slider"> <div class="position-relative"> <div class="affin-group-slider-container" id="affin-group-slider-container"> </div> <div class="dots affin-group-slider-dots" id="affin-group-slider-dots"> </div> </div> </section> <script> function ready(f) { /in/.test(document.readyState) ? setTimeout('ready(' + f + ')', 9) : f() } ready(function() { if (document.querySelector('.block-affin-group-hero-slider')) { fetch('/json/slider/affin_group/index.json') .then(response => response.json()) .then(data => { let filename; let fileId; if (data) { for (let i = 0; i < data.length; i++) { if (data[i].id == '1') { filename = data[i].filepath; fileId = data[i].id; } } } // SCOPE ISSUE ONLY IN LOCALHOST fetch('/currentLang') .then(response => response.text()) .then(lang => { if (filename !== null || true) { getAffinGroupSliderJsonData(lang, filename, 'block-affin-group-hero-slider', fileId); } }); }); } }); function getAffinGroupSliderJsonData(lang, source, parentClassName) { fetch('/json/slider/affin_group/' + source) .then(response => response.json()) .then(data => { const affinGroupSliderJson = data[0].data; if (affinGroupSliderJson) { affinGroupSliderJson.sort(function(a, b) { return a.order - b.order; }); generateAffinGroupSlider(lang, parentClassName, affinGroupSliderJson); window.addEventListener('resize', function() { generateAffinGroupSlider(lang, parentClassName, affinGroupSliderJson); }); } }); } function generateAffinGroupSlider(lang, parentClassName, affinGroupSliderJson) { let mobile = window.matchMedia("(max-width: 767.98px)"); let title, content, urlText; const slidersContainer = $('.' + parentClassName + ' .affin-group-slider-container')[0]; slidersContainer.innerHTML = ''; const dotsContainer = $('.' + parentClassName + ' .affin-group-slider-dots')[0]; dotsContainer.innerHTML = ''; for (let i = 0; i < affinGroupSliderJson.length; i++) { switch (lang) { case 'zh': title = affinGroupSliderJson[i].title_in_chinese ? affinGroupSliderJson[i].title_in_chinese : affinGroupSliderJson[i].title_in_english; content = affinGroupSliderJson[i].content_in_chinese ? affinGroupSliderJson[i].content_in_chinese : affinGroupSliderJson[i].content_in_english; urlText = affinGroupSliderJson[i].url_text_in_chinese ? affinGroupSliderJson[i].url_text_in_chinese : affinGroupSliderJson[i].url_text_in_english; break; case 'ms': title = affinGroupSliderJson[i].title_in_malay ? affinGroupSliderJson[i].title_in_malay : affinGroupSliderJson[i].title_in_english; content = affinGroupSliderJson[i].content_in_malay ? affinGroupSliderJson[i].content_in_malay : affinGroupSliderJson[i].content_in_english; urlText = affinGroupSliderJson[i].url_text_in_malay ? affinGroupSliderJson[i].url_text_in_malay : affinGroupSliderJson[i].url_text_in_english; break; case 'en': default: title = affinGroupSliderJson[i].title_in_english; content = affinGroupSliderJson[i].content_in_english; urlText = affinGroupSliderJson[i].url_text_in_english; break; } if (!title) { title = ''; } if (!content) { content = ''; } const appendElement = document.createElement('DIV'); appendElement.className = 'slide'; if (affinGroupSliderJson[i].url && urlText) { appendElement.innerHTML = '<div class="container">' + '<div class="text-left text-over-img col-10">' + '<h2 class="slider-title">' + title + '</h2>' + '<div class="pt-3">' + content + '</div>' + '<a href="' + affinGroupSliderJson[i].url + '" class="default-button">' + urlText + '</a>' + '</div>' + '</div>'; } else { appendElement.innerHTML = '<div class="container">' + '<div class="text-left text-over-img col-10">' + '<h2 class="slider-title">' + title + '</h2>' + '<div class="pt-3">' + content + '</div>' + '</div>' + '</div>'; } // Use mobile image on mobile view if (mobile.matches) { // If no mobile image use desktop image if (!affinGroupSliderJson[i].image_mobile) { appendElement.style.backgroundImage = "url('" + affinGroupSliderJson[i].image + "')"; } else { appendElement.style.backgroundImage = "url('" + affinGroupSliderJson[i].image_mobile + "')"; } } else { appendElement.style.backgroundImage = "url('" + affinGroupSliderJson[i].image + "')"; } if (slidersContainer) { slidersContainer.style.minHeight = "inherit"; slidersContainer.style.maxHeight = "inherit"; slidersContainer.style.height = "inherit"; slidersContainer.appendChild(appendElement); } if (affinGroupSliderJson.length > 1) { const appendDotElement = document.createElement('SPAN'); appendDotElement.className = 'my-dot'; appendDotElement.onclick = function() { currentSlides(i + 1, parentClassName); } if (dotsContainer) { dotsContainer.appendChild(appendDotElement); } } } let currentSlide = 1; let maxSlides = affinGroupSliderJson.length; showSlide(currentSlide, parentClassName); setInterval(() => { if (currentSlide < maxSlides) { currentSlide++; showSlide(currentSlide, parentClassName); } else { currentSlide = 1; showSlide(currentSlide, parentClassName); } }, 5000); } function currentSlides(n, parentClassName) { showSlide(slideIndex = n, parentClassName); } function showSlide(n, parentClassName) { let i; let slideIndex = n; const slides = $('.' + parentClassName + ' .slide'); const dots = $('.' + parentClassName + ' .my-dot'); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].classList.remove('active'); } if (slides[slideIndex - 1] !== undefined) { slides[slideIndex - 1].style.display = "block"; } if (dots[slideIndex - 1] !== undefined) { dots[slideIndex - 1].classList.add('active'); } } </script> </div><section class="block block-affin-group-5-tabs IDKXZJJV7AZWL2Z2"> <div class="row align-self-center text-center header-tab align-content-center tabs-container IDKXZJJV7E3OJLZ3"> <div onclick="switchAffinGroup5Tab('tab-1', this)" class="col tab-col tab-1 active IDKXZJJV7F1R44F4"> <div class="tab-link"> <div class="justify-content-center"> <div class="p-0"><img src="/uploads/ef1fc2a6490b437f7402be782f3df18a94b255c7/ourstory.svg" alt="affin-group-tab-icon" class="icon col-4 p-0"></div> <div class="p-0 text-center"><strong data-raw-content="true" id="tab-link-1" class="col-8 align-self-start text-left p-0"> OUR STORY </strong></div> </div> </div> </div> <div onclick="switchAffinGroup5Tab('tab-2', this)" class="col tab-col tab-2 IDKXZJJV7KVFB4M5"> <div class="tab-link"> <div class="justify-content-center"> <div class="p-0"><img src="/uploads/711007b72b7d5d49368a92fa0aacaa168a508c4e/investor-relations.svg" alt="affin-group-tab-icon" class="icon col-4 p-0"></div> <div class="p-0 text-center"><strong data-raw-content="true" id="tab-link-2" class="col-8 align-self-start text-left p-0"> INVESTOR RELATIONS </strong></div> </div> </div> </div> <div onclick="switchAffinGroup5Tab('tab-3', this)" class="col tab-col tab-3 IDKXZJJV7PXRWT56"> <div class="tab-link"> <div class="justify-content-center"> <div class="p-0"><img src="/uploads/bc574117c7d6002de1f9cb4714e239cbdac8520b/awards.svg" alt="affin-group-tab-icon" class="icon col-4 p-0"></div> <div class="p-0 text-center"><strong data-raw-content="true" id="tab-link-3" class="col-8 align-self-start text-left p-0"> AWARDS </strong></div> </div> </div> </div> <div onclick="switchAffinGroup5Tab('tab-4', this)" class="col tab-col tab-4 IDKXZJJV7TN3C037"> <div class="tab-link"> <div class="justify-content-center"> <div class="p-0"><img src="/uploads/8b1f64a36e7abd0b7ef62f95686a27f0ed21190b/newsroom.png" alt="affin-group-tab-icon" class="icon col-4 p-0"></div> <div class="p-0 text-center"><strong data-raw-content="true" id="tab-link-4" class="col-8 align-self-start text-left p-0"> NEWSROOM </strong></div> </div> </div> </div> <div onclick="switchAffinGroup5Tab('tab-5', this)" class="col tab-col tab-5 IDKXZJJV7XOV9B08"> <div class="tab-link"> <div class="justify-content-center"> <div class="p-0"><img src="/uploads/91fb8b8d3c59a2accd8b92c9d4baf887b8bef9af/sustainable-icons.png" alt="affin-group-tab-icon" class="icon col-4 p-0"></div> <div class="p-0 text-center"><strong data-raw-content="true" id="tab-link-5" class="col-8 align-self-start text-left p-0"> SUSTAINABILITY</strong></div> </div> </div> </div> </div> <div class="py-5"> <div class="content-container"> <div phpb-blocks-container="" id="tab-1" class="tab tab-1"><section class="block block-landing-tab-content-1 IDKXZJRS80EGMED10 IDKY15UF00C1QVI0"> <div class="py-5"> <div class="container d-md-flex container-height"> <div class="row align-self-md-center"> <div class="col-12 col-md-6 py-3"> <div class="content IDKXZJRS835A2TF11 IDKY15UF0HV64AP1"> <p data-raw-content="true" class="title-text py-3">Journey of the <span class="text-blue">blue</span> Hibiscus</p> <p data-raw-content="true" class="description-text">The hibiscus has been the origin of the AFFIN’s heritage and logos for the past 49 years. The new logo is a modernised version of the Bunga Raya, Malaysia’s national flower.<br><br>The blue represents our customer centricity and loyalty to our core values and its harmonious combination with red represents the energy and dedication in bringing value to our stakeholders. The 3 dots represents our close relationships with our customers, shareholders, and employees.</p> <div class="py-4"><a href="/affin-our-story" class="link-text-blue IDKXZJRS8A6U38412 IDKY15UF0PJS9MQ2">View More Details</a></div> </div> </div> <div class="col-12 col-md-6 py-3"> <div class="play-btn-bg IDKXZJRS8BYLN7713 IDKY15UF0WB9LPV3"></div><a href="https://www.youtube.com/watch?v=4RC53St1_ro" onclick="return false" class="video-button-a IDKXZJRS8CUL6VV14 IDKY15UF0ZYE8VE4"> <div class="play-btn"> <div class="play-btn-triangle"></div> </div> </a> </div> </div> <div class="video-wrapper display-none IDKXZJRS8EI406L15 IDKY15UF2DMEZ4T5"> <div class="video-content">  <div class="close"></div> <div id="player"></div> </div> </div> </div> </div> </section></div> <div phpb-blocks-container="" id="tab-2" class="tab tab-2"><section class="block block-landing-tab-content-2 IDKXZJSP1XYUUUZ17 IDKY15UF2TYMIED6"> <div class="py-5"> <div class="container d-flex container-height"> <div class="row d-flex"> <div class="col-12 col-md-6 align-self-center"> <p data-raw-content="true" class="title-text py-5"><strong>Investor Relations</strong></p> <p data-raw-content="true" class="description-text pb-5">The main source of the most pertinent financial and relevant information of the Group, in line with the Group’s commitment to uphold the highest standards of corporate governance and stakeholder engagement.</p> <div class="py-5"> <div class="button"><a href="https://affin.listedcompany.com/home.html" class="button-text IDKXZJSP25CRD4P18 IDKY15UF3G5IRJ07">Find Out More</a></div> </div> </div> <div class="col-12 col-md-6 my-auto tablet-padding"> <div class="circle-bg IDKXZJSP27NO09219 IDKY15UF3L8USKR8"> <div class="row pb-3"> <div class="col-12 margin-btm-p"> <p data-raw-content="true" class="text-16">ABB (5185)</p> </div> <div class="col-10 text-left"> <p data-raw-content="true" class="large-number-text">1.740</p> </div> <div class="col-2 text-left padding-0 align-self-center"><img src="/img/red-down-arrow.png" class="arrow-img"></div> </div> <div class="row pb-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-0.040</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1,481</p> </div> </div> <hr class="white-line"> <div class="row pt-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">%CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-2.2</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1.780</p> </div> </div> <p data-raw-content="true" class="padding-top text-14">UPDATED: 17 MAY 2021 16:50</p> </div> </div> </div> </div> </div> </section></div> <div phpb-blocks-container="" id="tab-3" class="tab tab-3"><section class="block block-landing-tab-content-2 IDKXZJURJPTFL7T21 IDKY15UF4VI65PB9"> <div class="py-5"> <div class="container d-flex container-height"> <div class="row d-flex"> <div class="col-12 col-md-6 align-self-center"> <p data-raw-content="true" class="title-text py-5"><strong>Awards and Recognitions</strong></p> <p data-raw-content="true" class="description-text pb-5">In a business environment that is constantly evolving, AFFIN Group has managed to maintain its position as one of the reputable financial institutions in Malaysia.</p> <div class="py-5"> <div class="button"><a href="affin-awards" class="button-text IDKXZJURJYLUU3C22 IDKY15UF5CM22SC10 IDKY9NK2UQFBOCB0">Find Out More</a></div> </div> </div> <div class="col-12 col-md-6 my-auto tablet-padding"> <div class="circle-bg IDKXZJURK0XUHX323 IDKY15UF5NPOX6I11 IDKY9NK2USAIRHG1"> <div class="row pb-3"> <div class="col-12 margin-btm-p"> <p data-raw-content="true" class="text-16">ABB (5185)</p> </div> <div class="col-10 text-left"> <p data-raw-content="true" class="large-number-text">1.740</p> </div> <div class="col-2 text-left padding-0 align-self-center"><img src="/img/red-down-arrow.png" class="arrow-img"></div> </div> <div class="row pb-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-0.040</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1,481</p> </div> </div> <hr class="white-line"> <div class="row pt-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">%CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-2.2</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1.780</p> </div> </div> <p data-raw-content="true" class="padding-top text-14">UPDATED: 17 MAY 2021 16:50</p> </div> </div> </div> </div> </div> </section></div> <div phpb-blocks-container="" id="tab-4" class="tab tab-4"><section class="block block-landing-tab-content-2 IDKXZJYZA5PUGWF25 IDKY15UF6VAJ2V612 IDKY9NK2V9J5TKO2"> <div class="py-5"> <div class="container d-flex container-height"> <div class="row d-flex"> <div class="col-12 col-md-6 align-self-center"> <p data-raw-content="true" class="title-text py-5"><strong>Newsroom</strong></p> <p data-raw-content="true" class="description-text pb-5">Stay up to date with the Group’s latest media announcements.</p> <div class="py-5"> <div class="button"><a href="https://affin.listedcompany.com/newsroom.html" class="button-text IDKXZJYZAE0M1VJ26 IDKY15UF7BMBYX913 IDKY9NK2VHG28WK3">Find Out More</a></div> </div> </div> <div class="col-12 col-md-6 my-auto tablet-padding"> <div class="circle-bg IDKXZJYZAFN5EIP27 IDKY15UF7ERAI0514 IDKY9NK2VIYYMWL4"> <div class="row pb-3"> <div class="col-12 margin-btm-p"> <p data-raw-content="true" class="text-16">ABB (5185)</p> </div> <div class="col-10 text-left"> <p data-raw-content="true" class="large-number-text">1.740</p> </div> <div class="col-2 text-left padding-0 align-self-center"><img src="/img/red-down-arrow.png" class="arrow-img"></div> </div> <div class="row pb-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-0.040</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1,481</p> </div> </div> <hr class="white-line"> <div class="row pt-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">%CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-2.2</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1.780</p> </div> </div> <p data-raw-content="true" class="padding-top text-14">UPDATED: 17 MAY 2021 16:50</p> </div> </div> </div> </div> </div> </section></div> <div phpb-blocks-container="" id="tab-5" class="tab tab-5"><section class="block block-landing-tab-content-2 IDKXZK1R1ENK6JL29 IDKY15UF8NULWR715 IDKY9NK2VY2M6W05"> <div class="py-5"> <div class="container d-flex container-height"> <div class="row d-flex"> <div class="col-12 col-md-6 align-self-center"> <p data-raw-content="true" class="title-text py-5">Sustainability</p> <p data-raw-content="true" class="description-text pb-5">Develop and deliver responsible financial solutions that create value for individuals, businesses, the community and the environment</p> <div class="py-5"> <div class="button"><a href="sustainability" class="button-text IDKXZK1R1O10DDD30 IDKY15UF9CCU5JL16 IDKY9NK2W3F8X2O6">Find Out More</a></div> </div> </div> <div class="col-12 col-md-6 my-auto tablet-padding"> <div class="circle-bg IDKXZK1R1P8DH3P31 IDKY15UF9G1WFYY17 IDKY9NK2W4ZJDWT7"> <div class="row pb-3"> <div class="col-12 margin-btm-p"> <p data-raw-content="true" class="text-16">ABB (5185)</p> </div> <div class="col-10 text-left"> <p data-raw-content="true" class="large-number-text">1.740</p> </div> <div class="col-2 text-left padding-0 align-self-center"><img src="/img/red-down-arrow.png" class="arrow-img"></div> </div> <div class="row pb-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-0.040</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1,481</p> </div> </div> <hr class="white-line"> <div class="row pt-3 text-12 margin-btm-p"> <div class="col-7 text-left"> <p data-raw-content="true">%CHANGE:</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">-2.2</p> </div> <div class="col-7 text-left"> <p data-raw-content="true">VOLUME (‘00):</p> </div> <div class="col-5 text-right"> <p data-raw-content="true">1.780</p> </div> </div> <p data-raw-content="true" class="padding-top text-14">UPDATED: 17 MAY 2021 16:50</p> </div> </div> </div> </div> </div> </section></div> </div> </div> </section><section class="block block-group-of-companies-carousel IDKWCUYN3W3WCQ91"> <div draggable="true" id="i2cxwzc" class="row m-0 bg-color IDKWCUYN3YJ8Q102 gjs-comp-selected"> <div draggable="true" id="ieknn9a" class="col-12 header"> AFFIN Group of Companies </div> <div draggable="true" id="imydq41" class="col-md-6 p-0 m-auto"><img draggable="true" src="/uploads/36a46d729626044aa74be6110c4a2f4fb560fb5e/Group-Of-Companies-v2.png" id="io8zpwo" class="bg-image"></div> <div draggable="true" id="ihywnmm" class="col-md-6 overflow-content"><a draggable="true" href="affin-bank-berhad" id="iugg7kk" class="company-link IDKWCUYN3ZIKNL03"> <div draggable="true" id="ies0hd9" class="row m-0 mt-4 ml-4"> <div draggable="true" id="idrq1bq" class="bg-white IDKWCUYN40JON2J4"><img draggable="true" src="/img/abb-logo-highres.png" id="i7pv0tn" class="affin-logo"></div> <div draggable="true" id="i61b1fh" class="col-8 fixed-height"> <p draggable="true" data-raw-content="true" id="ifjjw5j" class="title-text mt-3"><span><strong>Affin Bank Berhad</strong></span></p> <p draggable="true" data-raw-content="true" id="ie779h1" class="description-text">AFFIN BANK is the Group’s commercial bank in Malaysia with 115 branches across the country. </p> </div> </div> </a><a draggable="true" href="affin-islamic-bank-berhad" id="i3tyk0f" class="company-link IDKWCUYN45RMCQ75"> <div draggable="true" id="i264s6v" class="row m-0 mt-4 ml-4"> <div draggable="true" id="ih8bl92" class="bg-white IDKWCUYN46Y4LNX6"><img draggable="true" src="/img/aibb-logo-highres.png" id="i4oboxz" class="affin-logo"></div> <div draggable="true" id="iakdhg6" class="col-8 fixed-height"> <p draggable="true" data-raw-content="true" id="il3v9tw" class="title-text mt-3"><span><strong>Affin Islamic Bank Berhad</strong></span></p> <p draggable="true" data-raw-content="true" id="i0khwqj" class="description-text">AFFIN ISLAMIC is the Group’s full-fledged Islamic bank dedicated in offering Shariah compliant financial products and services. </p> </div> </div> </a><a draggable="true" href="affin-hwang-investment-bank" id="i2zzva5" class="company-link IDKWCUYN4APTH527"> <div draggable="true" id="ipzuxga" class="row m-0 mt-4 ml-4"> <div draggable="true" id="idzh90r" class="bg-white IDKWCUYN4BK665S8"><img draggable="true" src="/img/affin-hwang-invesment-logo-highres.png" id="ipdmltl" class="affin-logo"></div> <div draggable="true" id="ikp34lr" class="col-8 fixed-height"> <p draggable="true" data-raw-content="true" id="itoucaz" class="title-text mt-3"><span><strong>Affin Hwang Investment Bank Berhad</strong></span></p> <p draggable="true" data-raw-content="true" id="ifr0s19" class="description-text">AFFIN Hwang is the Group’s leading investment banking, securities and asset management group in Malaysia. </p> </div> </div> </a><a draggable="true" href="affin-moneybrokers" id="ielvl5m" class="company-link IDKWCUYN4FT4J759"> <div draggable="true" id="ih0yvxc" class="row m-0 mt-4 ml-4"> <div draggable="true" id="i4hrfst" class="bg-white IDKWCUYN4GUC6WR10 IDKWCVT0GK9FWWA0"><img draggable="true" src="/img/moneybrokers-logo-highres.png" id="if81cwx" class="affin-logo"></div> <div draggable="true" id="id4y86t" class="col-8 fixed-height"> <p draggable="true" data-raw-content="true" id="ichaual" class="title-text mt-3"><span><strong>Affin Moneybrokers Sdn. Bhd.</strong></span></p> <p draggable="true" data-raw-content="true" id="iq7mp56" class="description-text">AFFIN Moneybrokers is the Group’s international money broker for transactions involving foreign financial institutions and as intermediary for deals between authorized financial institutions in foreign exchange and domestic money market. </p> </div> </div> </a><a draggable="true" href="/generali" id="iyvh2mm" class="company-link IDKWCUYN4LOE8M311 IDKWCVT0GOH7UFX1"> <div draggable="true" id="iyr25qr" class="row m-0 mt-4 ml-4"> <div draggable="true" id="ig4vujd" class="bg-white IDKWCUYN4MAYC2N12 IDKWCVT0GQSQL6O2"><img draggable="true" src="/uploads/b430da08720fc13b9b1916cc4033ada1338c4a70/generali-480x480.png" id="i0avsri" class="affin-logo"></div> <div draggable="true" id="illf14g" class="col-8 fixed-height"> <p draggable="true" data-raw-content="true" spellcheck="false" id="i5ahjed" class="title-text mt-3 cke_editable cke_editable_inline cke_contents_ltr cke_show_borders"><span><strong>Generali Insurance Malaysia Berhad </strong></span></p> <p draggable="true" data-raw-content="true" spellcheck="false" id="ic24t5i" class="description-text cke_editable cke_editable_inline cke_contents_ltr cke_show_borders">One of the largest general insurers in Malaysia offering comprehensive General Insurance protection solutions to enable people to shape a safer and more sustainable future.</p> </div> </div> </a><a draggable="true" href="/generali" id="i00g4kx" class="company-link IDKWCUYN4RFCBT513 IDKWCVT0GRU39MX3"> <div draggable="true" id="ijs76rb" class="row m-0 mt-4 ml-4"> <div draggable="true" id="izzoggi" class="bg-white IDKWCUYN4RG287A14 IDKWCVT0GS4U3344"><img draggable="true" src="/uploads/b430da08720fc13b9b1916cc4033ada1338c4a70/generali-480x480.png" id="ifhhx87" class="affin-logo"></div> <div draggable="true" id="i01b20b" class="col-8 fixed-height"> <p draggable="true" data-raw-content="true" id="ih9yv1j" class="title-text mt-3"><span><strong>Generali Life Insurance Malaysia Berhad</strong></span></p> <p draggable="true" data-raw-content="true" id="i47vdnn" class="description-text">Generali Life Insurance Malaysia is part of the Generali Group. Generali is one of the largest global insurance and asset management providers. At Generali Life Insurance Malaysia, we focus on helping individuals manage risk and achieve their financial goals.</p> </div> </div> </a><br draggable="true" id="ieg4rcj"></div> </div> </section><section class="block block-video-cta-youtube position-relative IDKV2562WEW3T1Y1"> <div class="bg-video-background"> <div class="bg-video-foreground IDKXZJJDT34CRK50"></div> <div class="block-layer"></div> <div class="overlap-layer"> <div class="row pb-5"> <div class="col-12 col-lg-6"> <p data-raw-content="true" class="title-text">Get closer to our timeless journey to serve the best for our customer</p> </div> </div> <div class="row"><a href="https://www.youtube.com/watch?v=4RC53St1_ro" data-toggle="modal" onclick="return false" class="d-flex play-link IDKV2562WJWICX12"><img src="/img/video-cta-playlink.png" class="play-circle"> <p data-raw-content="true" class="play-text">Watch the video</p> </a></div> </div> </div> <div tabindex="-1" role="dialog" class="modal fade"> <div role="document" class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content IDKV2562WMSSOX23"> <div class="modal-header"> <div class="container-fluid"> <div class="row"> <div class="col-12 px-0 text-right"><button type="button" data-dismiss="modal" data-raw-content="true" class="close close-button-x"> × </button></div> </div> </div> </div> <div id="modal-body" class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="col-12 px-0"> <div id="popup-content" class="popup-content"></div> </div> </div> </div> </div> </div> </div> </div> </section><img alt="affin-ascend-q3-2022_1-01.jpg" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImZpbGw6IHJnYmEoMCwwLDAsMC4xNSk7IHRyYW5zZm9ybTogc2NhbGUoMC43NSkiPgogICAgICAgIDxwYXRoIGQ9Ik04LjUgMTMuNWwyLjUgMyAzLjUtNC41IDQuNSA2SDVtMTYgMVY1YTIgMiAwIDAgMC0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnoiPjwvcGF0aD4KICAgICAgPC9zdmc+"><section class="block block-publication IDKTO4462O042WR1"> <div class="container"><br><br> <p data-raw-content="true" class="header">  Keep up on the latest trends with ASCEND</p><br> <div class="grid-wrapper"><a href="https://www.affinalways.com/storage/ASCEND/affin-ascend-Feb2024.pdf" class="full IDKTO4462RKFSAF2"><img src="/uploads/b8c0dbe4e75fbe7dbcd0dacc1f91f50ee1943090/Feb24_Main.jpg" alt=""> <div class="category IDKTO4462RN57853"> <p data-raw-content="true">2024</p> <div class="triangle-bottomleft"></div> </div> <div class="p-container IDKTO4462TLL3924"> <p data-raw-content="true" class="title-header">  <span style="color:#333333;">February 2024</span></p> <p data-raw-content="true" class="content-date"><br></p> <p data-raw-content="true" class="content">AFFIN February 2024 Issue of Ascend e-Magazine by Affin Bank Berhad.</p> </div> </a><a href="https://www.affinalways.com/storage/ASCEND/affin-ascend-q3-2023.pdf" class="wide IDKTO4462XFF0UB5"><img src="/uploads/6edad7655ecc5a1bda046cb4631b128b81ea7d19/Q4_Medium-01.jpg" alt=""> <div class="category IDKTO4462X3UKIW6"> <p data-raw-content="true">2023</p> <div class="triangle-bottomleft"></div> </div> <div class="p-container IDKTO4462ZK1KPZ7"> <p data-raw-content="true" class="title-header">  Quarter 3 2023</p> <p data-raw-content="true" class="content-date"></p> </div> </a><a href="https://www.affinalways.com/storage/ASCEND/affin-ascend-q2-2023.pdf" class="tall IDKTO44631MQ7WT8"><img src="/uploads/f8f043eb066500499b52c718ef675b0e72af8d52/Q3_small-01.jpg" alt=""> <div class="category IDKTO446324QNKS9"> <p data-raw-content="true">2023</p> <div class="triangle-bottomleft"></div> </div> <div class="p-container IDKTO44633QRO7T10 IDKTS1VZG37JVTC2"> <p data-raw-content="true" class="title-header">  <span style="font-size:18px;">Quarter 2 2023</span></p> <p data-raw-content="true" class="content-date"></p> </div> </a><a href="https://www.affinalways.com/storage/ASCEND/affin-ascend-q1-2023.pdf" class="tall IDKTO44635L4LU711 IDKTS1VZG3801I63"><img src="/uploads/431f6fa1fe857a0ca8475b9d9c49aac9623b2a1f/Q2_small.png" alt=""> <div class="category IDKTO44637C9NZB12 IDKTS1VZG46YBG54"> <p data-raw-content="true">2023</p> <div class="triangle-bottomleft"></div> </div> <div class="p-container IDKTO44638UAHIY13 IDKTS1VZG42RX3H5"> <p data-raw-content="true" class="title-header">  <span style="font-size:18px;">Quarter 1 2023</span></p> <p data-raw-content="true" class="content-date"></p> </div> </a></div> <div class="align-center"><a href="https://www.affinalways.com/ascend" target="_blank" class="discover-button IDKTO4463BR429114 IDKTS1VZG614ET36">Discover All Publications</a></div><br><br> </div> </section><div class="IDKWBQ3FR3NHJY31"><section class="block block-affin-group-discover-announcement"> <div class="background-image"> <div class="content p-4 p-md-5"> <div class="container p-md-5"> <p class="header pt-2">Stay up-to-date with our latest highlights</p> <div class="row py-4 announcement-list" id="announcement-list"> <div class="carousel-button-next"><img src="/img/arrow-up.png"></div> <div class="carousel-button-prev"><img src="/img/arrow-up.png"></div> </div> <div class="text-center pb-5"> <div class="button button-text justify-content-center"> <a href="/announcements" class="link-text overflow align-self-center discover_button_text"> Discover all announcements</a></div> </div> </div> </div> </div> </section> <script> var fileId; function ready(f) { /in/.test(document.readyState) ? setTimeout('ready(' + f + ')', 9) : f() } ready(function () { if (document.querySelector('.block-affin-group-discover-announcement')) { fetch('/json/announcement_list/affin_group/index.json') .then(response => response.json()) .then(data => { if (data) { for (let i = 0; i < data.length; i++) { if (data[i].filepath == 'highlight.json') { fileId = data[i].id; } } } }); fetch('/currentLang') .then(response => response.text()) .then(lang => { if (lang === 'ms') { const discoverButton = document.querySelector('.link-text.overflow.align-self-center.discover_button_text'); if (discoverButton) { discoverButton.href = '/bm/announcements'; } } getAnnouncementListJsonData(lang, 'IDKWBQ3FR3NHJY31'); }); } }); function getAnnouncementListJsonData(lang, parentClassName) { fetch('/json/announcement_list/affin_group/highlight.json') //hardcoded path .then(response => response.json()) .then(data => { console.log(data); window.announcementJson = data; if (window.announcementJson) { arrangeLatestAnnouncementListData(lang, parentClassName); discover_affingroup_announcement_carosel($('.' + parentClassName + ' .announcement-list')[0]); } }); } function arrangeLatestAnnouncementListData(lang, parentClassName) { let i; const tempData = window.announcementJson[0].data; const parsedDateArray = []; const indexOfLargestDate = []; for (i = 0; i < tempData.length; i++) { parsedDateArray[i] = Date.parse(tempData[i].date); } for (i = 0; i < parsedDateArray.length; i++) { indexOfLargestDate.push(parsedDateArray.indexOf(Math.max.apply(null, parsedDateArray))); parsedDateArray[indexOfLargestDate[i]] = -1; } getAnnouncementListData(lang, parentClassName, indexOfLargestDate); } function getAnnouncementListData(lang, parentClassName, indexOfLargestDate) { console.log(indexOfLargestDate); const announcement = $('.' + parentClassName + ' .announcement-list')[0]; let announcement_title; let button_text; let image_url; for (let i = 0; i < indexOfLargestDate.length; i++) { let date = announcementJson[0].data[indexOfLargestDate[i]].date;; let title; let content; let url; let readMoreText; switch (lang) { case 'zh': title = announcementJson[0].data[indexOfLargestDate[i]].title_in_chinese ? announcementJson[0].data[indexOfLargestDate[i]].title_in_chinese : announcementJson[0].data[indexOfLargestDate[i]].title_in_english; content = announcementJson[0].data[indexOfLargestDate[i]].content_in_chinese ? announcementJson[0].data[indexOfLargestDate[i]].content_in_chinese : announcementJson[0].data[indexOfLargestDate[i]].content_in_english; button_text = announcementJson[0].button_text_in_chinese ? announcementJson[0].button_text_in_chinese : announcementJson[0].button_text_in_english; announcement_title = announcementJson[0].heading_text_in_chinese ? announcementJson[0].heading_text_in_chinese : announcementJson[0].heading_text_in_english; readMoreText = '> Read more'; break; case 'ms': title = announcementJson[0].data[indexOfLargestDate[i]].title_in_malay ? announcementJson[0].data[indexOfLargestDate[i]].title_in_malay : announcementJson[0].data[indexOfLargestDate[i]].title_in_english; content = announcementJson[0].data[indexOfLargestDate[i]].content_in_malay ? announcementJson[0].data[indexOfLargestDate[i]].content_in_malay : announcementJson[0].data[indexOfLargestDate[i]].content_in_english; button_text = announcementJson[0].button_text_in_malay ? announcementJson[0].button_text_in_malay : announcementJson[0].button_text_in_english; announcement_title = announcementJson[0].heading_text_in_malay ? announcementJson[0].heading_text_in_malay : announcementJson[0].heading_text_in_english; readMoreText = '> Lebih Lanjut'; if (date.includes('January')) { date = date.replace('January', 'Januari'); } else if (date.includes('February')) { date = date.replace('February', 'Februari'); } else if (date.includes('March')) { date = date.replace('March', 'Mac'); } else if (date.includes('April')) { date = date.replace('April', 'April'); } else if (date.includes('May')) { date = date.replace('May', 'Mei'); } else if (date.includes('June')) { date = date.replace('June', 'Jun'); } else if (date.includes('July')) { date = date.replace('July', 'Julai'); } else if (date.includes('August')) { date = date.replace('August', 'Ogos'); } else if (date.includes('September')) { date = date.replace('September', 'September'); } else if (date.includes('October')) { date = date.replace('October', 'Oktober'); } else if (date.includes('November')) { date = date.replace('November', 'November'); } else if (date.includes('December')) { date = date.replace('December', 'Disember'); } break; case 'en': default: title = announcementJson[0].data[indexOfLargestDate[i]].title_in_english; content = announcementJson[0].data[indexOfLargestDate[i]].content_in_english; button_text = announcementJson[0].button_text_in_english; announcement_title = announcementJson[0].heading_text_in_english; readMoreText = '> Read more'; break; } if (!announcementJson[0].data[indexOfLargestDate[i]].url) url = announcementJson[0].data[indexOfLargestDate[i]].title_in_english; else url = announcementJson[0].data[indexOfLargestDate[i]].url; url = '/announcements/' + encodeURIComponent(title) + '?v=' + btoa('cat=' + fileId + '&rec=' + announcementJson[0].data[indexOfLargestDate[i]].id); /* date = announcementJson[0].data[indexOfLargestDate[i]].date; if (date.includes('January')) { date = date.replace('January', 'Januari'); } else if (date.includes('February')) { date = date.replace('February', 'Februari'); } else if (date.includes('March')) { date = date.replace('March', 'Mac'); } else if (date.includes('April')) { date = date.replace('April', 'April'); } else if (date.includes('May')) { date = date.replace('May', 'Mei'); } else if (date.includes('June')) { date = date.replace('June', 'Jun'); } else if (date.includes('July')) { date = date.replace('July', 'Julai'); } else if (date.includes('August')) { date = date.replace('August', 'Ogos'); } else if (date.includes('September')) { date = date.replace('September', 'September'); } else if (date.includes('October')) { date = date.replace('October', 'Oktober'); } else if (date.includes('November')) { date = date.replace('November', 'November'); } else if (date.includes('December')) { date = date.replace('December', 'Disember'); } */ const announcementElement = document.createElement('DIV'); announcementElement.innerHTML = '<p class="date-text">' + date + '</p>' + '<p class="highlight-text">' + title + '</p>' + '<a href="' + url + '" target="_blank" class="link-text-red mt-auto">' + readMoreText + '</a>' + '<br><br>'; announcementElement.className = 'col-lg-4 col-md-6 col-sm-12 col-xs-12 padding-left-right'; if (announcement) { announcement.appendChild(announcementElement); } } //change announcement module json data image_url = announcementJson[0].image; if (announcement_title) $('.' + parentClassName + ' .header')[0].innerHTML = announcement_title; if (button_text) $('.' + parentClassName + ' .discover_button_text')[0].innerHTML = button_text; if (image_url) $('.' + parentClassName + ' .background-image').css('background-image','url(' + image_url + ')'); } </script> </div><style>* { box-sizing: border-box; } body {margin: 0;}.block.block-4-column-with-icon-and-btn.position-relative.IDKTNRU80E0W2HN3{left:autopx;top:autopx;bottom:autopx;right:autopx;}.wide.IDKTO4462XFF0UB5{left:autopx;top:autopx;bottom:autopx;right:autopx;}.category.IDKTO446324QNKS9{background-color:rgb(7,104,179);}.col.tab-col.tab-2.IDKTSYRP6AZYTS55{padding:20px 20px 20px 20px;right:1px;}.col.tab-col.tab-3.IDKTSYRP6BG5Z846{min-height:11px;max-width:203px;}.col.tab-col.tab-2.IDKTSYRP6AZYTS55.gjs-comp-selected.active{top:autopx;bottom:autopx;}.category.IDKTO4462X3UKIW6{background-color:#0768b3;}.category.IDKTO44637C9NZB12.IDKTS1VZG46YBG54{background-color:rgb(7,104,179);}.block.block-video-cta-youtube.position-relative.IDKU0P2PI6XGCC51{left:autopx;top:autopx;bottom:autopx;right:autopx;background-color:rgba(255,0,0,0.96);}.content.IDKU0P94CDKFHUJ6{background-color:rgba(255,255,255,0.95);padding:24px 24px 24px 24px;top:8px;}.circle-bg.IDKU0P9SRSDXKQ314.IDKU0QU1GST3L063{background-color:rgba(0, 114, 202, 0.8);text-align:center;}.row.m-0.bg-color.IDKTNRUYW5UTPU561.IDKTNSEIEHHTBT31{position:static;}.discover-button.IDKTO4463BR429114.IDKTS1VZG614ET36{padding:24px 57px 24px 57px;}.icon.col-4{left:autopx;top:autopx;max-width:120px;right:autopx;max-height:40px;bottom:autopx;}.button.button-text.justify-content-center{position:static;}.header{padding:0 0 0 0;text-align:center;margin:0 0 40px 0;}.row.py-4.announcement-list{margin:0 -15px 32px -15px;}.text-left{padding:0 0 0 0;}.p-4.p-md-5.IDKU2LUBJJX5TEZ1.gjs-comp-selected{background-color:rgba(255,255,255,0.88);}.p-4.p-md-5.IDKU5A82FPVCYE41{background-color:rgba(0,0,0,0);}.block.block-landing-tab-content-2.IDKVHV18S0ER32E16{background-image:url(/uploads/5ad93b32d40c9af8d47316eae6999b8bc0ab7682/investor-relations-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover;}.block.block-landing-tab-content-2.IDKVHV2AUH07B8I20{background-image:url(/uploads/e699d5c5380479333b35426bc70a3407c3ce99b5/awards-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover;}.block.block-landing-tab-content-2.IDKVHV2D1J4WTZS24{background-image:url(/uploads/32e9ea2b9f28c717d643e6bb47dcfda13073f451/newsroom-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:auto;}.block.block-landing-tab-content-2.IDKVHV2FWVGQVDD28{background-image:url(/uploads/b81a788064e1e30f7be3cded50a53eae9c4d28bb/csr-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover;}.full.IDKTO4462RKFSAF2{top:autopx;bottom:autopx;left:autopx;right:autopx;}.tall.IDKTO44631MQ7WT8{top:autopx;bottom:autopx;left:autopx;right:autopx;}.tall.IDKTO44635L4LU711.IDKTS1VZG3801I63{top:autopx;bottom:autopx;left:autopx;right:autopx;}.block.block-landing-tab-content-2.IDKXZJSP1XYUUUZ17{background-image:url(/uploads/5ad93b32d40c9af8d47316eae6999b8bc0ab7682/investor-relations-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover;}.block.block-landing-tab-content-2.IDKXZJURJPTFL7T21{background-image:url(/uploads/e699d5c5380479333b35426bc70a3407c3ce99b5/awards-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover;}.block.block-landing-tab-content-2.IDKXZJYZA5PUGWF25{background-image:url(/uploads/32e9ea2b9f28c717d643e6bb47dcfda13073f451/newsroom-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:auto;}.block.block-landing-tab-content-2.IDKXZK1R1ENK6JL29{background-image:url(/uploads/b81a788064e1e30f7be3cded50a53eae9c4d28bb/csr-bg.png);background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover;}#dialog-confirm{display:none;}#back-to-top{display:none;}.block.block-landing-tab-content-2.IDKXZJURJPTFL7T21.IDKY15UF4VI65PB9{background-image:url(/uploads/277d5021f232a81e1b7d44bb806dcda2f677d5d6/awards-bg-4.png);background-attachment:scroll;background-repeat:no-repeat;background-size:cover;background-position:center center;}.block.block-landing-tab-content-2.IDKXZK1R1ENK6JL29.IDKY15UF8NULWR715.IDKY9NK2VY2M6W05{background-image:url(/uploads/cf91ec7f7ed0b84be50dc5b8e2cf5917976b2b90/sustainable-bg.jpg);background-attachment:scroll;background-repeat:no-repeat;background-size:cover;background-position:center center;}.block.block-landing-tab-content-2.IDKXZJSP1XYUUUZ17.IDKY15UF2TYMIED6{background-image:url(/uploads/fba85dd09acd686edee0c7da3162e25557286a24/investor-relations-bg-2.png);background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-size:cover;}.company-link.IDKWCUYN4RFCBT513{display:block;}.triangle-bottomleft{bottom:0;left:0;position:absolute;border-bottom:15px solid white;border-right:15px solid transparent;}.block-publication.IDKTO4462O042WR1{display:none;}.block-affin-group-hero-slider .text-over-img{color:white;text-shadow:2px 2px 5px black;}.block-affin-group-hero-slider .default-button{color:#FFFFFF !important;background:#0768B3 !important;font-size:14px !important;padding:15px 40px !important;margin-top:30px !important;border-radius:10px !important;}.block-affin-group-5-tabs .icon{max-width:40px !important;max-height:40px !important;}.block-affin-group-5-tabs .tab-col.active .icon{filter:invert(19%) sepia(69%) saturate(2589%) hue-rotate(209deg) brightness(87%) contrast(84%);opacity:1 !important;}.company-link .title-text{font-size:16px;}.block-navbar .bannerTranslateUp{animation:moveUp 0.5s linear forwards;}.block-navbar .bannerTranslateDown{animation:moveDown 0.5s linear forwards;}.block-navbar .navbarTranslateUp{animation:navbarMoveUp 0.5s linear forwards;}.block-navbar .navbarTranslateDown{animation:navbarMoveDown 0.5s linear forwards;}.block-affin-group-hero-slider .slider-image{animation:fadeOut 1s linear;}.block-affin-group-hero-slider .slider-image:hover{animation:fadeIn 1s linear;}.block-img-left-text-right-with-btn .py-5{padding-bottom:0 !important;}.block-img-left-text-right-with-btn .title-text{font-weight:200;font-size:48px;}.block-publication-auto .header{color:#333333;font-size:36px;text-align:center;margin-top:3rem;}.block-publication-auto .img{max-width:100%;height:auto;vertical-align:middle;display:inline-block;}.block-publication-auto .grid-wrapper > a{display:flex;justify-content:center;}.block-publication-auto .grid-wrapper > a > img{width:100%;height:60%;object-fit:cover;}.block-publication-auto .grid-wrapper{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit, minmax(121px, 1fr));grid-auto-rows:145px;grid-auto-flow:dense;}.block-publication-auto .grid-wrapper .full{grid-column:span 4;grid-row:span 4;position:relative;}.block-publication-auto .grid-wrapper .wide{grid-column:span 4;grid-row:span 2;position:relative;}.block-publication-auto .grid-wrapper .tall{grid-column:span 2;grid-row:span 2;position:relative;}.block-publication-auto .grid-wrapper .full:hover, .block-publication-auto .grid-wrapper .wide:hover, .block-publication-auto .grid-wrapper .tall:hover{box-shadow:0px 4px 8px #c4c4c4;transition:all .2s ease-out;}.block-publication-auto .p-container{position:absolute;font-size:20px;color:#333333;width:100%;padding:5px 20px;background-color:#F2F2F2;overflow:hidden;}.block-publication-auto .grid-wrapper .full .p-container{top:60%;height:40%;}.block-publication-auto .grid-wrapper .wide .p-container, .block-publication-auto .grid-wrapper .tall .p-container{top:55%;height:45%;}.block-publication-auto .category{position:absolute;top:0;right:0px;background-color:#0768B3;padding:10px 20px;}.block-publication-auto .category p{display:block;color:white;font-size:14px;text-align:center;margin:auto;}.block-publication-auto .title-header{font-size:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}.block-publication-auto .content-date{font-size:18px;font-weight:500;margin-top:2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}.block-publication-auto .content{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}.block-publication-auto .align-center{display:flex;justify-content:center;margin-top:0;}.block-publication-auto .discover-button{display:inline-flex;border:none;border-radius:8px;background:#0768B3;color:white;text-align:center;text-decoration:none;cursor:pointer;padding:15px 50px;min-width:200px;width:fit-content;max-width:100%;min-height:60px;font-size:20px;font-weight:400;margin:3rem 0;}@keyframes fadeIn{0%{opacity:0.7;}50%{opacity:0.9;}100%{opacity:1;}}@keyframes fadeOut{0%{opacity:0.7;}50%{opacity:0.9;}100%{opacity:1;}}@media only screen and (max-width: 1400px){.block-publication-auto .grid-wrapper{grid-template-columns:repeat(auto-fit, minmax(94px, 1fr));grid-auto-rows:90px;}}@media only screen and (min-width: 1080px){.block-navbar .banner{height:30px;}.block-navbar .navbar.navbar-dark.overlay-menu-bg.box-shadow{height:65px;}}@media only screen and (max-width: 992px) and (max-width: 1299.98px){.block-publication-auto .grid-wrapper{grid-template-columns:repeat(auto-fit, minmax(65px, 1fr));grid-auto-rows:90px;}}@media (max-width: 768px){.block-affin-group-hero-slider .text-over-img{padding:130px 0px;}}@media (max-width: 767.98px){.block-publication-auto .grid-wrapper{grid-template-columns:repeat(auto-fit, minmax(65px, 1fr));grid-auto-rows:90px;}}@media (max-width: 767px){.block-publication-auto .header{font-size:24px;}.block-publication-auto .title-header{font-size:18px;}.block-publication-auto .content-date{font-size:14px;}}@media only screen and (min-width: 625px) and (max-width: 1079px){.block-navbar .banner{height:50px;}.block-navbar .navbar.navbar-dark.overlay-menu-bg.box-shadow{height:65px;}}@media only screen and (max-width: 624px){.block-navbar .banner{height:85px;}.block-navbar .navbar.navbar-dark.overlay-menu-bg.box-shadow{height:105px;}}@media (max-width: 577.98px){.block-publication-auto .discover-button{padding:15px 20px;}}@media (max-width: 480px){.col.tab-col.tab-4.IDKTSYRP6D5HN687{top:autopx;bottom:autopx;left:autopx;right:autopx;}}@media only screen and (max-width: 400px){.block-publication-auto .discover-button{white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis !important;}}@media only screen and (min-width: 320px) and (max-width: 701px){.block-slider .my-slide .container{top:10%;left:0;transform:none;}}</style> <section class="block block-footer"> <div> <div class="p-4 p-md-5 bg-color-black-russian"> <div class="container p-md-5"> <div class="mb-5"> <span class="home-link"> <img src="/img/affin-group-logo-colored.png" class="full-width-img affin-group-logo"> </span> </div> <div class="row listing-menu text-light-grey"></div> <div class="py-3"></div> <div class="bottom-image text-center"></div> <div class="py-3"></div> <div class="bottom-listing-menu text-center text-light-grey"></div> <p class="affin-group-copyright text-center pt-3"> Copyright 2020 Affin Bank Berhad 197501003274 (25046-T). </p> </div> </div> </div> </section> <button id="back-to-top" title="Back to top" style="display: none;" onclick="topFunction()"> <img src="/img/arrow-up.png" class="fa-arrow-up"> </button>   <script src="/static/js/jquery-3.4.1.min.js"></script> <script src="/static/js/popper.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script> <script src="/layouts/affingroup/header.js"></script> <script src="/layouts/affingroup/footer.js"></script> <script src="/themes/demo/js/custom.js"></script> <script src="/themes/demo/js/slider.js"></script> <script src="/themes/demo/js/salary-range.js"></script> <script src="/themes/demo/js/you-may-also-like.js"></script> <script src="/themes/demo/js/you-may-also-like-3.js"></script> <script src="/themes/demo/js/you-may-also-like-4.js"></script> <script src="/themes/demo/js/mini-product-box-group.js"></script> <script src="/themes/demo/js/product-box-group-security.js"></script> <script src="/themes/demo/js/product-box-group-x-btn.js"></script> <script src="/themes/demo/js/products-box-group-btn.js"></script> <script src="/themes/demo/js/accordion.js"></script> <script src="/themes/demo/js/affin-group-hero-slider.js"></script> <script src="/themes/demo/js/t-n-c.js"></script> <script src="/themes/demo/js/external-link-disclaimer.js"></script> <script src="/themes/demo/js/group-of-companies-carousel.js"></script> <script src="/themes/demo/js/video-cta-youtube.js"></script> <script src="/themes/demo/js/affin-group-2-tabs.js"></script> <script src="/themes/demo/js/affin-group-3-tabs.js"></script> <script src="/themes/demo/js/affin-group-4-tabs.js"></script> <script src="/themes/demo/js/affin-group-5-tabs.js"></script> <script src="/themes/demo/js/affin-group-6-tabs.js"></script> <script src="/themes/demo/js/customer-care.js"></script> <script src="/themes/demo/js/landing-tab-content-1.js"></script> <script src="/themes/demo/js/tabs.js"></script> <script src="/themes/demo/js/affin-group-discover-announcement.js"></script> <script src="/themes/demo/js/fees-n-charges.js"></script> <script src="/themes/demo/js/rates-and-pricing.js"></script> <script src="/themes/demo/js/hero-with-btn-list.js"></script> <script src="/themes/demo/js/affin-group-financial-information.js"></script> <script src="/themes/demo/js/a1addin-product-list.js"></script> <script src="/themes/demo/js/pds.js"></script> <script src="/themes/demo/js/affin-group-career.js"></script> <script src="/themes/demo/js/chat-widget-pre.js"></script> <script src="/widgets/widgets.min.js"></script> <script src="/themes/demo/js/chat-widget-post.js"></script> <link rel="stylesheet" href="/widgets/widgets.min.css"/> <link rel="stylesheet" href="/themes/demo/css/chat-widget.css"/> <script> /*document.onreadystatechange = function() { if (document.readyState == "complete") { // Change the image source here const onHoverImageSource = 'url("/storage/affin_group_slider//BGbunga2.png")'; if (document.readyState === 'complete') { showSlide(1); setTimeout(function() { const sliders = document.querySelectorAll('.block-affin-group-hero-slider .slide'); const sliderBlock = document.querySelector('.block-affin-group-hero-slider'); if (sliders && sliderBlock) { var fancySlider = sliders[0]; const defaultImageSource = fancySlider.style.backgroundImage; if (fancySlider) { fancySlider.classList.add('slider-image'); sliderBlock.addEventListener("mouseover", function() { fancySlider.style.backgroundImage = onHoverImageSource; }, false); sliderBlock.addEventListener("mouseout", function() { fancySlider.style.backgroundImage = defaultImageSource; }, false); } } }, 3000); } else { document.onreadystatechange = function() { if (document.readyState == "complete") { showSlide(1); setTimeout(function() { const sliders = document.querySelectorAll('.block-affin-group-hero-slider .slide'); const sliderBlock = document.querySelector('.block-affin-group-hero-slider'); if (sliders && sliderBlock) { var fancySlider = sliders[0]; const defaultImageSource = fancySlider.style.backgroundImage; if (fancySlider) { fancySlider.classList.add('slider-image'); sliderBlock.addEventListener("mouseover", function() { fancySlider.style.backgroundImage = onHoverImageSource; }, false); sliderBlock.addEventListener("mouseout", function() { fancySlider.style.backgroundImage = defaultImageSource; }, false); } } }, 3000); } } } } }*/ document.querySelector('img[alt="affin-ascend-q3-2022_1-01.jpg"]').setAttribute("style", "display: none;"); function ready(f) { /in/.test(document.readyState) ? setTimeout('ready(' + f + ')', 9) : f() } ready(function () { fetch('/currentLang') .then(response => response.text()) .then(lang => { fetchAscend(lang,'.block-video-cta-youtube'); }); }); function fetchAscend(lang, targetContainer){ let afterContainer = $(targetContainer); if(afterContainer.length){ console.log(afterContainer + 'is found!'); let section = $('<section></section>'); section.attr('id', 'blockAscend'); section.addClass("block block-publication-auto gjs-comp-selected"); $(section).insertAfter(afterContainer); fetch('/json/publication/latest_trend.json') .then(response => response.json()) .then(data => { //Sort data by date from latest to oldest data.sort((a, b) => new Date(b.date) - new Date(a.date)); //limit data to display 4 const limitedData = data.slice(0,4); let header,discoverBtn,discoverURL; switch (lang) { case 'zh': header = "Keep up on the latest trends with ASCEND"; discoverBtn = "Discover All Publications"; discoverURL = "https://www.affinalways.com/en/ascend"; break; case 'ms': header = "Ikuti Trend dan Inovasi Terkini dengan ASCEND"; discoverBtn = "Lihat Semua Terbitan"; discoverURL = "https://www.affinalways.com/bm/ascend"; break; case 'en': default: header = "Keep up on the latest trends with ASCEND"; discoverBtn = "Discover All Publications"; discoverURL = "https://www.affinalways.com/en/ascend"; break; } //add classlist //container.addClass("block block-publication"); let output = '<div data-gjs-type="default" draggable="true" class="container">' + '<p data-gjs-type="raw-content" draggable="true" data-raw-content="true" class="header">'+header+'</p> ' + '<div data-gjs-type="default" draggable="true" class="grid-wrapper" id="AscendContent">' + '</div>' + '<div data-gjs-type="default" draggable="true" class="align-center">' + '<a data-gjs-type="link" draggable="true" href="'+discoverURL+'" target="_blank" class="discover-button">'+discoverBtn+'</a>' + '</div>' + '</div>'; if(section.length){ section.html(output); // Array to store the classes based on position const classes = ['full', 'wide', 'tall', 'tall']; let AscendContent = ""; limitedData.forEach((data, index) => { let AscendURL, AscendImg, AscendTitle, AscendFullContent, YearDisplay; switch (lang) { case 'zh': AscendURL = data.pdf_url_english; AscendImg = data.image; AscendTitle = data.title_in_english; AscendFullContent = data.content_in_english; break; case 'ms': AscendURL = data.pdf_url_malay; AscendImg = data.image; AscendTitle = data.title_in_malay; AscendFullContent = data.content_in_malay; break; case 'en': default: AscendURL = data.pdf_url_english; AscendImg = data.image; AscendTitle = data.title_in_english; AscendFullContent = data.content_in_english; break; } // Construct AscendContent after fetching category data AscendContent = '<a href="' + AscendURL + '" class="' + classes[index] + '">' + '<img data-gjs-type="image" draggable="true" src="' + AscendImg + '" alt="">' + '<div data-gjs-type="default" draggable="true" class="category">' + '<p data-gjs-type="raw-content" draggable="true" data-raw-content="true" id="yearDisplay-'+index+'"></p>' + '<div data-gjs-type="default" draggable="true" class="triangle-bottomleft"></div>' + '</div>' + '<div data-gjs-type="default" draggable="true" class="p-container">' + '<p data-gjs-type="raw-content" draggable="true" data-raw-content="true" class="title-header"><span style="color:#333333;">' + AscendTitle + '</span></p>' + '<span data-gjs-type="raw-content" draggable="true" data-raw-content="true" class="content-date">'+AscendFullContent + '<span>' + '</div>' + '</a>'; /*console.log('Constructed AscendContent for category ID ' + data.category_id);*/ console.log('the ID sent to the next function: ' + data.category_id); fetchAscendCategory(data.category_id,AscendContent,index); }); } }); } else{ console.log(afterContainer + 'is found!'); } } function fetchAscendCategory(AscendID,AscendContent,index) { //console.log('the ID received by the current function: ' + AscendID); fetch('/json/publication/index.json') .then(response => response.json()) .then(data => { let dataName = ''; for (let i = 0; i < data.length; i++) { if (data[i].id === AscendID) { if (data[i].name !== null) { dataName = data[i].name; //console.log('the ID and data.name not null'); } else { //console.log('the ID and data.name is null'); } } } /*console.log('the ID ready to send to the previous function: ' + AscendID + ' and the name to send to the previous function is: ' + dataName);*/ // Append all the constructed AscendContent to the DOM after processing all limitedData $('#AscendContent').append(AscendContent); $('#yearDisplay-' + index).html(dataName); }); } </script> </body> </html>