<!DOCTYPE html>
<html lang="en-US">
<head id="Head"><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>
LPI Capital Bhd | Brand That Is Enduring
</title><meta id="MetaDescription" name="description" content="LPI, an investment holding company listed on the Malaysian Stock Exchange, provides general insurance coverage through its subsidiary Lonpac Insurance Bhd." /><meta id="MetaRobots" name="robots" content="INDEX, FOLLOW" /><link href="/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/lonpactheme/css/bootstrap.min.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/DesktopModules/FXLP_HTML/module.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/DesktopModules/FXLP_LatestUpdate/module.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/DesktopModules/FXLP_BannerSlider/module.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/DesktopModules/FXLP_NewsLatest/module.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/DesktopModules/FXLP_PrimaryContact/module.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/DesktopModules/IFrame/module.css?cdv=3539" type="text/css" rel="stylesheet"/><link href="/Portals/_default/skins/lonpactheme/skin.css?cdv=3539" type="text/css" rel="stylesheet"/><script src="/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=3539" type="text/javascript"></script><script src="/Resources/libraries/jQuery-Migrate/03_04_00/jquery-migrate.js?cdv=3539" type="text/javascript"></script><script src="/Resources/libraries/jQuery-UI/01_13_02/jquery-ui.min.js?cdv=3539" type="text/javascript"></script><script src="/Resources/Shared/scripts/dnn.jquery.js?cdv=3539" type="text/javascript"></script><script src="/DesktopModules/FXLP_HTML/scripts/ItemView.js?cdv=3539" type="text/javascript"></script><script src="/DesktopModules/FXLP_LatestUpdate/scripts/ItemView.js?cdv=3539" type="text/javascript"></script><script src="/Resources/Shared/components/DatePicker/moment.min.js?cdv=3539" type="text/javascript"></script><script src="/DesktopModules/FXLP_BannerSlider/scripts/ItemView.js?cdv=3539" type="text/javascript"></script><script src="/DesktopModules/FXLP_NewsLatest/scripts/ItemView.js?cdv=3539" type="text/javascript"></script><script src="/DesktopModules/FXLP_PrimaryContact/scripts/ItemView.js?cdv=3539" type="text/javascript"></script><script src="/Resources/libraries/Knockout/03_05_01/knockout.js?cdv=3539" type="text/javascript"></script><!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-77RL2YQS2Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-77RL2YQS2Y');
</script><link rel='SHORTCUT ICON' href='/Portals/1/favicon.ico?ver=2Ycbehov9__MyW_K0A7iAw%3d%3d' type='image/x-icon' /><meta name="viewport" content="width=device-width,initial-scale=1" /></head>
<body id="Body">
<form method="post" action="/" id="Form" enctype="multipart/form-data">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="pbbDO+YhupqP0dS4O4K/xk9976SRNpzMqSpob5cgrwPBu8KEKRgkawAYdiIG9NYIZiA+RPTVCRLsqxNjQhbEPaK2kATyas3h0pED8Mnq953tvxp1QmgyQJ6PqO5X8FCZ1yiNin40Fa6D2KMAuf6Yt7Gmp9NT6eyyUabh1gw3ViIptP3i1zWlnAs8g4ClzevQpdm7G+7lTxVmGv9mmfcQCUcLnCg/FsZKaJ9FTVvweKj+Oyf080+kAclf7iHrkxh80vnNCkFuCcw1WXxCGbjZmY819pg=" />
<script src="/ScriptResource.axd?d=uHIkleVeDJcV2EVM_1HqF3ApjG9HWCBeHk3GGBdVpe943IJrdjK_NAaz0mNLEd7xssYqho75kEAQy0FU1s54LStQclTOADkSh473Nqm08sbtgW2Se4qbJZpQfgLP7_M5F6PV-A2&t=49337fe8" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=Jw6tUGWnA16W37TjQCjewxoXlAFNXRNQqH5dpVK3utz1alYc_E7Tgey001b5p0XWJuQDp_wH2H7-QDH1G7p8jfRQE_6azpAoSwCmwo2GbWGCbwy3yeh7Hyp97K-CB-H4-0sAsZKHKkktIEx90&t=49337fe8" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="RGXnnzbCyEVZHEHlzsRolB1jGiaF6b/N8WJUX46tIPCyI6cP8LcmrT4EM3t1Fe+Zt7h3vugxH4EoZ/N+ercq8eWCh3xMeIpCKk4Exy0Xim4aJU2R" /><script src="/Portals/_default/skins/lonpactheme/js/bootstrap.min.js?cdv=3539" type="text/javascript"></script><script src="/js/dnn.js?cdv=3539" type="text/javascript"></script><script src="/js/dnn.modalpopup.js?cdv=3539" type="text/javascript"></script><script src="/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=3539" type="text/javascript"></script><script src="/Portals/_default/skins/lonpactheme/js/eModal.min.js?cdv=3539" type="text/javascript"></script><script src="/js/dnncore.js?cdv=3539" type="text/javascript"></script><script src="/js/dnn.servicesframework.js?cdv=3539" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
//]]>
</script>
<!--CDF(Javascript|/Portals/_default/skins/lonpactheme/js/bootstrap.min.js?cdv=3539|DnnBodyProvider|10)-->
<!--CDF(Css|/Portals/_default/skins/lonpactheme/css/bootstrap.min.css?cdv=3539|DnnPageHeaderProvider|9)-->
<link href="/controls/fontawesome/css/all.css" rel="stylesheet" />
<link href="/controls/fontawesome/css/all.min.css" rel="stylesheet" />
<!--CDF(Css|/Portals/_default/skins/lonpactheme/css/bootstrap.min.css?cdv=3539|DnnPageHeaderProvider|9)-->
<!--CDF(Javascript|/Portals/_default/skins/lonpactheme/js/eModal.min.js?cdv=3539|DnnBodyProvider|100)-->
<!-- Navbar -->
<nav class="navbar-fixed-top SFX_Main_Nav">
<div class="container-fluid" style="padding: 0px">
<div class="navbar-header">
<a class="navbar-brand hidden-xs" href="/">
<img src="">
</a>
<table class="nav-table SFX_Hidden_New_SM SFX_Hidden_New_MD">
<tr>
<td class="nav-brand" style="vertical-align: middle">
<a class="navbar-brand" href="/">
<img src="">
</a>
</td>
</tr>
<tr>
<td class="nav-button" style="vertical-align: middle; border: none;">
<a class="GFX_Menu" data-toggle="collapse" data-target="#myNavbar">
<span class="btn btnMenu">
<img src="/images/Lonpac/GFX_Main-Nav_Mobile_Menu.svg" alt="Menu Icon">
<span class="GFX_Menu_text">Menu</span>
</span>
</a>
</td>
<td class="nav-button" style="vertical-align: middle; border: none;">
<a class="GFX_IMG_QuickLink">
<span class="btn btnEAssist">
<img src="/images/Lonpac/GFX_Main-Nav_QuickLinks.svg" alt="QuickLink Icon" style="margin: 5px;">
<span class="GFX_Main-Nav_QuickLinks_text">Quick Links</span>
</span>
</a>
</td>
<td class="nav-button" style="vertical-align: middle; border: none;">
<a class="GFX_IMG_Login dropdown-toggle">
<span class="btn btnLogin">
<img src="/images/Lonpac/GFX_Main-Nav_Login.svg" alt="Login Icon" style="margin: 5px;">
<span class="GFX_IMG_Login_text">Login</span>
</span>
</a>
</td>
</tr>
</table>
<ul class="nav navbar-nav navbar-right-tablet hidden-xs SFX_Hidden_New_MD">
<li><a class="GFX_Menu_Tablet" data-toggle="collapse" data-target="#myNavbar">
<span class="btn btnMenu">
<img src="/images/Lonpac/GFX_Main-Nav_Mobile_Menu.svg" alt="Menu Icon">
<span class="GFX_Menu_text">Menu</span>
</span>
</a>
</li>
<li><a class="GFX_IMG_QuickLink">
<span class="btn btnEAssist">
<img src="/images/Lonpac/GFX_Main-Nav_QuickLinks.svg" alt="QuickLink Icon" style="margin-right: 5px">
<span class="GFX_Main-Nav_QuickLinks_text">Quick Links</span>
</span>
</a>
</li>
<li><a class="GFX_IMG_Login dropdown-toggle">
<span class="btn btnLogin">
<img src="/images/Lonpac/GFX_Main-Nav_Login.svg" alt="Login Icon" style="margin-right: 5px">
<span class="GFX_IMG_Login_text">Login</span>
</span>
</a>
<ul class="dropdown-menu LPI-dropdown-menu">
<div class="container" style="width: 330px !important">
<table>
<tr>
<td class="col-md-4 col-sm-4 col-xs-4">
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">Fee Protection Scheme</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li><a>›</a></li>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">eDocuments / eMotor</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li><a>›</a></li>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">Lonpac Payment Gateway for Intermediaries</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li><a>›</a></li>
</div>
</td>
</tr>
</table>
</div>
</ul>
</li>
<li><a class="GFX_IMG_Search" href="/Home/Search">
<span class="btn btnSearch">
<img src="/images/Lonpac/GFX_Search.svg" alt="Search">
</span>
</a></li>
</ul>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<table class="nav-table-xs SFX_Hidden_New_SM SFX_Hidden_New_MD">
<tr>
<td>
<h4>Menu</h4>
</td>
<td class="dropdown_sg_mb">
<ul class="dropdown-menu LPI-dropdown-menu">
<div class="container" style="width: 100% !important">
<table>
<tr>
<td class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">Fee Protection Scheme</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li class="arrowLi"><a>›</a></li>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">eDocuments / eMotor</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li class="arrowLi"><a>›</a></li>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">Lonpac Payment Gateway for Intermediaries</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li class="arrowLi"><a>›</a></li>
</div>
</td>
</tr>
</table>
</div>
</ul>
</td>
<td>
<a class="GFX_IMG_Search btnSearch" href="/Home/Search">
<div>
<img src="/images/Lonpac/GFX_Search.svg">
</div>
</a>
</td>
<td>
<button type="button" class="navbar-toggle" data-toggle="collapse" style="display: flex; align-items: center" data-target="#myNavbar">
<img src="/images/Lonpac/GFX_CLOSE.png" style="padding-right: 10px">
</button>
</td>
</tr>
</table>
<script type="text/javascript" src="/Resources/Shared/scripts/dnn.jquery.js"></script>
<script type="text/javascript" src="/DesktopModules/FXLP_MegaMenu/scripts/ItemView.js"></script>
<link type="text/css" rel="stylesheet" href="/Portals/_default/Skins/LonpacTheme/skin.css" />
<div id="FXLP_MegaMenu">
<ul class="nav navbar-nav SFX_Hidden_New_SM" data-bind="foreach: { data: parentPageList, afterRender: findActive }">
<!-- ko if: tabName() != "Home" -->
<li class="dropdown" data-bind="attr: {'class': categoryPageListCount() != 0 ? 'dropdown' : 'dropdown dropdown_nochild'}">
<a class="dropdown-toggle" data-bind="text: tabName, attr: { 'href': tabUrl() == '' ? null : tabUrl()}"></a>
<ul class="dropdown-menu" data-bind="visible: categoryPageListCount() != 0">
<div class="container">
<table>
<tr>
<td class="col-md-4">
<!-- ko foreach: categoryPageList -->
<!-- ko if: col() == 1 -->
<div class="col-md-12 SFX_no_padding">
<li><a data-bind="text: tabName, attr: { 'href': tabUrl == '' ? null : tabUrl }"></a></li>
<!-- ko foreach: pageList -->
<li><a data-bind="text: TabName, attr: { 'href': TabUrl == '' ? null : TabUrl }"></a></li>
<!-- /ko -->
<!-- ko if: imageFile() != '' -->
<img data-bind="attr: { src: imageFile }">
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</td>
<td class="col-md-4">
<!-- ko foreach: categoryPageList -->
<!-- ko if: col() == 2 -->
<div class="col-md-12 SFX_no_padding">
<li><a data-bind="text: tabName, attr: { 'href': tabUrl == '' ? null : tabUrl }"></a></li>
<!-- ko foreach: pageList -->
<li><a data-bind="text: TabName, attr: { 'href': TabUrl == '' ? null : TabUrl }"></a></li>
<!-- /ko -->
<!-- ko if: imageFile() != '' -->
<img data-bind="attr: { src: imageFile }">
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</td>
<td class="col-md-4">
<!-- ko if: tabName() == "Contact" -->
<div class="col-md-12 SFX_no_padding SFX_Contact_Info"></div>
<!-- /ko -->
<!-- ko foreach: categoryPageList -->
<!-- ko if: col() == 3 -->
<div class="col-md-12 SFX_no_padding">
<li><a data-bind="text: tabName, attr: { 'href': tabUrl == '' ? null : tabUrl }"></a></li>
<!-- ko foreach: pageList -->
<li><a data-bind="text: TabName, attr: { 'href': TabUrl == '' ? null : TabUrl }"></a></li>
<!-- /ko -->
<!-- ko if: imageFile() != '' -->
<img data-bind="attr: { src: imageFile }">
<!-- /ko -->
</div>
<!-- /ko -->
<!-- /ko -->
</td>
</tr>
</table>
</div>
</ul>
</li>
<!-- /ko -->
</ul>
<ul class="nav navbar-nav SFX_Hidden_New_MD mobileNav" style="padding-bottom: 100px" data-bind="foreach: parentPageList">
<!-- ko if: tabName() != "Home" -->
<li class="dropdown">
<a class="tabLevel1" data-bind="text: tabName, attr: { 'href': tabUrl == '' ? null : tabUrl }"></a>
<div class="dropdown-toggle" data-toggle="dropdown">
<div class="SFX_nav_toogle_icon_block">
<div class="SFX_nav_toogle_icon SFX_Hidden_New_MD" data-bind="attr: {'style': categoryPageListCount() != 0 ? null : 'display:none;'}">
<i class="fa fa-angle-down" style=""></i>
</div>
</div>
</div>
<ul class="dropdown-menu">
<!-- Sub-submenu -->
<!-- ko foreach: categoryPageList() -->
<li class="dropdown dropdown-submenu">
<a class="tabLevel2" data-bind="text: tabName, attr: { 'href': tabUrl == '' ? null : tabUrl }"></a>
<div class="dropdown-toggle" data-toggle="dropdown">
<div class="SFX_nav_toogle_icon_block">
<div class="SFX_nav_toogle_icon SFX_Hidden_New_MD" data-bind="attr: {'style': pageListCount() != 0 ? null : 'display:none;'}">
<i class="fa fa-angle-down" style=""></i>
</div>
</div>
</div>
<ul class="dropdown-menu">
<!-- ko foreach: pageList() -->
<li><a class="tabLevel3" data-bind="text: TabName, attr: { 'href': TabUrl == '' ? null : TabUrl }"></a></li>
<!-- /ko -->
</ul>
</li>
<!-- /ko -->
<!-- End -->
</ul>
</li>
<!-- /ko -->
</ul>
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var moduleId = parseInt("[ModuleContext:ModuleId]");
var localizedSettings = {};
var viewmodel = new FXLP_MegaMenu.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
var portalID = '1';
if (portalID == 1) {
//LPI code
$("#FXLP_MegaMenu").find('.nav').addClass('LPI-nav');
$("#FXLP_MegaMenu").find('.dropdown-menu').addClass('LPI-dropdown-menu');
$("#FXLP_MegaMenu").find('.SFX_Contact_Info').css('display', 'none');
}
else if (portalID == 2) {
//Singpore code
$("#FXLP_MegaMenu").find('.SFX_Contact_Info').append('<li><a>Quick Contact Info</a></li><li><a>General Line</a></li><li><a href="tel:65-6250 7388">65-6250 7388 </a></li><li><a>Customer Service</a></li><li><a href="tel:65-6296 3767">65-6296 3767</a></li><li><a>Email</a></li><li><a href="mailto:[email protected]">[email protected]</a></li>');
//$("#FXLP_MegaMenu").find('.SFX_Contact_Info').css('display', 'none');
} else {
$("#FXLP_MegaMenu").find('.SFX_Contact_Info').append('<li><a>Quick Contact Info</a></li><li><a>General Line</a></li><li><a href="tel:03-2262 8688">03-2262 8688 / </a><a href="tel:03-2723 7888">2723 7888</a></li><li><a>Customer Service</a></li><li><a href="tel:03-2262 8666">03-2262 8666</a></li><li><a>Email</a></li><li><a href="mailto:[email protected]">[email protected]</a></li>');
}
$('.mobileNav').on('show.bs.dropdown', '.dropdown', function () {
$(this).find(".SFX_nav_toogle_icon").first().css({
"transform": "rotate(180deg)",
"transition": "0.5s",
"background-color": "#377DFF"
});
$(this).find(".fa-angle-down").first().css("color", "#FFFFFF");
});
$('.mobileNav').on('hide.bs.dropdown', '.dropdown', function () {
$(this).find(".SFX_nav_toogle_icon").first().css({
"transform": "rotate(0deg)",
"transition": "0.5s",
"background-color": ""
});
$(this).find(".fa-angle-down").first().css("color", "");
});
$('.mobileNav').on('click', '.dropdown-submenu .SFX_nav_toogle_icon', function (e) {
var button = $(this);
$(this).parents('.dropdown-toggle').next('ul').toggle(100, function () {
var wasVisible = $(this).is(":visible");
if (wasVisible) {
$(button).css({
"transform": "rotate(180deg)",
"transition": "0.5s",
"background-color": "#FFFFFF"
});
$(button).find(".fa-angle-down").each(function () {
this.style.setProperty("color", "#377DFF", "important");
});
}
else {
$(button).css({
"transform": "rotate(0deg)",
"transition": "0.5s",
"background-color": ""
});
$(button).find(".fa-angle-down").each(function () {
this.style.setProperty("color", "");
});
}
});
e.stopPropagation();
e.preventDefault();
});
var tabName = 'Home';
viewmodel.findActive = function (data) {
var activeTab = $(data[3]);
if ($(activeTab).children('a').text() == tabName) {
$(activeTab).children('a').append("<div class='SFX_Active_Tab'></div>");
}
}
ko.applyBindings(viewmodel, $("#FXLP_MegaMenu")[0]);
});
</script>
<ul class="nav navbar-nav navbar-right hidden-xs SFX_Hidden_New_SM" style="margin-right: 2px">
<li><a class="GFX_IMG_QuickLink">
<span class="btn btnEAssist">
<img src="/images/Lonpac/GFX_Main-Nav_QuickLinks.svg" alt="QuickLink Icon" style="margin-right: 5px">
<span class="GFX_Main-Nav_QuickLinks_text">Quick Links</span>
</span>
</a>
</li>
<li><a class="GFX_IMG_Login dropdown-toggle">
<span class="btn btnLogin">
<img src="/images/Lonpac/GFX_Main-Nav_Login.svg" alt="Login Icon" style="margin-right: 5px">
<span class="GFX_IMG_Login_text">Login</span>
</span>
</a>
<ul class="dropdown-menu LPI-dropdown-menu">
<div class="container" style="width: 330px !important">
<table>
<tr>
<td class="col-md-4 col-sm-4 col-xs-4">
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">Fee Protection Scheme</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li><a>›</a></li>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">eDocuments / eMotor</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li><a>›</a></li>
</div>
<div class="col-md-10 col-sm-10 col-xs-10 SFX_no_padding">
<li><a target="_blank" href="https://www.elonpac.com.sg/eInsuranceSG/">Lonpac Payment Gateway for Intermediaries</a></li>
</div>
<div class="col-md-2 col-sm-2 col-xs-2 SFX_no_padding">
<li><a>›</a></li>
</div>
</td>
</tr>
</table>
</div>
</ul>
</li>
<li><a class="GFX_IMG_Search" href="/Home/Search">
<span class="btn btnSearch">
<img src="/images/Lonpac/GFX_Search.svg" alt="Search Icon">
</span>
</a></li>
</ul>
</div>
</div>
</nav>
<script type="text/javascript" src="/Resources/Shared/scripts/dnn.jquery.js"></script>
<script type="text/javascript" src="/DesktopModules/LP_QuickLinks/scripts/ItemView.js"></script>
<link type="text/css" rel="stylesheet" href="/DesktopModules/LP_QuickLinks/module.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<div class="modal fade SFX_Form_Common_Style_modal_backdrop" id="QuickLinks_modal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div data-bind="foreach: headerList">
<div class="GFX_QuickLinks_modal_title" data-bind="html: headerDescription"></div>
</div>
<table
class="BTN_modal_close_group SFX_Form_Common_Style_BTN_modal_close_group"
data-dismiss="modal">
<tr>
<td class="text-uppercase">Close</td>
<td class="SFX_Form_Common_Style_BTN_modal_close_button">
<img src="/images/Lonpac/GFX_CLOSE.png" />
</td>
</tr>
</table>
</div>
<div class="modal-body">
<div class="GFX_QuickLinks_modal_content">
<div class="GFX_QuickLinks_tiles">
<!-- ko foreach: itemList -->
<a class="GFX_QuickLinks_tile" data-bind="attr: { href: itemurl}, style: { height: height }">
<div class="GFX_QuickLinks_tile_image">
<img data-bind="attr: { src: imageFile }">
</div>
<div class="GFX_QuickLinks_tile_content">
<div class="GFX_QuickLinks_tile_content_title" data-bind="html: name"></div>
<div class="GFX_QuickLinks_tile_content_description" data-bind="text: description"></div>
</div>
</a>
<!-- /ko -->
</div>
<div data-bind="foreach: headerList">
<div class="GFX_QuickLinks_contacts">
<div data-bind="html: contactsDescription"></div>
<div>
<p></p>
</div>
</div>
<div class="GFX_QuickLinks_officeHours">
<div data-bind="html: footerDescription"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var moduleId = parseInt("[ModuleContext:ModuleId]");
var localizedSettings = {};
var viewmodel = new LP_QuickLinks.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#QuickLinks_modal")[0]);
});
</script>
<script type="text/javascript" src = "/Resources/Shared/scripts/dnn.jquery.js"></script>
<script type="text/javascript" src = "/DesktopModules/FXLP_Admin/scripts/ItemView.js"></script>
<link type="text/css" rel="stylesheet" href="/Portals/_default/Skins/LonpacTheme/skin.css" />
<!--Share Popup-->
<div class="modal fade" id="SFX_UserControl_SharePopup" role="dialog" style="z-index:2000;background:rgba(0,0,0,0.8) !important">
<div class="modal-dialog SFX_Share_Common_Style_modal_dialog">
<div class="modal-content SFX_Share_Common_Style_modal_content">
<div class="modal-header SFX_Share_Common_Style_modal_header">
<div class="SFX_Share_Common_Style_modal_close" data-dismiss="modal"><img src="/images/Lonpac/GFX_CLOSE.png" /></div>
</div>
<div class="modal-body SFX_Share_Common_Style_modal_body">
<table id="common-social-plugin-buttons">
<tr>
<td>
<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=#" target="_blank">
<i class="fab fa-facebook" style="color: #3b5999"></i>
</a>
</td>
<td>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=#" target="_blank">
<i class="fab fa-google-plus-square" style="color: #dd4b39"></i>
</a>
</td>
<td>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&url=#" target="_blank">
<i class="fab fa-linkedin" style="color: #0077B5"></i>
</a>
<!-- Pinterest -->
<!-- <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
<i class="fab fa-pinterest-square" style="color: #bd081c"></i>
</a> -->
</td>
</tr>
<tr>
<td>
<!-- Reddit -->
<a href="http://reddit.com/submit?url=#&title=Lonpac Insurance" target="_blank">
<i class="fab fa-reddit-square" style="color: #ff5700"></i>
</a>
</td>
<td>
<!-- Tumblr-->
<a href="http://www.tumblr.com/share/link?url=#&title=Lonpac Insurance" target="_blank">
<i class="fab fa-tumblr-square" style="color: #34465d"></i>
</a>
</td>
<td>
<!-- Twitter -->
<a href="https://twitter.com/share?url=#&text=Lonpac Insurance&hashtags=lonpac" target="_blank">
<i class="fab fa-twitter-square" style="color: #55acee"></i>
</a>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#SFX_UserControl_SharePopup').on('click', '#common-social-plugin-buttons a', function () {
var oriLink = this.getAttribute('href');
var newLink = oriLink.replace("#", window.location.href);
this.setAttribute('href', newLink);
});
});
</script>
<div id="ContentBanner">
<div id="dnn_ContentPaneBanner" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-FXLP_BannerSlider DnnModule-4984"><a name="4984"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr4984_ContentPane" class="ContainerPane"><!-- Start_Module_4984 --><div id="dnn_ctr4984_ModuleContent" class="DNNModuleContent ModFXLPBannerSliderC">
<div id="Items-4984" style="display: none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 4984"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<!-- ko foreach: { data: itemList, as: 'itemList' } -->
<!-- ko if: $root.itemCount() != 1 -->
<li data-target="#myCarousel" data-bind="attr: { 'data-slide-to' : $index(), 'class' : $index() === 0 ? 'active' : '' }"></li>
<!-- /ko -->
<!-- /ko -->
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<!-- ko foreach: { data: itemList, as: 'itemList' } -->
<div data-bind="attr: { 'class' : $index() === 0 ? 'item active' : 'item' }">
<img class="Homepage_SFX_banner_shape" data-bind="attr: { src: imageFile }">
<div class="Homepage_SFX_banner_overlay_mobile hidden-md hidden-lg"></div>
<div class="Homepage_SFX_Banner_description_block">
<div class="Homepage_SFX_Banner_description">
<div class="col-md-12 col-sm-12 col-xs-12 Homepage_SFX_no_padding" data-bind="visible: $parent.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
<a data-bind="click: $root.deleteItem" href="#"><i class="fas fa-trash-alt"></i></a>
</div>
<div class="Homepage_SFX_grey_rounded_box text-center text-uppercase" data-bind="text: name, visible: name() != ''"></div>
<div class="Homepage_SFX_Banner_description_1" data-bind="html: description"></div>
<div class="Homepage_SFX_Banner_description_2" data-bind="html: description2"></div>
<!--<div class="Homepage_SFX_banner_title" data-bind="text: description">Set yourself free of worries.</div>
<div class="Homepage_SFX_banner_content hidden-sm hidden-xs">Lorem ipsum dolor sit amet, consectetur adipiscing elit:</div>-->
<!-- ko if: showCategory() != -1 -->
<div class="col-md-12 col-sm-12 col-xs-12 Homepage_SFX_no_padding Homepage_SFX_banner_block hidden-sm hidden-xs">
<table class="Homepage_SFX_Homepage_banner_table Homepage_SFX_table_transparent">
<tr>
<!-- ko foreach: categoryTab -->
<td data-bind="visible: ItemDescription != ''">
<a data-bind="attr: {href: TabUrl}">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="col-md-12 col-sm-12 col-xs-12 Homepage_SFX_no_padding">
<img data-bind="attr: { src: ImageFile }" width="100%">
</div>
<div class="col-md-12 col-sm-12 col-xs-12 Homepage_SFX_categoryTab" style="padding-top: 5%;" data-bind="html: ItemDescription"></div>
</div>
</a>
</td>
<!-- /ko -->
</tr>
</table>
</div>
<!-- /ko -->
<div class="col-md-12 col-sm-12 col-xs-12 Homepage_SFX_no_padding Homepage_SFX_Banner_description_3" data-bind="html: description3">
<!--<div class="btn BTN_1">
<span>
View All Personal Insurance >
</span>
</div>-->
</div>
</div>
</div>
<!-- ko if: $root.itemCount() != 1 -->
<!-- Left and right controls -->
<a data-bind="css: arrowColor() == 'blue' ? 'SFX_Arrow_Blue left carousel-control' : 'SFX_Arrow_White left carousel-control'" href="#myCarousel" data-slide="prev">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 12 14" style="enable-background:new 0 0 12 14;transform:rotate(180deg)" xml:space="preserve" width="15px">
<style type="text/css">
.left-arrow {
transform-origin: center center;
}
</style>
<g>
<path class="left-arrow" d="M11.7,6.4L5.9,0.6C5.6,0.2,5,0.2,4.7,0.6c-0.4,0.4-0.4,0.9,0,1.3l4.3,4.3h-8C0.4,6.1,0,6.5,0,7s0.4,0.9,0.9,0.9
h8l-4.3,4.3c-0.4,0.4-0.4,0.9,0,1.3c0.2,0.2,0.4,0.3,0.6,0.3s0.5-0.1,0.6-0.3l5.8-5.8C11.9,7.5,12,7.2,12,7S11.9,6.5,11.7,6.4z" />
</g>
</svg>
<span class="sr-only">Previous</span>
</a>
<a data-bind="css: arrowColor() == 'blue' ? 'SFX_Arrow_Blue right carousel-control' : 'SFX_Arrow_White right carousel-control'" href="#myCarousel" data-slide="next">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 12 14" style="enable-background:new 0 0 12 14;" xml:space="preserve" width="15px">
<style type="text/css">
</style>
<g>
<path class="right-arrow" d="M11.7,6.4L5.9,0.6C5.6,0.2,5,0.2,4.7,0.6c-0.4,0.4-0.4,0.9,0,1.3l4.3,4.3h-8C0.4,6.1,0,6.5,0,7s0.4,0.9,0.9,0.9
h8l-4.3,4.3c-0.4,0.4-0.4,0.9,0,1.3c0.2,0.2,0.4,0.3,0.6,0.3s0.5-0.1,0.6-0.3l5.8-5.8C11.9,7.5,12,7.2,12,7S11.9,6.5,11.7,6.4z" />
</g>
</svg>
<span class="sr-only">Next</span>
</a>
<!-- /ko -->
</div>
<!-- /ko -->
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var moduleId = parseInt("4984");
var localizedSettings = {};
var viewmodel = new FXLP_BannerSlider.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
<script>
$(document).ready(function () {
if (document.body.className.includes("dnnEditState")) {
$('#myCarousel').carousel('pause');
}
});
</script>
</div><!-- End_Module_4984 --></div>
</div>
</div>
</div><div class="DnnModule DnnModule-FXLP_HTML DnnModule-4475"><a name="4475"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr4475_ContentPane" class="ContainerPane"><!-- Start_Module_4475 --><div id="dnn_ctr4475_ModuleContent" class="DNNModuleContent ModFXLPHTMLC">
<div id="Items-4475" style="display: none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 4475"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<!-- ko foreach: itemList -->
<div class="col-md-12 col-sm-12 col-xs-12" data-bind="style: { borderBottom: btmLine() == 1 ? '1px solid #e5e5e5' : null, backgroundColor: bgcolor() ? bgcolor : '#ffffff', backgroundImage: bgcolor() ? null : 'url(' + imageFile() + ')'}">
<div class="container" data-bind="attr: {'style': $root.modulePadding()}">
<div data-bind="attr: {'style': $root.style() == 1 ? 'border: dashed 1px #ff5e55; border-radius: 15px;' : null}">
<div class="htmlDescription" id="divDescription-4475" data-bind="html: description"></div>
<div class="col-md-12 col-sm-12 col-xs-12" data-bind="visible: $parent.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
</div>
</div>
</div>
</div>
<!-- /ko -->
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var localizedSettings = {};
var moduleId = parseInt("4475");
var viewmodel = new FXLP_HTML.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
</div><!-- End_Module_4475 --></div>
</div>
</div>
</div></div>
</div>
<div>
<header id="ulTabBorder">
</header>
</div>
<div id="ContentTop">
<div class="container">
<div id="dnn_ContentPaneTopLeft" class="col-md-6 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-FXLP_HTML DnnModule-1316"><a name="1316"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr1316_ContentPane" class="ContainerPane"><!-- Start_Module_1316 --><div id="dnn_ctr1316_ModuleContent" class="DNNModuleContent ModFXLPHTMLC">
<div id="Items-1316" style="display: none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 1316"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<!-- ko foreach: itemList -->
<div class="col-md-12 col-sm-12 col-xs-12" data-bind="style: { borderBottom: btmLine() == 1 ? '1px solid #e5e5e5' : null, backgroundColor: bgcolor() ? bgcolor : '#ffffff', backgroundImage: bgcolor() ? null : 'url(' + imageFile() + ')'}">
<div class="container" data-bind="attr: {'style': $root.modulePadding()}">
<div data-bind="attr: {'style': $root.style() == 1 ? 'border: dashed 1px #ff5e55; border-radius: 15px;' : null}">
<div class="htmlDescription" id="divDescription-1316" data-bind="html: description"></div>
<div class="col-md-12 col-sm-12 col-xs-12" data-bind="visible: $parent.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
</div>
</div>
</div>
</div>
<!-- /ko -->
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var localizedSettings = {};
var moduleId = parseInt("1316");
var viewmodel = new FXLP_HTML.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
</div><!-- End_Module_1316 --></div>
</div>
</div>
</div></div>
<div id="dnn_ContentPaneTopRight" class="col-md-6 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-DNN_IFrame DnnModule-1315"><a name="1315"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr1315_ContentPane" class="ContainerPane"><!-- Start_Module_1315 --><div id="dnn_ctr1315_ModuleContent" class="DNNModuleContent ModDNNIFrameC">
<iframe src="https://insage.com.my/ir/lpi/stockquote.aspx " id="dnn_ctr1315_IFrame_HtmlIFrame" width="100%" height="800px" scrolling="No" frameborder="0" onload="if(performance.navigation.type == 2){
location.reload(true);
}">Your browser does not support inline frames. You may view the embedded docucument in a new browser window by clicking the following link: <a href="https://insage.com.my/ir/lpi/stockquote.aspx " target="_blank">https://insage.com.my/ir/lpi/stockquote.aspx </a></iframe>
</div><!-- End_Module_1315 --></div>
</div>
</div>
</div></div>
</div>
</div>
<div id="mainContent" style="padding: 0px; margin: 0px;">
<div id="Content">
<div id="dnn_ContentPane" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content1">
<div id="dnn_ContentPane1" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content2">
<div id="dnn_ContentPane2" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-FXLP_HTML DnnModule-2527"><a name="2527"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr2527_ContentPane" class="ContainerPane"><!-- Start_Module_2527 --><div id="dnn_ctr2527_ModuleContent" class="DNNModuleContent ModFXLPHTMLC">
<div id="Items-2527" style="display: none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 2527"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<!-- ko foreach: itemList -->
<div class="col-md-12 col-sm-12 col-xs-12" data-bind="style: { borderBottom: btmLine() == 1 ? '1px solid #e5e5e5' : null, backgroundColor: bgcolor() ? bgcolor : '#ffffff', backgroundImage: bgcolor() ? null : 'url(' + imageFile() + ')'}">
<div class="container" data-bind="attr: {'style': $root.modulePadding()}">
<div data-bind="attr: {'style': $root.style() == 1 ? 'border: dashed 1px #ff5e55; border-radius: 15px;' : null}">
<div class="htmlDescription" id="divDescription-2527" data-bind="html: description"></div>
<div class="col-md-12 col-sm-12 col-xs-12" data-bind="visible: $parent.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
</div>
</div>
</div>
</div>
<!-- /ko -->
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var localizedSettings = {};
var moduleId = parseInt("2527");
var viewmodel = new FXLP_HTML.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
</div><!-- End_Module_2527 --></div>
</div>
</div>
</div></div>
</div>
<div id="Content3">
<div id="dnn_ContentPane3" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content4">
<div id="dnn_ContentPane4" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-FXLP_LatestUpdate DnnModule-1563"><a name="1563"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr1563_ContentPane" class="ContainerPane"><!-- Start_Module_1563 --><div id="dnn_ctr1563_ModuleContent" class="DNNModuleContent ModFXLPLatestUpdateC">
<div id="Items-1563" style="display:none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 1563"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<div class="SFX_LPI_Module">
<div class="container" data-bind="attr: {'style': $root.modulePadding()}">
<div class="SFX_LPI_Block_Group">
<!-- ko foreach: itemList -->
<div class="col-md-4 col-sm-6 SFX_LPI_Block_Padding">
<div class="SFX_LPI_Block">
<!--<div class="SFX_LPI_Block_Overlay"></div>-->
<a data-bind="attr: {'href': linkUrl}">
<div class="SFX_LPI_Top" data-bind="style: { backgroundImage: 'url(' + imageFile() + ')' }">
</div>
<div class="SFX_LPI_Title_block">
<div class="SFX_LPI_Date" data-bind="text: itemDate"></div>
<div class="SFX_LPI_Title" data-bind="text: name"></div>
</div>
<div class="SFX_LPI_Bottom" data-bind="text: description"></div>
<div class="BTN_block">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M11,5H7V1A1,1,0,0,0,5,1V5H1A1,1,0,0,0,1,7H5v4a1,1,0,0,0,2,0V7h4a1,1,0,0,0,0-2Z" class="PLUS_icon"></path></g></g></svg>
</div>
</a>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 SFX_admin_control" data-bind="visible: $root.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
<a data-bind="click: $root.deleteItem" href="#"><i class="fas fa-trash-alt"></i></a>
</div>
</div>
<!-- /ko -->
</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var moduleId = parseInt("1563");
var localizedSettings = {};
var viewmodel = new FXLP_LatestUpdate.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
</div><!-- End_Module_1563 --></div>
</div>
</div>
</div></div>
</div>
<div id="Content5">
<div id="dnn_ContentPane5" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content6">
<div id="dnn_ContentPane6" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content7">
<div id="dnn_ContentPane7" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content8">
<div id="dnn_ContentPane8" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content9">
<div id="dnn_ContentPane9" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content10">
<div id="dnn_ContentPane10" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content11">
<div id="dnn_ContentPane11" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content12">
<div id="dnn_ContentPane12" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content13">
<div id="dnn_ContentPane13" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content14">
<div id="dnn_ContentPane14" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content15">
<div id="dnn_ContentPane15" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content16">
<div id="dnn_ContentPane16" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content17">
<div id="dnn_ContentPane17" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content18">
<div id="dnn_ContentPane18" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content19">
<div id="dnn_ContentPane19" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="Content20">
<div id="dnn_ContentPane20" class="col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding DNNEmptyPane"></div>
</div>
<div id="ContentBottom">
<div class="container">
<div id="dnn_ContentPaneBottomLeft" class="col-md-6 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-FXLP_NewsLatest DnnModule-1503"><a name="1503"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr1503_ContentPane" class="ContainerPane"><!-- Start_Module_1503 --><div id="dnn_ctr1503_ModuleContent" class="DNNModuleContent ModFXLPNewsLatestC">
<div id="Items-1503" style="display:none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 1503"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<!--<div class="container">-->
<div class="SFX_Press_Latest_Block">
<div data-bind="attr: {'style': $root.modulePadding()}">
<!-- ko foreach: itemList -->
<div class="SFX_Press_Latest_Title" data-bind="html: header"></div>
<!-- /ko -->
<div class="SFX_Press_Latest_Content_List">
<!-- ko foreach: newsList -->
<div class="SFX_Press_Latest_Content_Item">
<div class="SFX_Press_Latest_Content_Item_Date" data-bind="text: newsDate"></div>
<div class="SFX_Press_Latest_Content_Item_Desc" data-bind="text: newsDescription"></div>
<a data-bind="attr: {'href': newsLink}">
<div class="SFX_Press_Latest_Content_Item_Read">
Read More ›
</div>
</a>
</div>
<!-- /ko -->
</div>
<!-- ko foreach: itemList -->
<a data-bind="attr: {'href': footerLink}"><div class="btn SFX_Press_Latest_View" data-bind="text: footer">View All Press Release ›</div></a>
<div class="col-md-12 col-sm-12 col-xs-12 SFX_admin_control" data-bind="visible: $root.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
</div>
<!-- /ko -->
</div>
</div>
<!--</div>-->
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var moduleId = parseInt("1503");
var localizedSettings = {};
var viewmodel = new FXLP_NewsLatest.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
<script type="text/javascript">
jQuery(function ($) {
var contentTab = $('.SFX_Press_Latest_Content_List').find('.SFX_Press_Latest_Content_Item_Desc');
var displayTab = contentTab.text().substring(0, 100);
$(contentTab).html(displayTab + ' ...');
});
</script>
</div><!-- End_Module_1503 --></div>
</div>
</div>
</div></div>
<div id="dnn_ContentPaneBottomRight" class="col-md-6 col-sm-12 col-xs-12 SFX_skin_no_padding"><div class="DnnModule DnnModule-FXLP_PrimaryContact DnnModule-1653"><a name="1653"></a>
<div class="ContainerWrapper">
<div class="dnnClear">
<div id="dnn_ctr1653_ContentPane" class="ContainerPane"><!-- Start_Module_1653 --><div id="dnn_ctr1653_ModuleContent" class="DNNModuleContent ModFXLPPrimaryContactC">
<div id="Items-1653" style="display:none">
<!-- ko if: editMode -->
<strong>Module ID : </strong><strong data-bind="text: 1653"></strong>
<!-- ko if: (isWorkflowExist || noPermissionAllowed) -->
<!-- ko if: isSubmit -->
<a data-bind="click: popup.bind(this, 'S')" href="#" class="dnnPrimaryAction">Submit</a>
<a data-bind="click: popup.bind(this, 'D')" href="#" class="dnnSecondaryAction">Discard</a>
<!-- /ko -->
<!-- ko if: isApprove -->
<a data-bind="click: popup.bind(this, 'A')" href="#" class="dnnPrimaryAction">Approve</a>
<a data-bind="click: popup.bind(this, 'R')" href="#" class="dnnSecondaryAction">Reject</a>
<strong>Module is in workflow progress</strong>
<!-- /ko -->
<!-- /ko -->
<div data-bind="visible: isInProgress()"><strong>Module is in workflow progress</strong></div>
<div data-bind="visible: !isWorkflowExist()"><strong>No workflow is selected</strong></div>
<!-- /ko -->
<!--<div class="container">-->
<div class="SFX_PrimaryContact_Block" data-bind="attr: {'style': $root.modulePadding()}">
<!-- ko foreach: itemSystemList -->
<!-- ko if: name() == 'Header' -->
<div class="SFX_PrimaryContact_Block_Upper" data-bind="html: description"></div>
<div class="col-md-12 col-sm-12 col-xs-12 SFX_admin_control" data-bind="visible: $root.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
</div>
<div class="SFX_PrimaryContact_Block_Lower SFX_no_padding">
<!-- ko foreach: $root.itemList -->
<div class="SFX_PrimaryContact_Block_Lower_Item">
<div class="SFX_PrimaryContact_Block_Lower_Img_Block">
<div class="SFX_PrimaryContact_Block_Lower_Img" data-bind="style: { backgroundImage: 'url(' + imageFile() + ')' }"></div>
</div>
<div class="SFX_PrimaryContact_Block_Lower_Text_Block" data-bind="html: description"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 SFX_admin_control" data-bind="visible: $root.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
<a data-bind="click: $root.deleteItem" href="#"><i class="fas fa-trash-alt"></i></a>
</div>
<!-- /ko -->
</div>
<!-- /ko -->
<!-- ko if: name() == 'Footer' -->
<div class="SFX_PrimaryContact_Block_Btn">
<div data-bind="html: description"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 SFX_admin_control" data-bind="visible: $root.editMode() && ($root.isSubmit() || !$root.isWorkflowExist())">
<a data-bind="attr: {href: editUrl}"><i class="fas fa-edit"></i></a>
</div>
<!-- /ko -->
<!-- /ko -->
</div>
<!--</div>-->
</div>
<script language="javascript" type="text/javascript">
jQuery(function ($) {
var moduleId = parseInt("1653");
var localizedSettings = {};
var viewmodel = new FXLP_PrimaryContact.itemListViewModel(moduleId, localizedSettings);
viewmodel.init();
ko.applyBindings(viewmodel, $("#Items-" + moduleId)[0]);
$("#Items-" + moduleId).show();
});
</script>
</div><!-- End_Module_1653 --></div>
</div>
</div>
</div></div>
</div>
</div>
</div>
<div id="footerMenu" class="col-md-12 col-sm-12 col-xs-12" style="padding: 0px; margin: 0px;">
<script type="text/javascript" src="/DesktopModules/FXLP_MegaFooter/Scripts/ItemView.js"></script>
<link type="text/css" rel="stylesheet" href="/Portals/_default/Skins/LonpacTheme/skin.css" />
<div id="FXLP_MegaFooter">
<div class="row">
<!-- ko foreach: itemList -->
<!-- ko if: viewColumn() == 1 -->
<div class="col-md-5 d-none d-lg-block">
<div data-bind="html: description"></div>
</div>
<!-- /ko -->
<!-- ko if: viewColumn() == 2 -->
<div class="col-md-3 d-none d-lg-block">
<div data-bind="html: description"></div>
</div>
<!-- /ko -->
<!-- ko if: viewColumn() == 3 -->
<div class="col-md-4 d-none d-lg-block">
<div data-bind="html: description"></div>
</div>
<!-- /ko -->
<!-- ko if: viewColumn() == 4 -->
<div class="col-md-4 d-block d-lg-none">
<div data-bind="html: description"></div>
</div>
<!-- /ko -->
<!-- /ko -->
</div>
</div>
<style>
#FXLP_MegaFooter {
background: rgb(62, 113, 255);
background: linear-gradient(140deg, rgba(62, 113, 255, 1) 0%, rgba(123, 9, 255, 1) 100%);
color: white;
}
@media (min-width: 992px) {
.d-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-none {
display: none !important;
}
}
@media (max-width: 991px) {
.d-none {
display: none !important;
}
.d-lg-block {
display: none !important;
}
.d-lg-none {
display: block !important;
}
}
</style>
<script language="javascript" type="text/javascript"> jQuery(function ($) {
var moduleId =
parseInt("[ModuleContext:ModuleId]"); var localizedSettings = {}; var viewmodel = new
FXLP_MegaFooter.itemListViewModel(moduleId, localizedSettings); viewmodel.init(); var portalID =
'1'; ko.applyBindings(viewmodel, $("#FXLP_MegaFooter")[0]);
});
</script>
</div>
<script>
$(document).ready(function () {
const mainContent = $("#mainContent");
const footer = $("#FOOTERMENU");
if (footer.length > 0) {
function adjustFooter() {
const bodyHeight = $(document).height();
const viewportHeight = $(window).height();
if (bodyHeight < viewportHeight) {
footer.css({
position: "absolute",
bottom: "0",
width: "100%"
});
} else {
footer.css({
position: "relative"
});
}
}
// Adjust footer on page load and resize
adjustFooter();
$(window).on("resize", adjustFooter);
} else {
console.error('FOOTERMENU element not found.');
}
if (performance.navigation.type == 2) {
// Browser Back Click Force Reload
location.reload(true);
};
var currentTabId = '216';
$.ajax({
url: "/API/FXLP_Admin/Tab?tab=" + currentTabId,
//beforeSend: service.framework.setModuleHeaders,
dataType: "json"
}).done(function (data) {
if (data) {
for (var i = 0; i < data.length; i++) {
if (data[i].moduleName == 'FXLP_PageSubTab' && data[i].isDeleted == false) {
AddPageSubTab(data[i].moduleID);
console.log(data[i].moduleID);
break;
}
}
}
else {
}
}).always(function (data) {
});
var portalID = '1';
if (portalID == 1) {
//LPI code
//$('.navbar-brand').width(160);
$('.navbar-brand img').attr('src', '/images/Lonpac/GFX_LPI-Logo.svg');
$('.LPI-Lonpac-Web').css("cssText", "display: flex!important; border-left: 1px solid #e5e5e5;");
$('.BTN_Call_Back').parent().hide();
$('.btnEAssist').css("display", "inline-flex");
$('.btnLogin').parent().hide();
$('.GFX_IMG_E_Assist').parent().hide();
$('.GFX_IMG_Login').parent().hide();
$('.navbar-right-tablet li:nth-child(n+3) a').css('width', 'auto');
$('#divFooterBlueLine').css("display", "block");
}
else if (portalID == 2) {
//Singpore code
$('.navbar-brand img').attr('src', '/images/Lonpac/GFX_Lonpac-Logo.svg');
$('.GFX_Phone_IMG').attr('href', 'tel:+65-6250 7388');
$('.GFX_phone_number').text('65-6250 7388');
$('.BTN_Call_Back').show();
//$('.btnEAssist').show(); // default css for show is display inline but it will override the height style in mobile view
$('.btnEAssist').css("display", "inline-flex");
//$('.btnLogin').show(); // default css for show is display inline but it will override the height style in mobile view
$('.btnLogin').css("display", "inline-flex");
$('.GFX_IMG_E_Assist').parent().hide();
$('.dropup ').find('.SFX_Footer_country').find('span').empty().text("Singapore");
$('.dropup ').find('.SFX_Country_block ').find('img').attr("src", "/images/Lonpac/GFX_SG-Flag.png");
$('.dropup-content').each(function () {
$(this).find('.SFX_Singapore').find('.SFX_Active_Tick').css('display', 'block');
$(this).find('.SFX_Singapore').addClass('SFX_Selected_Country').siblings().removeClass('SFX_Selected_Country');
});
$('.GFX_IMG_Login').parent('li').addClass('dropdown_sg');
$('.GFX_IMG_Login').parent('td').addClass('dropdown_sg');
$('.dropdown_sg_mb').on("click", function () {
if ($(this).find('ul').hasClass('dropdown_menu_sg_mb')) {
$(this).find('.dropdown-menu').removeClass('dropdown_menu_sg_mb');
$(this).find('.dropdown-toggle').removeClass('dropdown-toggle_sg_click');
} else {
$(this).find('.dropdown-menu').addClass('dropdown_menu_sg_mb');
$(this).find('.dropdown-toggle').addClass('dropdown-toggle_sg_click');
}
});
}
else {
$('.navbar-brand img').attr('src', '/images/Lonpac/GFX_Lonpac-Logo.svg');
$('.BTN_Call_Back').show();
// $('.btnEAssist').show(); // default css for show is display inline but it will override the height style in mobile view
$('.btnEAssist').css("display", "inline-flex");
// $('.btnLogin').show(); // default css for show is display inline but it will override the height style in mobile view
$('.btnLogin').css("display", "inline-flex");
$('.dropup-content').each(function () {
$(this).find('.SFX_Malaysia').find('.SFX_Active_Tick').css('display', 'block');
$(this).find('.SFX_Malaysia').addClass('SFX_Selected_Country').siblings().removeClass('SFX_Selected_Country');
});
$('.GFX_IMG_Login').attr('href', "https://www.ezlonpac.com/cp");
$('.GFX_IMG_Login').attr('target', '_blank');
}
if ($('.dnnEditState').length != 0) {
$('.navbar-fixed-top').css({
'position': 'relative',
'left': '-100px'
});
}
$('.navbar-right').show();
$('.btnEAssist').on("click", function () {
$('#QuickLinks_modal').modal('show');
});
//$('.BTN_Call_Back').on("click", function () {
// $('.callmebackModal').modal('show');
//});
$('.SFX_BackToTop').on("click", function (e) {
e.preventDefault();
$('html, body').animate({
scrollTop: 0
}, '300');
});
var URL = window.location.href;
var check = /^https?\:\/\/[^\/]+\/?$/.test(URL);
if (check == true) {
$('.SFX_Crumbs').css({ "display": "none" });
}
if (URL.includes('Home')) {
$('.SFX_Crumbs_link').css({ "display": "none" });
}
$('.SFX_Crumbs').find('img').each(function (index) {
$(this).css({ "display": "none" });
$(this).prev().append("<span> ›› </span>")
});
$('.SFX_Crumbs').find('#dnn_dnnBreadcrumb_lblBreadCrumb').each(function (index) {
var URL = window.location.href;
if (!URL.includes('Home')) {
$('.SFX_Crumbs').find('.SFX_Crumbs_link').each(function (index) {
$(this).next().prepend("<span>›› </span>");
$('.SFX_Crumbs').find('span').last().css("font-weight", "600");
});
}
});
var lastTop = 0;
$(window).scroll(function (event) {
var navbar = $('.navbar-fixed-top');
var pos = $(this).scrollTop();
if (window.innerWidth < 769) {
if (pos > lastTop) {
$('table.nav-table.SFX_Hidden_New_SM.SFX_Hidden_New_MD > tbody > tr:first').addClass('hidden-row');
} else {
$('table.nav-table.SFX_Hidden_New_SM.SFX_Hidden_New_MD > tbody > tr:first').removeClass('hidden-row');
}
}
if (window.innerWidth > 991) {
//var navbar = $('.navbar-fixed-top');
//var pos = $(this).scrollTop();
//if (pos > lastTop) {
// //Scroll down code
// if ($(navbar).css('border-top-width') == '6px') {
// $(navbar).animate({
// 'border-top-width': '0px',
// 'height': '75px'
// }, 100);
// }
//}
//else {
// if ($(navbar).css('border-top-width') == '0px') {
// $(navbar).animate({
// 'border-top-width': '6px',
// 'height': '81px'
// }, 100);
// }
//}
lastTop = pos;
if (lastTop != 0) {
$(navbar).css('box-shadow', '0px 7px 20px rgba(0,0,0,0.15)');
}
else {
$(navbar).css('box-shadow', 'none');
}
}
});
//$('.nav-table > tbody > tr > td > button').on('click', function (e) {
// $('.nav-table').css('display', 'none');
// $('.nav-table-xs').css('display', 'table');
// $('.SFX_CallMeBack_Mobile').css('display', 'none');
//});
//$('.nav-table-xs > tbody > tr > td > button').on('click', function (e) {
// $('.nav-table').css('display', 'table');
// $('.nav-table-xs').css('display', 'none');
// $('.SFX_CallMeBack_Mobile').css('display', 'flex');
// $('.dropdown_sg_mb .dropdown-menu').removeClass('dropdown_menu_sg_mb');
// $('.dropdown_sg_mb .dropdown-toggle').removeClass('dropdown-toggle_sg_click');
//});
//Mobile view
$('.GFX_Menu').on('click', function (e) {
e.preventDefault();
// Hide the main navigation table
$('.nav-table').css('display', 'none');
// Show the alternative navigation table
$('.nav-table-xs').css('display', 'table');
$('.dropdown_sg_mb').css('display', 'none');
//add overlay-open class
$('.SFX_Main_Nav').addClass('overlay-open');
$('.container-fluid').addClass('overlay-container');
});
//Tablet view
$('.GFX_Menu_Tablet').on('click', function (e) {
e.preventDefault();
// Hide the main navigation table
$('.nav-table').css('display', 'none');
// Show the alternative navigation table
$('.nav-table-xs').css('display', 'table');
// Hide logo from tablet view
$('.navbar-brand').css('display', 'none');
// Hide buttons from tablet view
$('.navbar-right-tablet').css('display', 'none');
$('.dropdown_sg_mb').css('display', 'none');
//add overlay-open class
$('.SFX_Main_Nav').addClass('overlay-open');
$('.container-fluid').addClass('overlay-container');
});
$('.nav-table-xs > tbody > tr > td > button').on('click', function (e) {
e.preventDefault();
//remove overlay-open class
$('.SFX_Main_Nav').removeClass('overlay-open');
$('.container-fluid').removeClass('overlay-container');
// Show the main navigation table
$('.nav-table').css('display', 'flex');
// Hide the alternative navigation table
$('.nav-table-xs').css('display', 'none');
// Hide logo from tablet view
$('.navbar-brand').css('display', 'flex');
// Hide buttons from tablet view
$('.navbar-right-tablet').css('display', 'flex');
// Remove dropdown menu and toggle classes
$('.dropdown_sg_mb .dropdown-menu').removeClass('dropdown_menu_sg_mb');
$('.dropdown_sg_mb .dropdown-toggle').removeClass('dropdown-toggle_sg_click');
});
$(window).scroll(function (event) {
if (window.innerWidth <= 767) { // Check if it's a mobile screen
var navTable = $('.nav-table'); // Select your nav-table
var pos = $(this).scrollTop();
//if (pos > lastTop) {
// // Scrolling down
// navTable.addClass('hide-first-row');
//} else {
// // Scrolling up
// navTable.removeClass('hide-first-row');
//}
lastTop = pos;
}
});
});
$('#myNavbar').on('shown.bs.collapse', function () {
$('body').css('overflow', 'hidden');
});
$('#myNavbar').on('hidden.bs.collapse', function () {
$('body').css('overflow', 'unset');
});
</script>
<script>
function AddPageSubTab(moduleId) {
var tabName = "Home";
//var parentId = '-1';
var tabHtml = '<div class="ulTabBorder scroll col-md-12 col-sm-12 col-xs-12 SFX_skin_no_padding"><ul id="ulTab" class="nav nav-pills SFX_Border_Pills">';
var level = '0';
$.ajax({
url: "/API/FXLP_Admin/Tab?moduleId=" + moduleId,
//beforeSend: service.framework.setModuleHeaders,
dataType: "json"
}).done(function (data) {
if (data) {
console.log(data);
for (var i = 0; i < data.length; i++) {
var result = data[i];
if (result.isActive == true) {
tabHtml += '<li class="active"><a href="' + result.itemDesc + '">' + result.itemName + '</a></li>';
} else {
tabHtml += '<li><a href="' + result.itemDesc + '">' + result.itemName + '</a></li>';
}
}
tabHtml += '</ul></div>';
$('#ulTabBorder').append(tabHtml);
}
else {
}
}).always(function (data) {
});
}
</script>
<input name="ScrollTop" type="hidden" id="ScrollTop" />
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`trackLinks`:`false`,`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`216`,`evoq_TabId`:`216`,`evoq_PageLanguage`:`en-US`,`evoq_ContentItemId`:`-1`,`evoq_UrlReferrer`:``,`evoq_UrlPath`:`https%3a%2f%2fcmsapp.lpicapital.com%2f`,`evoq_UrlQuery`:`%3fTabId%3d216%26language%3den-US`,`evoq_ContentItemReferrer`:`-1`,`evoq_PersonalizedUrlReferrer`:`-1`,`evoq_DisableAnalytics`:`False`}" />
<input name="__RequestVerificationToken" type="hidden" value="fresmbIOjdFQlqj4yp64rveCuCFXOb_vi2hSBRQu9gJOKl6-2c3FyBQNIx20hEuaN8m-Wg2" />
</form>
<!--CDF(Javascript|/js/dnncore.js?cdv=3539|DnnBodyProvider|100)--><!--CDF(Javascript|/js/dnn.modalpopup.js?cdv=3539|DnnBodyProvider|50)--><!--CDF(Css|/Resources/Shared/stylesheets/dnndefault/7.0.0/default.css?cdv=3539|DnnPageHeaderProvider|5)--><!--CDF(Css|/Portals/_default/skins/lonpactheme/skin.css?cdv=3539|DnnPageHeaderProvider|15)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_HTML/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_HTML/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_HTML/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_LatestUpdate/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Javascript|/Resources/Shared/components/DatePicker/moment.min.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_LatestUpdate/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_LatestUpdate/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_BannerSlider/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_BannerSlider/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_BannerSlider/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_HTML/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_HTML/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_HTML/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_NewsLatest/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Javascript|/Resources/Shared/components/DatePicker/moment.min.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_NewsLatest/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_NewsLatest/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_PrimaryContact/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_PrimaryContact/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_PrimaryContact/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/Shared/scripts/dnn.jquery.js?cdv=3539||100)--><!--CDF(Javascript|/DesktopModules/FXLP_HTML/scripts/ItemView.js?cdv=3539||100)--><!--CDF(Css|/DesktopModules/FXLP_HTML/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/FXLP_HTML/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/IFrame/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Css|/DesktopModules/IFrame/module.css?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/js/dnn.js?cdv=3539|DnnBodyProvider|12)--><!--CDF(Javascript|/js/dnn.servicesframework.js?cdv=3539|DnnBodyProvider|100)--><!--CDF(Javascript|/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=3539|DnnBodyProvider|55)--><!--CDF(Javascript|/Resources/libraries/Knockout/03_05_01/knockout.js?cdv=3539|DnnPageHeaderProvider|496)--><!--CDF(Javascript|/Resources/libraries/jQuery-Migrate/03_04_00/jquery-migrate.js?cdv=3539|DnnPageHeaderProvider|6)--><!--CDF(Javascript|/Resources/libraries/jQuery-UI/01_13_02/jquery-ui.min.js?cdv=3539|DnnPageHeaderProvider|10)--><!--CDF(Javascript|/Resources/libraries/jQuery/03_05_01/jquery.js?cdv=3539|DnnPageHeaderProvider|5)-->
<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1558587308" async></script></body>
</html>