<!-- ###AIO### -->
<!-- ###AIO### -->
<!DOCTYPE html>
<html dir="ltr" lang="en-US" class="ready">
<head>
	<meta name="format-detection" content="telephone=no">
	<meta property="fb:app_id" content="123" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
    <base href="https://beading.com.my/" />
    <base href="beading.com.my" />
        <meta name="description" content="&nbsp;" />
                <meta property="og:image" content="https://beading.com.my/image/beading/image/" />
<meta property="og:url" content="https://beading.com.my/blog/?feed=rss2" />
	
    <meta property="og:image" content="" />
	<meta property="og:image:width" content="256" />
	<meta property="og:image:height" content="256" />
	
    <meta property="twitter:image" content="https://beading.com.my/image/beading/image/" />

        
    <!-- BULMA -->
    <link defer href="catalog/view/theme/aio/stylesheet/bulma.css" rel="stylesheet" type="text/css" />
    <link defer href="catalog/view/theme/aio/plugins/bulma-extensions/bulma-checkradio.min.css" rel="stylesheet" type="text/css" />


    <!-- MAIN STYLESHEET -->
    <link defer href="catalog/view/theme/aio/stylesheet/aio.css?ver=1670285450" rel="stylesheet" type="text/css" />

    <!-- CAROUSEL -->
    <link defer href="catalog/view/theme/aio/plugins/carousel/slick.css" rel="stylesheet" type="text/css" />
    <link defer href="catalog/view/theme/aio/plugins/carousel/slick-theme.css" rel="stylesheet" type="text/css" />
    
    <!-- FONT AWESOME -->
    <link defer rel="stylesheet" href="catalog/view/theme/aio/stylesheet/fontawesome-5.6.3/css/all.min.css">
    
    <!-- MATERIAL DESIGN ICON -->
    <link defer rel="stylesheet" href="catalog/view/theme/aio/stylesheet/materialdesignicons-3.3.92/materialdesignicons.min.css">

	<!-- STAATLICHES -->
	<link defer rel="stylesheet" href="catalog/view/theme/aio/stylesheet/staatliches/staatliches.css">
    
    <!-- ANIMATION -->
    <link defer href="catalog/view/theme/aio/stylesheet/animate.css" rel="stylesheet" type="text/css" />

     <!-- BULMA CALENDAR -->
    <link defer href="catalog/view/theme/aio/plugins/bulma-calendar/bulma-calendar.min.css" rel="stylesheet" type="text/css" />

    <!-- JQUERY -->
    <script src="catalog/view/theme/aio/js/jquery-3.3.1.min.js"></script>
	<script defer type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
	
	<!-- TOTAL STORAGE -->
	<script defer type="text/javascript" src="catalog/view/javascript/jquery/jquery.total-storage.min.js"></script>
	
	<!-- FANCYBOX -->
	<link defer rel="stylesheet" href="catalog/view/theme/aio/plugins/fancybox3/jquery.fancybox.min.css">
	<script async src="catalog/view/theme/aio/plugins/fancybox3/jquery.fancybox.min.js"></script>
	
	<!-- ELEVATEZOOM -->
	<script async src="catalog/view/theme/aio/plugins/elevatezoom-plus/jquery.easing.min.js"></script>
	<script async src="catalog/view/theme/aio/plugins/elevatezoom-plus/jquery.mousewheel.js"></script>
	<script async src="catalog/view/theme/aio/plugins/elevatezoom-plus/jquery.ez-plus.js"></script>
	
	<!-- LAZYLOAD -->
	<script src="catalog/view/theme/aio/plugins/jquery.lazy-master/jquery.lazy.min.js"></script>
	<script src="catalog/view/theme/aio/plugins/jquery.lazy-master/jquery.lazy.plugins.min.js?ver=1.0"></script>
	
    
        
    <!-- GOOGLE RECAPTCHA -->
    <script defer async src='https://www.google.com/recaptcha/api.js'></script>

	 
	
    <!-- CUSTOMIZE -->
    <link defer id="customize_css" href="../catalog/view/multi_store/beading/aio_customize_css.css?ver=1670285450" rel="stylesheet" type="text/css" />
	
		
		<style>
	.btn-wishlist , .btn-compare {
		display: none;
	}
	</style>
		
	
	<!-- TITLE -->
    <title>Blog</title>

			<script src="catalog/view/javascript/fbpixel-conversion-api.js"></script>
						
</head>

<body class="body-style wide  clamp-1">

		
		
		<div id="modal-search-product" class="modal">
		<div class="modal-background"></div>
		<div class="modal-card">
			<section class="modal-card-body">
				<div class="search-input">
					<input class="search-bar-input" id="modal_search" type="text" placeholder="Search" value="" oninput="$('#header_search').val($(this).val());" />
					<i id="icon-search" class="mdi mdi-magnify"></i>
				</div>
			</section>
			<footer class="modal-card-foot">
				<button type="button" class="search-cancel" onclick="closeModals();">Cancel</button>
				<button type="button" id="btn-search">Search</button>
			</footer>
		</div>
	</div>
		
			<div id="modal-checkout-cartmodal"></div>                    
	
		
	
	
	<div id="wrapper" class="clearfix">
        
        <!-- HEADER -->
        <div id="header" class="uni-head-1  ">
            <div class="container">
                <!-- BURGER - MAIN MENU -->
                <span id="burger-mainmenu" class="navbar-burger burger burger-mainmenu">
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
                <div class="el_1">
                    <div class="holder">
                        <div id="logo" class="">
							<a href="https://beading.com.my/">
																	
															</a>
                        </div>
                    </div>
                </div>
                <div class="el_2">
                    <div class="holder">
                        <!-- NAVIGATION BAR -->
                        <div id="navi-bar" class="navbar-menu">
                            <div class="navbar">
    
                                                                                                            <a class="navbar-item" href="https://beading.com.my/special?sg_type_pg=latest" ><span>NEW</span></a>
                                                                                                                                                <div class="navbar-item has-dropdown is-hoverable">
                                            <a  class="navbar-link" href="https://beading.com.my/beads" ><span>Beads</span></a>
											<i class="accordion"></i>
                                            <div class="navbar-dropdown">
                                                                                                                                                            <a class="navbar-item" href="https://beading.com.my/swarovski-crystals" ><span>Swarovski Crystals</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/preciosa-crystals-czech-beads" ><span>Preciosa Crystals &amp; Czech Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/chinese-crystals-glass-beads" ><span>Chinese Crystals &amp; Glass Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/acrylic-beads-faux-pearls" ><span>Acrylic Beads &amp; Faux Pearls</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/cabochons" ><span>Cabochons</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/seed-bugle-beads" ><span>Seed Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/large-hole-beads" ><span>Large Hole Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/metal-spacer-beads" ><span>Metal &amp; Spacer Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/polymer-porcelain-beads" ><span>Polymer &amp; Porcelain Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/gemstones-organic-beads" ><span>Gemstones &amp; Organic Beads</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/rhinestones-hotfix-no-hf-chaton" ><span>Rhinestones (Hotfix, No-HF, Chaton)</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/other-beads" ><span>Other Beads</span></a>
                                                                                                                                                </div>
                                        </div>
                                                                                                                                                <div class="navbar-item has-dropdown is-hoverable">
                                            <a  class="navbar-link" href="https://beading.com.my/crafts" ><span>Crafts</span></a>
											<i class="accordion"></i>
                                            <div class="navbar-dropdown">
                                                                                                                                                            <a class="navbar-item" href="https://beading.com.my/charms" ><span>Charms</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/jewelry-supplies" ><span>Jewelry Supplies/Findings</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/resin-molds-glass-supplies" ><span>Resin &amp; Molds</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/stringing-wires" ><span>Stringing &amp; Wires</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/tools" ><span>Tools</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/clays" ><span>Clays</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/feathers-dreamcatchers" ><span>Feathers</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/felt-fabric" ><span>Felt &amp; Fabric</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/paper-crafts" ><span>Paper Crafts</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/other-crafts" ><span>Other Crafts</span></a>
                                                                                                                                                </div>
                                        </div>
                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/baby-mum" ><span>Baby &amp; Mum</span></a>
                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/gifts-stationery" ><span>Gifts &amp; Stationery</span></a>
                                                                                                                                                <div class="navbar-item has-dropdown is-hoverable">
                                            <a  class="navbar-link" href="javascript:void(0)" ><span>Help</span></a>
											<i class="accordion"></i>
                                            <div class="navbar-dropdown">
                                                                                                                                                            <a class="navbar-item" href="https://beading.com.my/about_us" ><span>About Us</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/faq" ><span>FAQ</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/index.php?route=information/information&information_id=3" ><span>Privacy Policy</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/return_refund_policy" ><span>Return &amp; Refund Policy</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/terms_and_conditions" ><span>Terms &amp; Conditions</span></a>
                                                                                                                                                                                                                <a class="navbar-item" href="https://beading.com.my/contact_us" ><span>Contact Us</span></a>
                                                                                                                                                </div>
                                        </div>
                                                                                                </div>
                        </div>
                        <!-- END NAVIGATION BAR -->
                    </div>
                </div>
                
                <!-- SEARCH -->
                <div id="search-toggle">
                    <div class="search-bar-container">
                        <i class="mdi mdi-magnify" onclick="search();"></i>
                        <div id="search-bar">
                            <input type="text" id="header_search" name="search" placeholder="Search" value="" oninput="$('#search').val($(this).val());">
                        </div>
                    </div>
                </div>

                <!-- CURRENCY SELECTION -->
                <!-- ###AIO### -->
<div id="currency">
    <div class="dropdown is-right is-hoverable">
        <div class="dropdown-trigger">
            <a class="currency-dropdown" aria-haspopup="true">
                <span>MYR</span>
            </a>
        </div>
        <div class="dropdown-menu" role="menu">
            <div class="dropdown-content">
                <form action="https://beading.com.my/index.php?route=module/currency" method="post" enctype="multipart/form-data" id="currency_form">
                                            <a class="dropdown-item" href="javascript:;" onclick="$('input[name=\'currency_code\']').attr('value', 'MYR'); $('#currency_form').submit();">
                            MYR                        </a>
                                            <a class="dropdown-item" href="javascript:;" onclick="$('input[name=\'currency_code\']').attr('value', 'SGD'); $('#currency_form').submit();">
                            SGD                        </a>
                                            <a class="dropdown-item" href="javascript:;" onclick="$('input[name=\'currency_code\']').attr('value', 'USD'); $('#currency_form').submit();">
                            USD                        </a>
                                        <input class="s_hidden" type="hidden" name="currency_code" value="" />
                    <input class="s_hidden" type="hidden" name="redirect" value="https://beading.com.my/blog?feed=rss2" />
                </form>
            </div>
        </div>
    </div>
</div>

                <!-- SHOPPING CART -->
                <!-- ###AIO### -->

<div id="shopping-cart">
            <div id="checkout-cart">
            <span class="cart-info">
                0 item(s) RM0.00            </span>
            <i id="clickme" class="mdi mdi-cart"></i>
        </div>
        
        <div class="checkout-overlay"></div>

        <div class="shopping-cart-frame">
            <div  class="title">
                <span>Cart</span>
                <i id="btn-close-cart" onclick="closeSide()" class="mdi mdi-close"></i>
            </div>
                            <div class="empty-cart">
                    <div>
                        <i class="icon-empty-cart"></i>
                    </div>
                    <div>
                        Your shopping cart is empty!                    </div>
                </div>
                                </div>
        
    <div class="count-frame">
            </div>

    <script>
	$(document).ready(function() {
			});

    function changeQuantity(own){
		minValue =  parseInt($(own).attr('min'));
		maxValue =  parseInt($(own).attr('max'));
		valueCurrent = parseInt($(own).val());
		
		name = $(own).attr('name');
		if(valueCurrent >= minValue) {
			$(".btn-number[data-type='minus'][data-field='"+name+"']").removeAttr('disabled');
		} else {
			alert('');
			if( $(own)[0].defaultValue < minValue ) {
				$(own).val(minValue).change();
			} else {
				$(own).val($(own)[0].defaultValue).change();
			}
		}
		if(valueCurrent <= maxValue) {
			$(".btn-number[data-type='plus'][data-field='"+name+"']").removeAttr('disabled');
		} else {
			alert('');
			if( $(own)[0].defaultValue > maxValue ) {
				$(own).val(maxValue).change();
			} else {
				$(own).val($(own)[0].defaultValue).change();
			}
		}
		
		if(valueCurrent >= minValue && valueCurrent <= maxValue) {
			submitQuantity('#my-side-cart');
		}
    }

    function updateQuantity(own){
        
        fieldName = $(own).attr('data-field');
        type      = $(own).attr('data-type');
        var input = $("input[name='"+fieldName+"']");
        var currentVal = parseInt(input.val());

        if (!isNaN(currentVal)) {
            if(type == 'minus') {
                
                if(currentVal > input.attr('min')) {
                    input.val(currentVal - 1).change();
                } 
                if(parseInt(input.val()) == input.attr('min')) {
                    $(this).attr('disabled', true);
                }

            } else if(type == 'plus') {

                if(currentVal < input.attr('max')) {
                    input.val(currentVal + 1).change();
                }
                if(parseInt(input.val()) == input.attr('max')) {
                    $(this).attr('disabled', true);
                }

            }
            
            submitQuantity('#my-side-cart');
                
        } else {
            input.val(0);
        }
    }

    function applyCoupon(){
        submitQuantity('#coupon-form');
	}

	function removeCoupon(){
		var r = confirm('Are you sure to remove the coupon?');
		if(r == true){
			$.ajax({
				url: 'index.php?route=checkout/cart/remove_coup_session',
				data: '',
				dataType: 'json',           
				success: function(json) {
					updateCart();
				}
			});
		}
	}

	function applyVoucher(){
        submitQuantity('#voucher-form');
	}

	function removeVoucher(){
		var r = confirm('Are you sure to remove the voucher?');
		if(r == true){
			$.ajax({
				url: 'index.php?route=checkout/cart/remove_vouc_session',
				data: '',
				dataType: 'json',           
				success: function(json) {
					updateCart();
				}
			});
		}
	}

    function submitQuantity(formID){
        var form = $(formID).serialize();
        $.ajax({
            type: 'post',
            url: 'index.php?route=module/cart/update',
            data: form,
            dataType: 'json',           
            success: function(json) {
                // console.log(json);
                if(json['type'] == 'quantity'){
                    if(json['total'] > 999){
                        $('#shopping-cart > .count-frame').html('<span class="shopping-cart-count max">999+</span>');
                    } else {
                        $('#shopping-cart > .count-frame').html('<span class="shopping-cart-count">'+json['total']+'</span>');
                    }
                    $('#checkout-cart').html('<span class="cart-info">'+json['total2']+'</span><i class="mdi mdi-cart"></i>');
                }
                updateCart();
            } 
        });
    }
    </script>
    
</div>
                <!-- ACCOUNT -->
                <div id="myaccount">
                    <div class="dropdown is-right is-hoverable">
                        <div class="dropdown-trigger">
                            <a class="account-dropdown" aria-haspopup="true">
                                <i class="mdi mdi-account"></i>
                            </a>
                        </div>
                        <div class="dropdown-menu" role="menu">
                            <div class="dropdown-content">
                                                            <a class="dropdown-item" href="https://beading.com.my/login">Login</a>
                                                                    <a class="dropdown-item" href="https://beading.com.my/affiliate_login">Affiliate Login</a>
                                                                                        </div>
                        </div>
                    </div>
                </div>

                <!-- CMS BLOCK -->
                <div id="cms_1" class="cms-block">
                    <div class="cms-content cms_1 hidden">
                        <div class="cms-icon">
                                                        <i class="fas fa-truck"></i>
                        </div>
                        <div class="cms-text">
                            <pre>Free shipping</pre>                        </div>
                    </div>

                    <!-- CMS_2 DUPLICATE -->
                    <div class="cms-content cms_2 hidden">
                        <div class="cms-icon">
                                                        <i class="fas fa-headphones-alt"></i>
                        </div>
                        <div class="cms-text">03-456 7554</div>
                    </div>

                    <!-- CMS_3 DUPLICATE -->
                    <div class="cms-content cms_3 ">
                        <div class="cms-icon">
                                                        <i class="fas fa-headphones-alt"></i>
                        </div>
                        <div class="cms-text">03-456 7554</div>
                    </div>
                </div>

                <div id="cms_2" class="cms-block">
                    <div class="cms-content cms_2 hidden">
                        <div class="cms-icon">
                                                        <i class="fas fa-headphones-alt"></i>
                        </div>
                        <div class="cms-text"><pre>03-456 7554</pre></div>
                    </div>
                </div>
                
                <div id="cms_3" class="cms-block">
                    <div class="cms-content cms_3 ">
                        <div class="cms-icon">
                                                        <i class="fas fa-headphones-alt"></i>
                        </div>
                        <div class="cms-text"><pre>03-456 7554</pre></div>
                    </div>
                </div>
                <!-- END CMS BLOCK -->
                
                <div class="flex-divider-1"></div>
                <div class="flex-divider-2"></div>
            </div>
        </div>

        <!-- NOTIFICATION -->
		<div id="notification" class="modal">
			<div class="modal-background"></div>
			<div class="modal-card">
				<header class="modal-card-head">
					<button class="delete" aria-label="close"></button>
				</header>
				<section class="modal-card-body">
					<div class="notification-info"></div>
				</section>
				<footer class="modal-card-foot">
					<div class="buttons">
						<button type="button" class="button" onclick="closeModals();">Ok</button>
					</div>
				</footer>
			</div>
		</div>
		
				
				
					

		<script type="text/javascript">
			$( document ).ready(function() {
				var tracking_request = "";
				var tracking_cookie = "";
				console.log('tracking_request',tracking_request);
				console.log('tracking_cookie',tracking_cookie);

				if(tracking_request && !tracking_cookie){
					var d = new Date();
					d.setTime(d.getTime() + (1*24*60*60*1000));
					var expires = "expires="+ d.toUTCString();
					document.cookie = 'tracking' + "=" + tracking_request + ";" + expires + ";path=/";
				}
			});
		</script>
            
					
					
					
        		
			
		
				
		
        
        		
		 
		
		
				
				
						
        <!-- END HEADER -->
<section id="module-blog" class="module-blog-section section content container">

	<div id="breadcrumb">
		<nav class="breadcrumb" aria-label="breadcrumbs">
			<ul>
								<li>
					<a href="https://beading.com.my/index.php?route=common/home">
						<span>Home</span>
					</a>
				</li>
								<li>
					<a href="https://beading.com.my/blog">
						<span>Blog Post</span>
					</a>
				</li>
							</ul>
		</nav>
	</div>

	<div id="contents">
		<div id="main-content">
			<div class="holder">
				<div id="blog-list" class="module-container"></div>
			</div>
		</div>
	
		<div id="sidebar-right">
			<div class="holder">
				
				<!-- LATEST BLOG -->
				<div class="module-container">
					<div id="blog-latest" class="box">
						<div class="box-content">
							<div class="title title-blog-latest">
								Latest Blog							</div>
		
							<div class="blogs">
																											<a class="blog" href ="https://beading.com.my/my-first-post">
											<div class="blog-thumb no-img">
												
																									<div class="txt-img">
														My First Post													</div>
																								
											</div>
											<div class="blog-info">
												<div class="blog-title" title="My First Post">
													My First Post												</div>
												<div class="blog-date" title="Apr 2019">
													Apr 2019												</div>
											</div>
										</a>
																								</div>
						</div>
					</div>
				</div>
				<!-- #END LATEST BLOG -->
			
									<!-- POST TAGS -->
					<div class="module-container">
						<div id="blog-tags" class="box">
							<div class="box-content">
								<div class="title title-blog-tags">
									Tags								</div>
								<ul class="tags"></ul>
							</div>
						</div>
					</div>
					<!-- #END POST TAGS -->
					
			</div>
		</div>
	</div>
	
</section>

<script type="text/javascript"><!--
$(document).on("click", "#blog-list .pagination a", function() {
	$('#blog-list').fadeOut('slow');
	$('#blog-list').load(this.href);
	$('#blog-list').fadeIn('slow');
	return false; 
})

var url_string = window.location.href;
var url = new URL(url_string);
var filter_tag = url.searchParams.get("filter_tag");

if(filter_tag == null){
	$('#blog-list').load('index.php?route=module/blog/bloglist');
} else {
	$('#blog-list').load('index.php?route=module/blog/bloglist&filter_tag='+encodeURIComponent(filter_tag));
}

//--></script> 
<script type="text/javascript">
	$(document).ready(function(){
		var tagset = 1;
		$.ajax({
			url: 'index.php?route=module/blog/getRandomTags',
			type: 'post',
			dataType: "json",
			data: { 
				datat: tagset
			},
			success: function(data) {
				html =  '<div class="list-tag">';
				$.each(data, function(index,val) {

                    if(typeof val['num'] === 'undefined') {
                        var count_blog = '';
                    } else {
                        var count_blog = '<span class="counts">' + val['num'] + '</span>';
                    }
					if(index < 10){
						html += '<a class="tag" href="' + val['href'] + '" title="' + val['title'] + '"><span class="tag-title">' + val['title'] + '</span>' + count_blog + '</a>';
					} else {
						return false;
					}
				});
				html += '</div>';
				$('.tags').replaceWith(html);
			}
		});
	});
</script>

<script>
	// ACTIVATE CAROUSEL IN MOBILE
	$(document).ready(function(){
		activateCarousel();
		
		$(window).on('resize', function() {
			activateCarousel();
		});
	});
	
	function activateCarousel() {
		if($( window ).width() < 1025){		
			if($('#blog-latest .blogs').hasClass('slick-initialized') == false){	
				$("#blog-latest .blogs").slick({
					dots: false,
					infinite: true,
					slidesToShow: 4,
					slidesToScroll: 4,
					responsive: [
						{
							breakpoint: 480,
							settings: {
								slidesToShow: 1,
								slidesToScroll: 1
							}
						}
					]
				});
			}
		}
	}
</script>

<!-- ###AIO### -->
        <!-- BACK TO TOP BUTTON -->
        <button onclick="backToTop()" id="backToTop" title="Back to top"><i class="fa fa-chevron-up"></i></button>

        <footer id="footer" class="footer uni-foot-4">
            
            <!-- ADD TO CART POPUP  -->
            <input type="hidden" id="current_product_id"/>
            <input type="hidden" id="config_cart_modal" value="1">
            <!-- YOU MIGHT NEED THIS APP -->
            <input type="hidden" id="you_might_need_this_status" value="0">

            <!-- FOOTER MODULES -->
            <div class="container">

                <div class="el_1">
                    <!-- FOOTER MENUS -->
                                        <!-- END FOOTER MENU -->

                    <div id="newsletter_socialmedia" class="module-container"  >
                                                    <div id="newsletter">
                                <div class="title">Newsletter</div>
                                <!-- Begin MailChimp Signup Form -->

<div id="mc_embed_signup">
<form action="https://unicart.us7.list-manage.com/subscribe/post?u=2e364e881ec06d67a9881aa62&amp;id=4ad604240f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	
<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address </label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<script type="text/javascript">
var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
try {
    var jqueryLoaded=jQuery;
    jqueryLoaded=true;
} catch(err) {
    var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    head.appendChild(script);
    if (script.readyState && script.onload!==null){
        script.onreadystatechange= function () {
              if (this.readyState == 'complete') mce_preload_check();
        }    
    }
}

var err_style = '';
try{
    err_style = mc_custom_error_style;
} catch(e){
    err_style = '#mc_embed_signup input.mce_inline_error{border-color:#6B0505;} #mc_embed_signup div.mce_inline_error{margin: 0 0 1em 0; padding: 5px 10px; background-color:#6B0505; font-weight: bold; z-index: 1; color:#fff;}';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) {
  style.styleSheet.cssText = err_style;
} else {
  style.appendChild(document.createTextNode(err_style));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);

var mce_preload_checks = 0;
function mce_preload_check(){
    if (mce_preload_checks>40) return;
    mce_preload_checks++;
    try {
        var jqueryLoaded=jQuery;
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://template.unicart.com/jquery.form-n-validate.js';
    head.appendChild(script);
    try {
        var validatorLoaded=jQuery("#fake-form").validate({});
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    mce_init_form();
}
function mce_init_form(){
    jQuery(document).ready( function($) {
      var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
      var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
      $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
      options = { url: 'https://unicart.us7.list-manage.com/subscribe/post-json?u=2e364e881ec06d67a9881aa62&id=4ad604240f&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
                    beforeSubmit: function(){
                        $('#mce_tmp_error_msg').remove();
                        $('.datefield','#mc_embed_signup').each(
                            function(){
                                var txt = 'filled';
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function(){
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function(){
                                        var bday = false;
                                        if (fields.length == 2){
                                            bday = true;
                                            fields[2] = {'value':1970};//trick birthdays into having years
                                        }
                                    	if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
                                    		this.value = '';
									    } else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
                                    		this.value = '';
									    } else {
									        if (/\[day\]/.test(fields[0].name)){
    	                                        this.value = fields[1].value+'/'+fields[0].value+'/'+fields[2].value;									        
									        } else {
    	                                        this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
	                                        }
	                                    }
                                    });
                            });
                        $('.phonefield-us','#mc_embed_signup').each(
                            function(){
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function(){
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function(){
                                        if ( fields[0].value.length != 3 || fields[1].value.length!=3 || fields[2].value.length!=4 ){
                                    		this.value = '';
									    } else {
									        this.value = 'filled';
	                                    }
                                    });
                            });
                        return mce_validator.form();
                    }, 
                    success: mce_success_cb
                };
      $('#mc-embedded-subscribe-form').ajaxForm(options);
      
      
    });
}
function mce_success_cb(resp){
    $('#mce-success-response').hide();
    $('#mce-error-response').hide();
    if (resp.result=="success"){
        $('#mce-'+resp.result+'-response').show();
        $('#mce-'+resp.result+'-response').html(resp.msg);
        $('#mc-embedded-subscribe-form').each(function(){
            this.reset();
    	});
    } else {
        var index = -1;
        var msg;
        try {
            var parts = resp.msg.split(' - ',2);
            if (parts[1]==undefined){
                msg = resp.msg;
            } else {
                i = parseInt(parts[0]);
                if (i.toString() == parts[0]){
                    index = parts[0];
                    msg = parts[1];
                } else {
                    index = -1;
                    msg = resp.msg;
                }
            }
        } catch(e){
            index = -1;
            msg = resp.msg;
        }
        try{
            if (index== -1){
                $('#mce-'+resp.result+'-response').show();
                $('#mce-'+resp.result+'-response').html(msg);            
            } else {
                err_id = 'mce_tmp_error_msg';
                html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
                
                var input_id = '#mc_embed_signup';
                var f = $(input_id);
                if (ftypes[index]=='address'){
                    input_id = '#mce-'+fnames[index]+'-addr1';
                    f = $(input_id).parent().parent().get(0);
                } else if (ftypes[index]=='date'){
                    input_id = '#mce-'+fnames[index]+'-month';
                    f = $(input_id).parent().parent().get(0);
                } else {
                    input_id = '#mce-'+fnames[index];
                    f = $().parent(input_id).get(0);
                }
                if (f){
                    $(f).append(html);
                    $(input_id).focus();
                } else {
                    $('#mce-'+resp.result+'-response').show();
                    $('#mce-'+resp.result+'-response').html(msg);
                }
            }
        } catch(e){
            $('#mce-'+resp.result+'-response').show();
            $('#mce-'+resp.result+'-response').html(msg);
        }
    }
}

</script>
<!--End mc_embed_signup-->                            </div>
                        
                        <!-- SOCIAL MEDIA -->
                        <div id="socialmedia">
                            <div class="title" >
                                Follow Us                            </div>

                            <div class="icons-social-media">
                                <a id="footer-social-fb" class="icon" href="https://www.facebook.com/"  target="_blank">
                                    <div class="mdi mdi-facebook"></div>
                                </a>
                                <a id="footer-social-youtube" class="icon" href="https://www.youtube.com/"  target="_blank">
                                    <div class="mdi mdi-youtube"></div>
                                </a>
                                <a id="footer-social-instagram" class="icon" href="https://www.instagram.com/?hl=en"  target="_blank">
                                    <div class="mdi mdi-instagram"></div>
                                </a>
                            </div>
                        </div>
                        <!-- END SOCIAL MEDIA -->
                    </div>


                    <!-- PAGE CONTENT FOOTER  -->
                    <div id="payment_method" class="module-container">
                                                                                    
    <div class="title">
            </div>
    <div>
            </div>
                                                                        </div>
                    <!-- END PAGE CONTENT FOOTER  -->
                </div>

                <div class="el_2">
                    <div id="el_2_logo">
						                    </div>
                    <div class="el_2_content">
                                            </div>
                </div>

                <div class="el_3">
                    <div id="additional_cms" class="module-container">
                        <div class="title"></div>
                                            </div>
                </div>
            </div>



            <!-- COPYRIGHTS INFO -->
            <div id="copyrights">
                <div class="container">
                    <!-- <div class="powered_left">
                        Copyright  © 2022 Monsterkraft. All rights reserved.                    </div>
                    <div class="powered_right">
                        <a target="_top" href="https://www.sitegiant.my">eCommerce by SiteGiant</a>                    </div> -->

                    <div class="powered">
                        <span class="copyright">Copyright  © 2022 Monsterkraft. All rights reserved.</span><span style="float:right;" class="powered"><a target="_top" href="https://www.sitegiant.my">eCommerce by SiteGiant</a></span>                    </div>
                </div>
            </div>
        </footer>


            
         <!-- ==== SCRIPTS ==== -->
        <!-- JQUERY -->
        <script defer type="text/javascript" src="catalog/view/theme/aio/js/jquery-ui-1.12.1.min.js"></script>        
        <!-- CAROUSEL -->
        <script defer src="catalog/view/theme/aio/plugins/carousel/slick.min.js"></script>
		<!-- CLIPBOARD -->
		<script defer src="catalog/view/theme/aio/plugins/clipboard.min.js"></script>
        <!-- FUNCTIONS -->
        <script defer type="text/javascript" src="catalog/view/theme/aio/js/apps/notifyme.js"></script>
        <!-- SWEET ALERT -->
        <script defer src="catalog/view/theme/aio/plugins/sweetalert/sweetalert2.all.min.js"></script>
		<!-- PRINTTHIS -->
		<script defer src="catalog/view/theme/aio/plugins/printThis/printThis.js?ver=1.0"></script>
        <!-- FLATPICKR -->
        <link defer rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
        <script defer src="catalog/view/theme/aio/plugins/flatpickr.js?ver=1.0"></script>
        
        <!-- BULMA CALENDAR -->
        <script defer src="catalog/view/theme/aio/plugins/bulma-calendar/doc.js"></script>
        <script defer src="catalog/view/theme/aio/plugins/bulma-calendar/bulma-calendar.min.js"></script>
        <!-- <script defer src="catalog/view/theme/aio/plugins/bulma-calendar/main.js"></script> -->
        
		<!-- UI CONTROL SCRIPT -->
        <script defer src="catalog/view/theme/aio/js/ui-control.js?ver=1670285450"></script>

		<!-- LAZYLOAD -->
		<script>
		function lazyload() {
			$('img.lazy').lazy({
				attribute: 'data-lazy',
				effect: "fadeIn",
				effectTime: 2000
			});
		}
		</script>
        <!-- LOAD USER SETTINGS -->	
        <script>
            $(document).ready(function(){
				lazyload();
                 
					
					productslick(4,4,4);
					
											search_autocomplete();
										
                                             // MULTITAB SETTING
                        multitabs(4,4,4);
                                });

                    </script>

        
        <!-- MAILCHIMP SUBSCRIPTION-->
        <script>
            function mailChimpUnsubscribe(){
                $.ajax({
                    url: 'index.php?route=common/footer/mailChimpUnsubscribe',
                    type: 'POST',
                    success: function(data) {
                        html = '<input onclick="mailChimpSubscribe()" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">';
                        $('#mc_embed_signup').html(html);
                    },
                    error: function(data){
                        alert("error");
                    }
                });
            }
            
            function mailChimpSubscribe(){
                $.ajax({
                    url: 'index.php?route=common/footer/mailChimpSubscribe',
                    type: 'POST',
                    success: function(data) {
                        html = '<input onclick="mailChimpUnsubscribe()" type="submit" value="Unsubscribe" name="unsubscribe" id="mc-embedded-subscribe" class="button">';
                        $('#mc_embed_signup').html(html);
                    },
                    error: function(data){
                        alert("error");
                    }
                });
            }
        </script>
        <!-- END MAILCHIMP SUBSCRIPTION-->
		
					<script type="text/javascript">
				$(document).contextmenu(function() {
					return false;
				});

				$(document).keydown(function(e) {
					console.log(e.keyCode);
					if(e.keyCode == 123) {
						return false;
					}
					if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
						return false;
					}
					if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
						return false;
					}
					if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
						return false;
					}
					if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
						return false;
					}
				});

			</script>
			<style>
			html,a{
				-webkit-user-select: none;
				-webkit-touch-callout: none;
			}
			html {
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			</style>
			
    </body>
</html>
<!-- WITHOUT CACHE: 0.37369394302368 -->



<!-- WITH CACHE: 0.20353412628174 -->