Legal Notice

<!DOCTYPE html> <html prefix="og: http://ogp.me/ns#" lang="en-gb" dir="ltr" class='com_quix view-page itemid-297 j39 mm-hover'> <head> <base href="https://www.deleum.com/legal-notice" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="DELEUM BERHAD" /> <meta name="rights" content="DELEUM BERHAD" /> <meta name="twitter:card" content="summary" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Deleum" /> <meta property="og:url" content="https://www.deleum.com/legal-notice" /> <title>Legal Notice</title> <script data-cfasync="false">var QUIX_ROOT_URL = "https://www.deleum.com/";window.FILE_MANAGER_ROOT_URL = "https://www.deleum.com/images/";</script> <link href="/templates/t3_bs3_blank/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/media/com_favicon/icons/1/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/templates/t3_bs3_blank/local/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/libraries/quix/assets/css/qxbs.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/libraries/quix/assets/css/qxkit.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/libraries/quix/assets/css/quix.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/libraries/quix/assets/css/qxi.css?ver=2.5.6.1" rel="stylesheet" async="true" /> <link href="/index.php?option=com_ajax&plugin=arkbootstrap&format=json" rel="stylesheet" type="text/css" media="null" attribs="[]" /> <link href="/index.php?option=com_ajax&plugin=arktypography&format=json" rel="stylesheet" type="text/css" media="null" attribs="[]" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="/components/com_k2/css/k2.css?v=2.8.0" rel="stylesheet" type="text/css" /> <link href="/templates/system/css/system.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/local/css/template.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/local/css/megamenu.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/local/css/off-canvas.css" rel="stylesheet" type="text/css" /> <link href="/templates/t3_bs3_blank/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="https://www.deleum.com/media/editors/arkeditor/css/squeezebox.css" rel="stylesheet" type="text/css" /> <link href="/media/jui/css/chosen.css?4b229e8ccfab3eda6ab90667ba02e22c" rel="stylesheet" type="text/css" /> <link href="/media/com_finder/css/finder.css?4b229e8ccfab3eda6ab90667ba02e22c" rel="stylesheet" type="text/css" /> <link href="/media/widgetkit/wk-styles-3bf6dbae.css" rel="stylesheet" type="text/css" id="wk-styles-css" /> <style type="text/css"> #qx-section-191 { padding-top : 0px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-191-background-overlay { } #qx-section-191:hover .qx-section-191-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-191 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-191 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-704 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-704-background-overlay { } #qx-row-704:hover .qx-row-704-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-704 { } } @media (max-width: 767px) { #qx-row-704 { } } #qx-column-565 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-565 { flex: 100%; max-width: 100%; } .qx-column-565-background-overlay { } #qx-column-565:hover .qx-column-565-background-overlay { } #qx-column-565 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-565 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-565 > .qx-col-wrap { } #qx-column-565 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-565 > .qx-col-wrap { } #qx-column-565 { flex: 100%; max-width: 100%; } } #qx-image-8526 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-image-8526 img,#qx-image-8526 svg { width : 100%; border-style : none; } #qx-image-8526 .qx-figure-caption { color : rgba(0, 0, 0, 0.8); background-color : rgba(255, 255, 255, 0); } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-8526 { } #qx-image-8526 img,#qx-image-8526 svg { } #qx-image-8526 .qx-figure-caption { } } @media (max-width: 767px) { #qx-image-8526 { } #qx-image-8526 img,#qx-image-8526 svg { } #qx-image-8526 .qx-figure-caption { } } #qx-text-33142 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-33142 { } } @media (max-width: 767px) { #qx-text-33142 { } } #qx-section-010 { padding-top : 30px; padding-right : 0px; padding-bottom : 30px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-010-background-overlay { } #qx-section-010:hover .qx-section-010-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-010 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-010 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-9313 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-9313-background-overlay { } #qx-row-9313:hover .qx-row-9313-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-9313 { } } @media (max-width: 767px) { #qx-row-9313 { } } #qx-column-6714 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-6714 { flex: 100%; max-width: 100%; } .qx-column-6714-background-overlay { } #qx-column-6714:hover .qx-column-6714-background-overlay { } #qx-column-6714 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-6714 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-6714 > .qx-col-wrap { } #qx-column-6714 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-6714 > .qx-col-wrap { } #qx-column-6714 { flex: 100%; max-width: 100%; } } #qx-text-1035 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-1035 { } } @media (max-width: 767px) { #qx-text-1035 { } } #qx-section-62129 { padding-top : 0px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-section-62129-background-overlay { } #qx-section-62129:hover .qx-section-62129-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-62129 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px; } } @media (max-width: 767px) { #qx-section-62129 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; } } #qx-row-16132 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } .qx-row-16132-background-overlay { } #qx-row-16132:hover .qx-row-16132-background-overlay { } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-16132 { } } @media (max-width: 767px) { #qx-row-16132 { } } #qx-column-76133 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } #qx-column-76133 { flex: 100%; max-width: 100%; } .qx-column-76133-background-overlay { } #qx-column-76133:hover .qx-column-76133-background-overlay { } #qx-column-76133 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px; } #qx-column-76133 .qx-element-wrap+.qx-element-wrap { margin-top : 20px; } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-76133 > .qx-col-wrap { } #qx-column-76133 { flex: 100%; max-width: 100%; } } @media (max-width: 767px) { #qx-column-76133 > .qx-col-wrap { } #qx-column-76133 { flex: 100%; max-width: 100%; } } #qx-text-20153 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-20153 { } } @media (max-width: 767px) { #qx-text-20153 { } } @media screen and (min-width: 768px) and (max-width: 992px){ } @media screen and (max-width: 767px) { } </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"cf6d57302bb526049ee8fc924bdfdd4b","system.paths":{"root":"","base":""}}</script> <script src="/media/k2/assets/js/k2.frontend.js?v=2.8.0&sitepath=/" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/bootstrap/js/bootstrap.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/system/js/core.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/jquery.tap.min.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/off-canvas.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/script.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/menu.js" type="text/javascript"></script> <script src="/plugins/system/t3/base-bs3/js/nav-collapse.js" type="text/javascript"></script> <script src="https://www.deleum.com/media/editors/arkeditor/js/jquery.easing.min.js" type="text/javascript"></script> <script src="https://www.deleum.com/media/editors/arkeditor/js/squeezebox.min.js" type="text/javascript"></script> <script src="/media/jui/js/chosen.jquery.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/media/jui/js/jquery.autocomplete.min.js?4b229e8ccfab3eda6ab90667ba02e22c" type="text/javascript"></script> <script src="/libraries/quix/assets/js/wow.js?ver=2.5.6.1" type="text/javascript"></script> <script src="/libraries/quix/assets/js/qxkit.js?ver=2.5.6.1" type="text/javascript"></script> <script src="/libraries/quix/assets/js/quix.js?ver=2.5.6.1" type="text/javascript"></script> <script src="/media/widgetkit/uikit2-ceeac600.js" type="text/javascript"></script> <script src="/media/widgetkit/wk-scripts-8c77715c.js" type="text/javascript"></script> <script type="application/ld+json"> {"@context":"http:\/\/schema.org","@type":"Organization","name":"Deleum","url":"https:\/\/www.deleum.com\/"} </script> <script type="text/javascript"> (function() { if(typeof jQuery == 'undefined') return; jQuery(function($) { if($.fn.squeezeBox) { $( 'a.modal' ).squeezeBox({ parse: 'rel' }); $( 'img.modal' ).each( function( i, el ) { $(el).squeezeBox({ handler: 'image', url: $( el ).attr( 'src' ) }); }) } else if(typeof(SqueezeBox) !== 'undefined') { $( 'img.modal' ).each( function( i, el ) { SqueezeBox.assign( el, { handler: 'image', url: $( el ).attr( 'src' ) }); }); } function jModalClose() { if(typeof(SqueezeBox) == 'object') SqueezeBox.close(); else ARK.squeezeBox.close(); } }); })(); jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} }); jQuery(function ($) { initChosen(); $("body").on("subform-row-add", initChosen); function initChosen(event, container) { container = container || document; $(container).find(".advancedSelect").chosen({"disable_search_threshold":10,"search_contains":true,"allow_single_deselect":true,"placeholder_text_multiple":"Type or select some options","placeholder_text_single":"Select an option","no_results_text":"No results match"}); } }); jQuery(document).ready(function() { var value, searchword = jQuery('#mod-finder-searchword130'); // Get the current value. value = searchword.val(); // If the current value equals the default value, clear it. searchword.on('focus', function () { var el = jQuery(this); if (el.val() === 'Search ...') { el.val(''); } }); // If the current value is empty, set the previous value. searchword.on('blur', function () { var el = jQuery(this); if (!el.val()) { el.val(value); } }); jQuery('#mod-finder-searchform130').on('submit', function (e) { e.stopPropagation(); var advanced = jQuery('#mod-finder-advanced130'); // Disable select boxes with no value selected. if (advanced.length) { advanced.find('select').each(function (index, el) { var el = jQuery(el); if (!el.val()) { el.attr('disabled', 'disabled'); } }); } }); var suggest = jQuery('#mod-finder-searchword130').autocomplete({ serviceUrl: '/finder?format=json&task=suggestions.suggest&tmpl=component', paramName: 'q', minChars: 1, maxHeight: 400, width: 300, zIndex: 9999, deferRequestBy: 500 });}); </script>  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <style type="text/stylesheet"> @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } </style> <script type="text/javascript"> //<![CDATA[ if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode("@-ms-viewport{width:auto!important}") ); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } //]]> </script> <meta name="HandheldFriendly" content="true"/> <meta name="apple-mobile-web-app-capable" content="YES"/>  <link href="/templates/t3_bs3_blank/css/custom.css?v=100000000000197" rel="stylesheet" type="text/css" />    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <meta name="google-site-verification" content="8l7fqWcsEfdxdPG-rQxIYmNoGAVU5w61ij-jeqJ3Nus" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-19880799-54"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-19880799-54'); </script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.css" > <style> .home-service{ justify-content: center; } .t3-sidebar .nav-pills > li > a{ display: block !important; } .qx-btn{ white-space: normal; } .bod img{ width: 118px !important; height: 118px !important; object-fit: cover; border-radius: 118px; } .pop-up .qx-col-wrap { display: none; } p { text-align: justify; } .home-slider .slide-content p { text-align: center; } .core-business-segment .qx-column:first-child p { text-align: left; padding:0 !important; } .downloadPDF { min-width: 320px; margin-top: 0 !important } .qx-btn-primary:focus, .qx-btn-primary.qx-focus { box-shadow: none !important } /* human right page */ #qx-button-41132 a{ padding: 18px 24px; border-radius: 10px; } /*total training hours image chart */ #qx-image-59187 img, #qx-image-45134 img, #qx-image-87149 img, #qx-image-13151 img{ position: absolute; top: -221px; left: 232px; } @media (max-width: 540px){ #qx-image-59187 img, #qx-image-45134 img, #qx-image-87149 img, #qx-image-13151 img { position: absolute; top: -138px; left: 137px; } .banner-relative .banner-detail { text-align: center !important; } #qx-section-2158 .qx-element-blurb__wrapper { display: flex; } #qx-section-2158 .qx-element-blurb__title { margin-left: 15px; } .recognition-box .col-sm-12 .container-desc { height: auto !important; } #qx-heading-22356 { margin-bottom: 10px; } #qx-column-40352 .qx-element-wrap+.qx-element-wrap .qx-element-image-v2 { margin-top: 0px !important; margin-bottom: 15px !important; } #qx-column-40352 .qx-element-wrap { margin-top: 0 !important; } #qx-column-40352 #qx-image-34311 { margin-bottom: 0 !important; } #qx-row-44933 .qx-element-blurb__media, #qx-row-891072 .qx-element-blurb__media, #qx-row-961089 .qx-element-blurb__media{ width: 100% !important; margin-bottom: 0 !important; } #qx-column-53235 .qx-col-wrap { padding: 0 7px 0 15px; } #qx-column-34237 .qx-col-wrap { padding: 0 15px 0 7px; } #qx-row-44933 .qx-element-blurb__wrapper, #qx-row-891072 .qx-element-blurb__wrapper, #qx-row-961089 .qx-element-blurb__wrapper{ display: flex; flex-direction: column; } #qx-section-2158 .qx-element-blurb__media { width: 100%; } #qx-section-2158 .qx-element-blurb__title { margin-left: 0px; margin-top: 20px; } #qx-section-2158 .qx-element-blurb__media { width: 30%; } #qx-image-34351 { margin-bottom: 0; } #qx-image-34351 img { width: 70%; } .bod-parent { grid-template-columns: 1fr !important; grid-template-rows: auto !important; } .bod-div1 { grid-area: auto !important; } .bod-div2 { grid-area: auto !important; } .bod-div3 { grid-area: auto !important; } .bod-div4 { grid-area: auto !important; } .bod-div5 { grid-area: auto !important; } .bod-div6 { grid-area: auto !important; } .bod-div7 { grid-area: auto !important; } #qx-row-55351 .qx-element-blurb__wrapper { display: block !important; } #qx-blurb-71250 .qx-element-blurb__title, #qx-blurb-93305 .qx-element-blurb__title, #qx-blurb-70306 .qx-element-blurb__title{ margin-bottom: 15px !important; } } @media (min-width: 900px) { #qx-column-40352 .qx-col-wrap { padding-bottom: 0; } } /*milestone */ .milestones ul { padding-right: 20px; } .milestones h4.year2020 span { background: #FC837E; } .milestones h4.year2020 span:after { border-left-color: #FC837E; } /* DELEUM SUSTAIN PAGES */ img { user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .recognition-box .col-sm-12 .container-img{ background-color: #f8f8f8; padding: 23px; text-align: center; height: 154px; } .recognition-box .col-sm-12 .container-desc{ background-color: #fae5da; padding: 42px 32px; height: 252px; display: flex; flex-direction: column; justify-content: space-between; } .recognition-box .col-sm-12 .container-desc p{ text-align: left; } #qx-column-491158 .recognition-box .col-sm-12 .container-desc { background-color: #eaf2e3; } .recognition-box li { list-style: disc; margin-left: -1em; padding-left: 0.5em; margin-bottom: 10px; } .recognition-box a { font-size: 16px; text-transform: uppercase; font-family: FuturaPT-Demi; color: #81312f; margin-bottom: 10px; } .container-desc { position:relative; } .container-desc:before { content: ""; position: absolute; width: 45px; height: 45px; border-top: 0px solid; border-left: 0px solid; top: -22px; left: 44%; background: #fae5da; transform: rotate(45deg); } #qx-column-491158 .container-desc:before { background: #eaf2e3; } .divider-sustain span { margin: 0; } #qx-text-58868 a { font-size: 16px; text-transform: uppercase; font-family: FuturaPT-Demi; color: #81312f; margin-bottom: 10px; } #qx-section-2158 .qx-element-blurb__title { margin-bottom: 4px; } #qx-section-2158 .qx-element-blurb__body a { font-family: FuturaPT-Demi; font-size: 16px; color: #81312f; } #qx-section-2158 .qx-element-blurb__body a:hover { color: #333; } ul.uk-slideset-nav li a { background-color: #eeeeee; width: 8px; height: 8px; } ul.uk-slideset-nav li.uk-active a { background-color: #81322e; transform: scale(1) !important; } .bod-parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .bod-div1 { grid-area: 1 / 1 / 5 / 2; } .bod-div2 { grid-area: 1 / 2 / 2 / 3; } .bod-div3 { grid-area: 2 / 2 / 3 / 3; } .bod-div4 { grid-area: 3 / 2 / 5 / 3; } .bod-div5 { grid-area: 1 / 3 / 3 / 4; } .bod-div6 { grid-area: 3 / 3 / 5 / 4; } .bod-div7 { grid-area: 5 / 1 / 6 / 4; } .bod-parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .bod-div1 { grid-area: 1 / 1 / 5 / 2; } .bod-div2 { grid-area: 1 / 2 / 2 / 3; } .bod-div3 { grid-area: 2 / 2 / 3 / 3; } .bod-div4 { grid-area: 3 / 2 / 5 / 3; } .bod-div5 { grid-area: 1 / 3 / 3 / 4; } .bod-div6 { grid-area: 3 / 3 / 5 / 4; } .bod-div7 { grid-area: 5 / 1 / 6 / 4; } .bod-parent { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .bod-div1 { grid-area: 1 / 1 / 5 / 2; } .bod-div2 { grid-area: 1 / 2 / 2 / 3; } .bod-div3 { grid-area: 2 / 2 / 3 / 3; } .bod-div4 { grid-area: 3 / 2 / 5 / 3; } .bod-div5 { grid-area: 1 / 3 / 3 / 4; } .bod-div6 { grid-area: 3 / 3 / 5 / 4; } .bod-div7 { grid-area: 5 / 1 / 6 / 4; } .bod-parent div { background-color: #f5f5f5; padding: 22px 20px; margin: 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; } .bod-parent p, .bod-parent h4, .bod-parent ul, .bod-parent li { margin: 0; } .bod-parent h4 { font-family: Gotham; padding-bottom: 33px; font-size: 14px; color: #333; } .bod-parent li { padding-bottom: 23px; color: #81312f; } .bod-parent li a { font-size: 14px; color: #81312f; } .bod-parent p { text-align: center; line-height: 1.71; } .bod-parent p a { font-size: 14px; color: #81312f; } .bod-parent a:hover { text-decoration: underline !important; } </style> </head> <body> <div class="t3-wrapper">   <header id="t3-header" class="t3-header"> <div class="top-bar"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-8"> <div class="top-email"> <svg xmlns="http://www.w3.org/2000/svg" id="email" width="21.08" height="16.057" viewBox="0 0 21.08 16.057"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <g id="Group_924" data-name="Group 924"> <path id="Path_505" d="M19.228 61H1.853A1.856 1.856 0 0 0 0 62.853V75.2a1.856 1.856 0 0 0 1.853 1.853h17.375A1.856 1.856 0 0 0 21.08 75.2V62.853A1.856 1.856 0 0 0 19.228 61zm-.256 1.235l-8.392 8.392-8.465-8.392zM1.235 74.949V63.1L7.184 69zm.873.873l5.953-5.952 2.086 2.068a.618.618 0 0 0 .872 0l2.033-2.038 5.92 5.92zm17.737-.873l-5.92-5.92 5.92-5.92z" class="cls-1" data-name="Path 505" transform="translate(0 -61)"/> </g> </svg> info@deleum.com </div> <div class="top-phone"> <svg xmlns="http://www.w3.org/2000/svg" id="phone-call" width="16.476" height="16.5" viewBox="0 0 16.476 16.5"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <g id="Group_923" data-name="Group 923"> <path id="Path_502" d="M13.373 36.673a1.623 1.623 0 0 0-1.177-.54 1.678 1.678 0 0 0-1.196.536l-1.1 1.1c-.091-.049-.181-.094-.268-.139-.125-.063-.244-.122-.345-.185a11.96 11.96 0 0 1-2.866-2.612 7.056 7.056 0 0 1-.94-1.484c.286-.261.55-.533.808-.794.1-.1.2-.2.293-.3a1.6 1.6 0 0 0 0-2.41l-.947-.945c-.108-.108-.219-.219-.324-.331a16.048 16.048 0 0 0-.655-.648 1.648 1.648 0 0 0-1.167-.512 1.706 1.706 0 0 0-1.184.512l-.007.007-1.184 1.191a2.548 2.548 0 0 0-.756 1.619A6.1 6.1 0 0 0 .8 33.323a14.994 14.994 0 0 0 2.664 4.444 16.388 16.388 0 0 0 5.457 4.273 8.5 8.5 0 0 0 3.065.905c.073 0 .15.007.219.007a2.624 2.624 0 0 0 2.009-.864c0-.007.01-.01.014-.017a7.916 7.916 0 0 1 .609-.63c.15-.143.3-.293.453-.449a1.737 1.737 0 0 0 .526-1.2 1.674 1.674 0 0 0-.536-1.194zm1.247 3.667c-.136.146-.275.279-.425.425a9.158 9.158 0 0 0-.672.7 1.679 1.679 0 0 1-1.309.554h-.16a7.553 7.553 0 0 1-2.717-.819A15.469 15.469 0 0 1 4.2 37.171 14.138 14.138 0 0 1 1.689 33a4.972 4.972 0 0 1-.39-2.18 1.6 1.6 0 0 1 .481-1.034l1.188-1.188a.792.792 0 0 1 .529-.247.745.745 0 0 1 .503.239l.01.01c.212.2.414.4.627.623l.331.338.951.951a.665.665 0 0 1 0 1.08l-.3.3c-.293.3-.571.578-.874.85-.007.007-.014.01-.017.017a.71.71 0 0 0-.181.791l.01.031a7.633 7.633 0 0 0 1.125 1.835 12.782 12.782 0 0 0 3.092 2.814 4.755 4.755 0 0 0 .428.233c.125.063.244.122.345.185l.042.024a.755.755 0 0 0 .345.087.745.745 0 0 0 .529-.24l1.191-1.191a.788.788 0 0 1 .526-.261.709.709 0 0 1 .5.254l.007.007 1.919 1.919a.689.689 0 0 1 .013 1.093z" class="cls-1" data-name="Path 502" transform="translate(-.344 -26.452)"/> <path id="Path_503" d="M245.331 86.858a4.482 4.482 0 0 1 3.65 3.65.467.467 0 0 0 .463.39.621.621 0 0 0 .08-.007.471.471 0 0 0 .387-.543 5.419 5.419 0 0 0-4.416-4.416.473.473 0 0 0-.543.383.465.465 0 0 0 .379.543z" class="cls-1" data-name="Path 503" transform="translate(-236.426 -82.933)"/> <path id="Path_504" d="M256.593 7.279a8.924 8.924 0 0 0-7.272-7.272.469.469 0 1 0-.153.926 7.971 7.971 0 0 1 6.5 6.5.467.467 0 0 0 .463.39.621.621 0 0 0 .08-.007.461.461 0 0 0 .382-.537z" class="cls-1" data-name="Path 504" transform="translate(-240.124)"/> </g> </svg> (603) 2295 7788 </div> </div> <div class="col-xs-12 col-md-4">  <div class="head-search "> <form id="mod-finder-searchform130" action="/search" method="get" class="form-search form-inline"> <div class="finder"> <label for="mod-finder-searchword130" class="element-invisible finder">Search</label><input type="text" name="q" id="mod-finder-searchword130" class="search-query input-medium" size="25" value="" placeholder="Search ..."/><button class="btn btn-primary hasTooltip finder" type="submit" title="Go"><span class="icon-search icon-white"></span>Search</button> <input type="hidden" name="Itemid" value="297" /> </div> </form> </div>  <div class="login"> <a href="/login.html"> <svg xmlns="http://www.w3.org/2000/svg" width="13.98" height="15.977" viewBox="0 0 13.98 15.977"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <path id="user" d="M9.786 9.486c-.9 0-1.326.5-2.8.5s-1.9-.5-2.8-.5A4.2 4.2 0 0 0 0 13.68v.8a1.5 1.5 0 0 0 1.5 1.5h10.982a1.5 1.5 0 0 0 1.5-1.5v-.8a4.2 4.2 0 0 0-4.196-4.194zm2.7 4.993H1.5v-.8a2.7 2.7 0 0 1 2.7-2.7 12.218 12.218 0 0 0 2.8.5 12.1 12.1 0 0 0 2.8-.5 2.7 2.7 0 0 1 2.7 2.7zM6.99 8.987A4.494 4.494 0 1 0 2.5 4.494a4.495 4.495 0 0 0 4.49 4.493zm0-7.489a3 3 0 1 1-3 3 3 3 0 0 1 3-2.998z" class="cls-1"/> </svg> Login </a> </div> </div> </div> </div> </div> <div class="row">  <div class="col-xs-12 logo"> <div class="logo-image"> <a href="https://www.deleum.com/" title="Deleum"> <img class="logo-img" src="/images/logo.png" alt="Deleum" /> <span>Deleum</span> </a> <small class="site-slogan"></small> </div> </div>  </div>  <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav"> <div class="container">  <div class="navbar-header"> <div class="logo-image sticky-logo"> <a href="https://www.deleum.com/" title="Deleum">  <img class="logo-img" src="/images/logo.png" alt="Deleum" /> <span>Deleum</span> </a> <small class="site-slogan"></small> </div> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse"> <i class="fa fa-bars"></i> </button> <button class="btn btn-primary off-canvas-toggle " type="button" data-pos="left" data-nav="#t3-off-canvas" data-effect="off-canvas-effect-4"> <i class="fa fa-bars"></i> </button>  <div id="t3-off-canvas" class="t3-off-canvas "> <div class="t3-off-canvas-header"> <h2 class="t3-off-canvas-header-title">Sidebar</h2> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="t3-off-canvas-body"> <div class="t3-module module " id="Mod152"><div class="module-inner"><div class="module-ct"><ul class="nav nav-pills nav-stacked menu"> <li class="item-284 deeper dropdown parent"><a href="#" class=" dropdown-toggle" data-toggle="dropdown">Corporate Profile <em class="caret"></em></a><ul class="dropdown-menu"><li class="item-294"><a href="/corporate-profile/about-deleum" class="">About Deleum</a></li><li class="item-302 dropdown-submenu parent"><a href="/corporate-profile/corporate-information" class="">Corporate Information</a><ul class="dropdown-menu"><li class="item-300"><a href="/corporate-profile/corporate-information/corporate-structure" class="">Corporate Structure</a></li><li class="item-314"><a href="/corporate-profile/corporate-information/subsidiaries-joint-venture" class="">Subsidiaries & Joint Venture</a></li><li class="item-298"><a href="/corporate-profile/corporate-information/milestones" class="">Milestones</a></li><li class="item-320"><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=4&Itemid=320&lang=en" class="">Awards</a></li><li class="item-322"><a href="/corporate-profile/corporate-information/corporate-directory" class="">Corporate Directory</a></li></ul></li><li class="item-316"><a href="/corporate-profile/board-of-directors" class="">Board Of Directors</a></li><li class="item-318"><a href="/corporate-profile/key-management-team" class="">Key Management Team</a></li><li class="item-303"><a href="/corporate-profile/qhse" class="">QHSE</a></li></ul></li><li class="item-285 deeper dropdown parent"><a href="/core-businesses" class="menu-with-image dropdown-toggle" data-toggle="dropdown">Core Businesses<em class="caret"></em></a><ul class="dropdown-menu"><li class="item-327 dropdown-submenu parent"><a href="/core-businesses/power-and-machinery" class=""><img src="/images/megamenu-1-new.jpg" alt="Power and Machinery" /><span class="image-title">Power and Machinery</span></a><ul class="dropdown-menu"><li class="item-329"><a href="/core-businesses/power-and-machinery/oil-and-gas-equipment-solutions" class="">Oil and Gas Equipment and Solutions</a></li><li class="item-331"><a href="/core-businesses/power-and-machinery/industrial-power-generation" class="">Industrial Power Generation</a></li><li class="item-333"><a href="/core-businesses/power-and-machinery/turbomachinery-services" class="">Turbomachinery Services</a></li><li class="item-335"><a href="/core-businesses/power-and-machinery/valves-flow-regulators-services" class="">Valves and Flow Regulators Services</a></li></ul></li><li class="item-341 dropdown-submenu parent"><a href="/core-businesses/oilfield-services" class=""><img src="/images/megamenu-2-new.jpg" alt="Oilfield Integrated Services" /><span class="image-title">Oilfield Integrated Services</span></a><ul class="dropdown-menu"><li class="item-349"><a href="/core-businesses/oilfield-integrated-services/slickline-and-well-services" class="">Slickline And Well Services</a></li><li class="item-351"><a href="/core-businesses/oilfield-services/asset-integrated-solutions" class="">Asset Integrated Solutions</a></li><li class="item-353"><a href="/core-businesses/oilfield-services/specialty-chemical-well-stimulation" class="">Specialty Chemical & Well Stimulation</a></li><li class="item-445"><a href="/core-businesses/oilfield-services/maintenance-construction-modification-mcm" class="">Maintenance, Construction & Modification (MCM)</a></li><li class="item-448"><a href="/core-businesses/oilfield-services/surface-preparation-coating-services" class="">Surface Preparation & Coating Services</a></li><li class="item-451"><a href="/core-businesses/oilfield-services/passive-fire-protection" class="">Passive Fire Protection</a></li><li class="item-452"><a href="/core-businesses/oilfield-services/heat-induction-paint-and-coatings-removal" class="">Heat Induction Paint and Coatings Removal</a></li><li class="item-361"><a href="/core-businesses/oilfield-integrated-services/other-services" class="">Other Services</a></li></ul></li><li class="item-325 dropdown-submenu parent"><a href="/core-businesses/associates" class=""><img src="/images/megamenu-4-new.jpg" alt="Associates" /><span class="image-title">Associates</span></a><ul class="dropdown-menu"><li class="item-364"><a href="/core-businesses/associates/dry-and-liquid-bulking-services" class="">Dry And Liquid Bulking Services</a></li></ul></li></ul></li><li class="item-431 deeper dropdown parent"><a href="/sustainability" class=" dropdown-toggle" data-toggle="dropdown">Sustainability<em class="caret"></em></a><ul class="dropdown-menu"><li class="item-443"><a href="/sustainability/overview" class="">Overview</a></li><li class="item-432"><a href="/sustainability/catalysing-prosperity" class="">Catalysing Prosperity</a></li><li class="item-433"><a href="/sustainability/protecting-preserving-the-environment" class="">Protecting & Preserving the Environment</a></li><li class="item-434"><a href="/sustainability/helping-people" class="">Helping People</a></li><li class="item-435"><a href="/sustainability/embracing-good-governance" class="">Embracing Good Governance</a></li></ul></li><li class="item-286"><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en" class="">Media</a></li><li class="item-288"><a href="/investor-relations" class="">Investor Relations</a></li><li class="item-289"><a href="/careers" class="">Careers</a></li><li class="item-296"><a href="/privacy-policy" class="hiddenMenu">Privacy Policy</a></li><li class="item-297 current active"><a href="/legal-notice" class="hiddenMenu">Legal Notice</a></li><li class="item-363"><a href="/annual-reports" class="d-none">Annual Reports</a></li></ul> </div></div></div> </div> </div>  </div> <div class="t3-navbar-collapse navbar-collapse collapse"></div> <div class="t3-navbar navbar-collapse collapse"> <div class="t3-megamenu" data-responsive="true"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="nav navbar-nav level0"> <li itemprop='name' class="dropdown mega" data-id="284" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="#" data-target="#" data-toggle="dropdown">Corporate Profile<em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="294" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/about-deleum" data-target="#">About Deleum </a> </li> <li itemprop='name' class="dropdown-submenu mega" data-id="302" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/corporate-information" data-target="#">Corporate Information </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="300" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/corporate-structure" data-target="#">Corporate Structure </a> </li> <li itemprop='name' data-id="314" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/subsidiaries-joint-venture" data-target="#">Subsidiaries & Joint Venture </a> </li> <li itemprop='name' data-id="298" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/milestones" data-target="#">Milestones </a> </li> <li itemprop='name' data-id="320" data-level="3"> <a itemprop='url' class="" href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=4&Itemid=320&lang=en" data-target="#">Awards </a> </li> <li itemprop='name' data-id="322" data-level="3"> <a itemprop='url' class="" href="/corporate-profile/corporate-information/corporate-directory" data-target="#">Corporate Directory </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="316" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/board-of-directors" data-target="#">Board Of Directors </a> </li> <li itemprop='name' data-id="318" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/key-management-team" data-target="#">Key Management Team </a> </li> <li itemprop='name' data-id="303" data-level="2"> <a itemprop='url' class="" href="/corporate-profile/qhse" data-target="#">QHSE </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown mega" data-id="285" data-level="1"> <a itemprop='url' class="menu-with-image dropdown-toggle" href="/core-businesses" data-target="#" data-toggle="dropdown">Core Businesses <em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' class="dropdown-submenu mega" data-id="327" data-level="2"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery" data-target="#"><img class="" src="/images/megamenu-1-new.jpg" alt="Power and Machinery" /><span class="image-title">Power and Machinery</span> </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="329" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/oil-and-gas-equipment-solutions" data-target="#">Oil and Gas Equipment and Solutions </a> </li> <li itemprop='name' data-id="331" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/industrial-power-generation" data-target="#">Industrial Power Generation </a> </li> <li itemprop='name' data-id="333" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/turbomachinery-services" data-target="#">Turbomachinery Services </a> </li> <li itemprop='name' data-id="335" data-level="3"> <a itemprop='url' class="" href="/core-businesses/power-and-machinery/valves-flow-regulators-services" data-target="#">Valves and Flow Regulators Services </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown-submenu mega" data-id="341" data-level="2"> <a itemprop='url' class="" href="/core-businesses/oilfield-services" data-target="#"><img class="" src="/images/megamenu-2-new.jpg" alt="Oilfield Integrated Services" /><span class="image-title">Oilfield Integrated Services</span> </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="349" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-integrated-services/slickline-and-well-services" data-target="#">Slickline And Well Services </a> </li> <li itemprop='name' data-id="351" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/asset-integrated-solutions" data-target="#">Asset Integrated Solutions </a> </li> <li itemprop='name' data-id="353" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/specialty-chemical-well-stimulation" data-target="#">Specialty Chemical & Well Stimulation </a> </li> <li itemprop='name' data-id="445" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/maintenance-construction-modification-mcm" data-target="#">Maintenance, Construction & Modification (MCM) </a> </li> <li itemprop='name' data-id="448" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/surface-preparation-coating-services" data-target="#">Surface Preparation & Coating Services </a> </li> <li itemprop='name' data-id="451" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/passive-fire-protection" data-target="#">Passive Fire Protection </a> </li> <li itemprop='name' data-id="452" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-services/heat-induction-paint-and-coatings-removal" data-target="#">Heat Induction Paint and Coatings Removal </a> </li> <li itemprop='name' data-id="361" data-level="3"> <a itemprop='url' class="" href="/core-businesses/oilfield-integrated-services/other-services" data-target="#">Other Services </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown-submenu mega" data-id="325" data-level="2"> <a itemprop='url' class="" href="/core-businesses/associates" data-target="#"><img class="" src="/images/megamenu-4-new.jpg" alt="Associates" /><span class="image-title">Associates</span> </a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level2"> <li itemprop='name' data-id="364" data-level="3"> <a itemprop='url' class="" href="/core-businesses/associates/dry-and-liquid-bulking-services" data-target="#">Dry And Liquid Bulking Services </a> </li> </ul> </div></div> </div> </div></div> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' class="dropdown mega" data-id="431" data-level="1"> <a itemprop='url' class=" dropdown-toggle" href="/sustainability" data-target="#" data-toggle="dropdown">Sustainability <em class="caret"></em></a> <div class="nav-child dropdown-menu mega-dropdown-menu" ><div class="mega-dropdown-inner"> <div class="row"> <div class="col-xs-12 mega-col-nav" data-width="12"><div class="mega-inner"> <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="mega-nav level1"> <li itemprop='name' data-id="443" data-level="2"> <a itemprop='url' class="" href="/sustainability/overview" data-target="#">Overview </a> </li> <li itemprop='name' data-id="432" data-level="2"> <a itemprop='url' class="" href="/sustainability/catalysing-prosperity" data-target="#">Catalysing Prosperity </a> </li> <li itemprop='name' data-id="433" data-level="2"> <a itemprop='url' class="" href="/sustainability/protecting-preserving-the-environment" data-target="#">Protecting & Preserving the Environment </a> </li> <li itemprop='name' data-id="434" data-level="2"> <a itemprop='url' class="" href="/sustainability/helping-people" data-target="#">Helping People </a> </li> <li itemprop='name' data-id="435" data-level="2"> <a itemprop='url' class="" href="/sustainability/embracing-good-governance" data-target="#">Embracing Good Governance </a> </li> </ul> </div></div> </div> </div></div> </li> <li itemprop='name' data-id="286" data-level="1"> <a itemprop='url' class="" href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en" data-target="#">Media </a> </li> <li itemprop='name' data-id="288" data-level="1"> <a itemprop='url' class="" href="/investor-relations" data-target="#">Investor Relations </a> </li> <li itemprop='name' data-id="289" data-level="1"> <a itemprop='url' class="" href="/careers" data-target="#">Careers </a> </li> <li itemprop='name' data-id="296" data-level="1"> <a itemprop='url' class="hiddenMenu" href="/privacy-policy" data-target="#">Privacy Policy </a> </li> <li itemprop='name' class="current active" data-id="297" data-level="1"> <a itemprop='url' class="hiddenMenu" href="/legal-notice" data-target="#">Legal Notice </a> </li> <li itemprop='name' data-id="363" data-level="1"> <a itemprop='url' class="d-none" href="/annual-reports" data-target="#">Annual Reports </a> </li> </ul> </div> </div> <div class="sticky-right-content top-bar">  <div class="head-search "> <form id="mod-finder-searchform130" action="/search" method="get" class="form-search form-inline"> <div class="finder"> <label for="mod-finder-searchword130" class="element-invisible finder">Search</label><input type="text" name="q" id="mod-finder-searchword130" class="search-query input-medium" size="25" value="" placeholder="Search ..."/><button class="btn btn-primary hasTooltip finder" type="submit" title="Go"><span class="icon-search icon-white"></span>Search</button> <input type="hidden" name="Itemid" value="297" /> </div> </form> </div>  <div class="login"> <a href="/login.html"> <svg xmlns="http://www.w3.org/2000/svg" width="13.98" height="15.977" viewBox="0 0 13.98 15.977"> <defs> <style> .cls-1{fill:#fff} </style> </defs> <path id="user" d="M9.786 9.486c-.9 0-1.326.5-2.8.5s-1.9-.5-2.8-.5A4.2 4.2 0 0 0 0 13.68v.8a1.5 1.5 0 0 0 1.5 1.5h10.982a1.5 1.5 0 0 0 1.5-1.5v-.8a4.2 4.2 0 0 0-4.196-4.194zm2.7 4.993H1.5v-.8a2.7 2.7 0 0 1 2.7-2.7 12.218 12.218 0 0 0 2.8.5 12.1 12.1 0 0 0 2.8-.5 2.7 2.7 0 0 1 2.7 2.7zM6.99 8.987A4.494 4.494 0 1 0 2.5 4.494a4.495 4.495 0 0 0 4.49 4.493zm0-7.489a3 3 0 1 1-3 3 3 3 0 0 1 3-2.998z" class="cls-1"/> </svg> Login </a> </div> </div> </div> </nav>  </header>  <div class="listing-banner"></div>  <div class="container t3-sl t3-sl-1">  <div class="t3-spotlight t3-spotlight-1 row"> <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="t3-module module " id="Mod136"><div class="module-inner"><div class="module-ct"> <ol class="breadcrumb "> <li class="active"><span class="hasTooltip"><i class="fa fa-map-marker" data-toggle="tooltip" title="You are here: "></i></span></li><li><a href="/" class="pathway">Home</a><span class="divider">/</span></li><li><span>Legal Notice</span></li></ol> </div></div></div> </div> </div>  </div>  <script type="text/javascript"> (function($) { $( document ).ready(function() { $(".banner-relative").prependTo(".listing-banner"); $(".breadcrumb").appendTo(".banner-detail"); }); })(jQuery); </script> <div id="t3-mainbody" class="t3-mainbody"> <div class="row">  <div id="t3-content" class="t3-content col-xs-12"> <div id="system-message-container"> </div> <div class="qx quix"> <div class="qx-inner compatible frontend qx-type-page qx-item-7"> <div id='qx-section-191' class='qx-section' > <div class="qx-container-fluid"> <div class="qx-rows"> <div id='qx-row-704' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-565" class="qx-column banner-relative" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-image-8526" class="qx-element qx-element-image-v2" > <img src='https://www.deleum.com/images/banners/privacy-banner.jpg' alt='' class='qx-img-fluid' data-qx-img/> </div> </div> <div class="qx-element-wrap"> <div id="qx-text-33142" class="qx-element qx-element-text-v2 banner-detail" > <h1>Legal Notice</h1> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-010' class='qx-section' > <div class="qx-container"> <div class="qx-rows"> <div id='qx-row-9313' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-6714" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-1035" class="qx-element qx-element-text-v2" > <div class="menuTabs"> <a class="active" href="/index.php?option=com_quix&view=page&id=7&Itemid=297">Legal Notice</a> <span>|</span> <a href="/privacy-policy">Privacy Policy</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id='qx-section-62129' class='qx-section' > <div class="qx-container"> <div class="qx-rows"> <div id='qx-row-16132' class='qx-row-wrap' > <div class='qx-row' > <div id="qx-column-76133" class="qx-column" > <div class="qx-col-wrap"> <div class="qx-elements-wrap"> <div class="qx-element-wrap"> <div id="qx-text-20153" class="qx-element qx-element-text-v2" > <p><strong>Terms of Use</strong></p> <p>These Terms of Use apply to your access to and use of this Website. Please read these Terms of Use carefully. By continuing to access browse and use this Website or download data, material, text, images, video or audio etc from this Website, you are deemed to agree to comply with and be bound by these Terms of Use together with the Privacy Notice which govern the usage of this Website. If you disagree with any part of these Terms of Use, please do not use this Website.</p> <div class="legalTerms"> <p><strong>1. Use of this Website</strong></p> <p>This Website and all content and information therein is provided on an “as is, where is, as available” basis and for the purpose of providing general information about Deleum Berhad (“Deleum”) and its subsidiaries and associates (collectively “the Deleum Group”) and their products and services. You agree that the use of any information or materials obtained therein and any reliance you place on them is entirely at your own risk for which Deleum shall not be liable and is subject to the DISCLAIMER in section 9 of these Terms of Use.</p> <p>You also agree to use this Website for lawful purposes only and agree not to circumvent or conceal any content on this Website through framing, deep linking or other practices.</p> <p>Deleum views any unauthorised access (whether malicious or otherwise), improper or fraudulent use, alteration or modification of this Website and/or the contents therein seriously and will not hesitate to initiate and seek redress through appropriate legal action (civil or criminal) under the applicable laws.</p> <p><strong>2. Trademark and Copyright</strong></p> <p>The word “Deleum” and its “oil drop” logo are registered tradenames, trademarks or service marks owned by the Deleum Group.</p> <p>Deleum or third parties granting rights to Deleum hold title to all materials on this Website, which are the copyrights works of Deleum or the third parties, WITH ALL RIGHTS RESERVED.</p> <p>The Deleum Group will not under any circumstances tolerate the copying, imitation or use of its or any other person’s or entity’s tradename, copyright, trademark, patent or other intellectual property rights contained in this Website and will not hesitate to initiate and seek redress through appropriate legal action under the applicable laws. You are prohibited from using this Website and its contents to infringe upon the Deleum Group’s or any person’s or entity’s intellectual property and proprietary rights in any manner whatsoever.</p> <p><strong>3. No Licensing</strong></p> <p>By using this Website, you receive no license, express or implied, under any copyright, trademark, patent rights or trade secret rights now or hereafter, owned, controlled or possessed by the Deleum Group</p> <p><strong>4. Forward Looking Statements</strong></p> <p>Some of the information on this Website may contain projections or other forward looking statements regarding future events or the future financial performance of Deleum. We wish to caution you that these statements are only predictions and the actual events or results may differ materially. Reliance on these statements is solely at your own risk for which Deleum shall not be liable.</p> <p><strong>5. Reproductions and Distribution</strong></p> <p>All reproductions of content on this Website are prohibited, unless printed or downloaded to a local hard disk or any local storage device for personal and non-commercial use only or copied to third parties for their personal use with proper acknowledgement and attribution of this Website as the source of material.</p> <p>Any distribution, transmission or commercial exploitation of the contents on this Website is prohibited.</p> <p><strong>6. Hyperlinks</strong></p> <p>Deleum makes no claims or representations regarding and does not endorse, recommend or accept responsibility for the quality, content, nature or reliability of other websites accessible by hyperlink from this Website or websites linking to this Website.</p> <p><strong>7. Security</strong></p> <p>You remain solely responsible for the security and protection of your system when using this Website and we advise you take the necessary measures to ensure that your computer, any other hardware, software or IT systems or property are adequately protected from viruses or other malicious activities.</p> <p>Deleum shall not be liable for any damage caused by viruses or other malicious activities of whatsoever nature that may infect your computer, any other hardware, software or other IT systems or other property on account of your accessing, browsing and/or using this Website and any of its services or downloading of any material, data, text, images, video or audio from this Website. Deleum shall not be liable for any damages whatsoever due to any third party’s unjustified access to this Website, passwords or data or information in this Website.</p> <p><strong>8. No Warranties</strong></p> <p>While care has been taken in ensuring the correctness of information, statements, text, articles, data, images, web pages and other materials contained and appearing in this Website, Deleum does not provide any warranty or representation of any kind, express or implied, as to the accuracy, reliability, quality, truth, suitability and completeness of the said materials or that the content of this Website or its use will not infringe upon the intellectual property rights of any person.</p> <p><strong>9. DISCLAIMER</strong></p> <p>IN NO EVENT, SHALL DELEUM OR ITS AFFILIATES OR CONSULTANTS BE LIABLE FOR ANY DAMAGES EITHER DIRECT, INCIDENTAL, CONSEQUENTIAL OR OTHERWISE (INCLUDING WITHOUT LIMITATION FINANCIAL LOSSES, LOSS OF DATA, LOSS OF PROFITS, LOSS OF BUSINESS, BUSINESS INTERRUPTION ETC) ARISING OUT OF THE USE OR INABILITY TO USE THIS WEBSITE OR THE CONTENT OR INFORMATION IN OR VIA THIS WEBSITE, DEFECTS, VIRUSES OR OTHER MALFUNCTIONS CAUSED TO ANY EQUIPMENT OR SOFTWARE IN CONNECTION WITH THE ACCESS OR USE OF THIS WEBSITE, THE INTERCEPTION, MODIFICATION OR MISUSE OF INFORMATION TRANSMITTED TO DELEUM OR TO YOU, EVEN IF DELEUM IS AWARE OR ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p> <p><strong>10. Governing Law</strong></p> <p>By accessing and using this Website, you agree that such access and/or use, as well as the Terms of Use shall be governed by and construed in accordance with Malaysian laws and subject to the exclusive jurisdiction of the Malaysian courts.</p> <p><strong>11. Changes to Terms of Use</strong></p> <p>Deleum reserves the right to amend or revise the Terms of Use of this Website without prior notice. As such, you are advised to make sure that you are updated of the latest Terms of Use of this Website.</p> <p>12. Contact</p> <p>If you have any questions or comments about the use of this Website, or your dealings with this Website you can contact <br> <a href="mailto:ictsupport@deleum.com."><span id="cloakdfd69628d7d7b99cefab0a355d7e792c">This email address is being protected from spambots. You need JavaScript enabled to view it.</span><script type='text/javascript'> document.getElementById('cloakdfd69628d7d7b99cefab0a355d7e792c').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addydfd69628d7d7b99cefab0a355d7e792c = 'ictsupport' + '@'; addydfd69628d7d7b99cefab0a355d7e792c = addydfd69628d7d7b99cefab0a355d7e792c + 'deleum' + '.' + 'com'; var addy_textdfd69628d7d7b99cefab0a355d7e792c = 'ictsupport' + '@' + 'deleum' + '.' + 'com';document.getElementById('cloakdfd69628d7d7b99cefab0a355d7e792c').innerHTML += '<a ' + path + '\'' + prefix + ':' + addydfd69628d7d7b99cefab0a355d7e792c + '\'>'+addy_textdfd69628d7d7b99cefab0a355d7e792c+'<\/a>'; </script>.</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> </div>  <footer id="t3-footer" class="wrap t3-footer">  <div class="container">  <div class="t3-spotlight t3-footnav row"> <div class=" col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="t3-module module " id="Mod134"><div class="module-inner"><div class="module-ct"> <div class="custom" > <div class="row"> <div class="col-md-5 col-sm-12"><img alt="" src="/images/logo.png" /> <p>No. 2, Jalan Bangsar Utama 9<br /> Bangsar Utama<br /> 59000 Kuala Lumpur</p> </div> <div class="col-md-7 col-sm-12"> <div class="row"> <div class="col-md-4 col-sm-12"> <h4>CORE BUSINESS</h4> <ul> <li><a href="/core-businesses/power-and-machinery">Power and Machinery</a></li> <li><a href="/core-businesses/oilfield-services">Oilfield Integrated Services</a></li> <li><a href="/core-businesses/associates">Associates</a></li> </ul> </div> <div class="col-md-4 col-sm-12"> <h4>CORPORATE PROFILE</h4> <ul> <li><a href="/corporate-profile/about-deleum">About Deleum</a></li> <li><a href="https://deleum.com/corporate-profile/corporate-information/milestones">Milestones</a></li> <li><a href="/corporate-profile/corporate-information">Corporate Information</a></li> <li><a href="/corporate-profile/qhse">QHSE</a></li> <li><a href="/corporate-profile/governance">Governance</a></li> <li><a href="/corporate-profile/corporate-information/corporate-directory">Corporate Directory</a></li> </ul> </div> <div class="col-md-4 col-sm-12"> <h4>QUICK LINKS</h4> <ul> <li><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=286&lang=en" title="">Media</a></li> <li><a href="/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=3&Itemid=287&lang=en" title="">Event</a></li> <li><a href="/careers">Career</a></li> <li><a href="/investor-relations">Investor Relations</a></li> </ul> </div> </div> </div> </div> </div> </div></div></div> </div> </div>  </div>  <section class="t3-copyright"> <div class="container"> <div class="row"> <div class="col-md-12 copyright "> <div class="custom" > <div class="copy-left"> <p>Copyright © 2024 DELEUM Berhad 200501033500 (715640-T). All Rights Reserved</p> </div> <div class="copy-right"> <p><a href="/index.php?option=com_quix&view=page&id=22&Itemid=324">Contact Us</a><span>/</span> <a href="/legal-notice" title="">Legal Notice</a><span>/</span> <a href="/legal-notice?id=5&view=page" title="">Privacy Notice</a></p> </div> </div> </div> </div> </div> </section> </footer>  <link rel="stylesheet" type="text/css" href="/templates/t3_bs3_blank/css/slick-theme.css"/> <link rel="stylesheet" type="text/css" href="/templates/t3_bs3_blank/css/slick.css"/> <script type="text/javascript" src="/templates/t3_bs3_blank/js/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script> <script> (function($) { $(document).ready(function() { if ($(window).width() <= 991) { $('.t3-off-canvas .dropdown-menu').hide(); $(".t3-off-canvas .t3-off-canvas-body .dropdown > a").after("<i class='fas fa-caret-down'></i>"); $( ".t3-off-canvas .t3-off-canvas-body .dropdown > a > em" ).remove(); $(".t3-off-canvas .t3-off-canvas-body .dropdown > a").removeAttr("data-toggle"); $( ".t3-off-canvas .t3-off-canvas-body .dropdown > i" ).on( "click", function() { $(this).siblings('.dropdown-menu').slideToggle(); $('.t3-off-canvas .dropdown-submenu > .dropdown-menu').hide(); }); $(".dropdown-submenu > a").after('<i class="fas fa-caret-down"></i>'); $( ".dropdown-submenu > i" ).on( "click", function() { //$(this).closest('a').attr('data-toggle','dropdown'); //$(this).closest('a').siblings('.dropdown-menu').slideToggle(); $(this).siblings('.dropdown-menu').slideToggle(); }); } $( "#smartsearch-btn" ).removeClass( "disabled" ); $(".com_finder .t3-mainbody").addClass('container'); // Masonry functionality function initializeMasonry() { var $grid = $('.masonry-grid.paint'); if ($(window).width() >= 768) { // Adjust 768px as needed for your tablet breakpoint // Initialize Masonry only for tablet and desktop $grid.masonry({ itemSelector: '.grid-item', columnWidth: '.grid-item', percentPosition: true, gutter: 0 // Adjust this value to set spacing between items }); // Layout Masonry after each image loads $grid.imagesLoaded().progress(function() { $grid.masonry('layout'); }); } else { // Destroy Masonry if initialized previously (on mobile) if ($grid.data('masonry')) { $grid.masonry('destroy'); } } } // Initialize Masonry on page load initializeMasonry(); // Re-initialize Masonry on window resize $(window).resize(function() { initializeMasonry(); }); }); $(window).scroll(function () { if($(window).scrollTop() > 140) { $(".t3-header").addClass('sticky-menu'); } else { $(".t3-header").removeClass('sticky-menu'); } if ($(window).width() <= 991) { if($(window).scrollTop() > 80) { $(".t3-header").addClass('sticky-menu'); } else { $(".t3-header").removeClass('sticky-menu'); } } }); })(jQuery); </script> </div> <script> jQuery(document).ready(function() { jQuery('.pop-up a').click(); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-doughnutlabel/2.0.3/chartjs-plugin-doughnutlabel.js"></script> <script type="text/javascript"> var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'doughnut', data: { labels: ['OTHERS', 'BUMIPUTERA SABAH & SARAWAK', 'CHINESE', 'INDIAN', 'MALAY'], datasets: [{ label: '# of Votes', data: [ 0.7, 19.3, 8.5, 4.7, 66.8 ], backgroundColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx2 = document.getElementById("myChart2"); var myChart2 = new Chart(ctx2, { type: 'doughnut', data: { labels: ['OTHERS', 'BUMIPUTERA SABAH & SARAWAK', 'CHINESE', 'INDIAN', 'MALAY'], datasets: [{ label: '# of Votes', data: [ 0.5, 26.8, 9.6, 4.7, 58.4 ], backgroundColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderColor: [ '#f4623d', '#e42314', '#f17e01', '#fdb87e', '#791f00' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx3 = document.getElementById("myChart3"); var myChart3 = new Chart(ctx3, { type: 'doughnut', data: { labels: ['OTHERS', 'BUDDHIST', 'CHRISTIAN', 'HINDU', 'ISLAM'], datasets: [{ label: '# of Votes', data: [ 0.5, 5.9, 18.1, 4.0, 71.4 ], backgroundColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx4 = document.getElementById("myChart4"); var myChart4 = new Chart(ctx4, { type: 'doughnut', data: { labels: ['OTHERS', 'BUDDHIST', 'CHRISTIAN', 'HINDU', 'ISLAM'], datasets: [{ label: '# of Votes', data: [ 0.8, 6.2, 18.6, 3.80, 70.7 ], backgroundColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderColor: [ '#da291c', '#2ea837', '#212e7c', '#8080b5', '#096eb8' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + '%'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var barOptions_stacked = { tooltips: { enabled: false }, hover :{ animationDuration:0 }, scales: { xAxes: [{ ticks: { beginAtZero:true, fontFamily: "'Open Sans Bold', sans-serif", fontSize:12 }, scaleLabel:{ display:false }, gridLines: { }, stacked: true }], yAxes: [{ scaleLabel: { display: true, labelString: 'YEAR', fontSize:16 }, gridLines: { color: "#fff", zeroLineColor: "#fff", zeroLineWidth: 0 }, ticks: { fontFamily: "'Open Sans Bold', sans-serif", fontSize:16 }, stacked: true }] }, legend:{ display:false }, // animation: { // onComplete: function () { // var chartInstance = this.chart; // var ctx = chartInstance.ctx; // ctx.textAlign = "left"; // ctx.font = "14px Open Sans"; // ctx.fillStyle = "#fff"; // // Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) { // var meta = chartInstance.controller.getDatasetMeta(i); // Chart.helpers.each(meta.data.forEach(function (bar, index) { // data = dataset.data[index]; // if(i==0){ // ctx.fillText(data, 200, bar._model.y+4); // } else { // ctx.fillText(data, bar._model.x-80, bar._model.y+4); // } // }),this) // }),this); // } // }, pointLabelFontFamily : "Quadon Extra Bold", scaleFontFamily : "Quadon Extra Bold", }; var ctx = document.getElementById("Chart1"); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["2020", "2021"], datasets: [{ data: [448, 548], backgroundColor: "#096eb8" },{ data: [186, 197], backgroundColor: "#da291c" }] }, options: barOptions_stacked, }); </script> <script type="text/javascript"> var barOptions_stacked = { tooltips: { enabled: false }, hover :{ animationDuration:0 }, scales: { xAxes: [{ ticks: { beginAtZero:true, fontFamily: "'Open Sans Bold', sans-serif", fontSize:12 }, scaleLabel:{ display:false }, gridLines: { }, stacked: true }], yAxes: [{ scaleLabel: { display: true, labelString: 'YEAR', fontSize:16 }, gridLines: { color: "#fff", zeroLineColor: "#fff", zeroLineWidth: 0 }, ticks: { fontFamily: "'Open Sans Bold', sans-serif", fontSize:16 }, stacked: true }] }, legend:{ display:false }, // animation: { // onComplete: function () { // var chartInstance = this.chart; // var ctx = chartInstance.ctx; // ctx.textAlign = "left"; // ctx.font = "14px Open Sans"; // ctx.fillStyle = "#fff"; // // Chart.helpers.each(this.data.datasets.forEach(function (dataset, i) { // var meta = chartInstance.controller.getDatasetMeta(i); // Chart.helpers.each(meta.data.forEach(function (bar, index) { // data = dataset.data[index]; // if(i==0){ // ctx.fillText(data, 100, bar._model.y+4); // } else { // ctx.fillText(data, bar._model.x-30, bar._model.y+4); // } // }),this) // }),this); // } // }, pointLabelFontFamily : "Quadon Extra Bold", scaleFontFamily : "Quadon Extra Bold", }; var ctx111 = document.getElementById("Chart111"); var myChart = new Chart(ctx111, { type: 'horizontalBar', data: { labels: ["2020", "2021"], datasets: [{ data: [112, 201], backgroundColor: "#791f00" },{ data: [450, 485], backgroundColor: "#f17e01" }, { data: [72, 59], backgroundColor: "#e42314" }] }, options: barOptions_stacked, }); </script> <script type="text/javascript"> var ctx7 = document.getElementById("myChart7"); var myChart7 = new Chart(ctx7, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 9017, 3254 ], backgroundColor: [ '#791f00', '#e42314' ], borderColor: [ '#791f00', '#e42314' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' hours'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx8 = document.getElementById("myChart8"); var myChart8 = new Chart(ctx8, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 8722, 664 ], backgroundColor: [ '#fac900', '#f17e01' ], borderColor: [ '#fac900', '#f17e01' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' hours'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx9 = document.getElementById("myChart9"); var myChart9 = new Chart(ctx9, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 12.4, 4.5 ], backgroundColor: [ '#791f00', '#e42314' ], borderColor: [ '#791f00', '#e42314' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' hours'; } } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx10 = document.getElementById("myChart10"); var myChart10 = new Chart(ctx10, { type: 'doughnut', data: { labels: ['MANDATORY', 'NON-MANDATORY'], datasets: [{ label: '# of Votes', data: [ 13.8, 1.0 ], backgroundColor: [ '#fac900', '#f17e01' ], borderColor: [ '#fac900', '#f17e01' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' Hours'; } }, // doughnutlabel: { // labels: [{ // text: 'TOTAL TRAINING HOURS', // font: { // size: 12, // weight: 'bold' // } // }, { // text: '14.8 Hours', // font: { // size: 13 // } // }] // } }, // legend: {display: false}, scales: { y: { beginAtZero: true } } } }) </script> <script type="text/javascript"> var ctx11 = document.getElementById("myChart11"); var myChart11 = new Chart(ctx11, { type: 'bar', data: { labels: ['2020', '2021'], datasets: [{ label: 'Training Days Per Employee', data: [ 2.4 , 2.5 ], backgroundColor: [ '#791f00', '#fac900' ], borderColor: [ '#791f00', '#fac900' ], borderWidth: 1 }] }, options: { plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#fff', formatter: (value) => { return value + ' days'; } } }, legend: {display: false}, scales: { yAxes: [{ display: false, gridLines : { display : false }, ticks: { beginAtZero: true } }], xAxes: [{ // Change here barPercentage: 0.2 }] } } }) </script> </body> </html>

CINXE.COM

Legal Notice