<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,50030,600;1,400&display=swap" type="text/css" />
<link rel="stylesheet" href="https://utas.me/assets/frontend.bundle.css?v=2024.09.09" />
<link rel="stylesheet" href="https://utas.me/assets/3rd-party/css/select2.min.css"/>
<link href="https://cdn.datatables.net/v/bs4/dt-1.11.3/r-2.2.9/datatables.min.css" rel="stylesheet" type="text/css" />
<title>MATAHITAM on Utas</title>
<meta name="description" content="LINK LOGIN DAN ALTERNATIF MATAHITAM" />
<link rel="icon" href="https://utas.me/favicon.ico" />
<link rel="apple-touch-icon" href="https://utas.me/favicon.ico">
<link rel="manifest" href="https://utas.me/site.webmanifest" />
<link rel="mask-icon" href="https://utas.me/safari-pinned-tab.svg" color="#5bbad5"/>
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<script type="text/javascript">
window.EVENT_ID = 'c2910519-9067-4028-a380-55f6ea0d8ad6';
window.VIEW_PAGE = '';
</script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"/>
<!-- GTM Tag Coverage Tracker -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-TT2FQCP6');</script>
<!-- End GTM Tag Coverage Tracker -->
</head>
<body class="profile-page links has-footer">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TT2FQCP6" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Navigation Bar -->
<!-- Layout -->
<div
id="links-block"
class="theme-primary is-minimized "
background attr
style="background-image: url(https://image.utas.co/image/1667c9b56f980909af59458f6ff8d4005557.jpg);"
>
<div class="container container-mobile">
<div id="bio" class="text-center ">
<div class="ph-item-profile ph-shadow"></div>
<img class="rounded-circle avatar" src="https://image.utas.co/app/avatar/7e54d8e5c44a6723245bbe58d40f7561.png" alt="MATAHITAM" width="96" height="96" style="display:none;">
<h1 class="mt-4 h5 mb-0">MATAHITAM</h1>
<p class="mt-1 mb-0 opacity-75 d-none">LINK LOGIN DAN ALTERNATIF MATAHITAM</p>
</div>
<div class="scroll-only profile-button theme-primary">
<div class="contact-list mt-3">
<a data-href="https://bit.ly/utamabarumatahitam" href="https://bit.ly/utamabarumatahitam"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM LINK UTAMA</span>
</a>
<a data-href="https://bit.ly/ALTERNATIFMH" href="https://bit.ly/ALTERNATIFMH"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM LINK ALTERNATIF </span>
</a>
<a data-href="https://matahitamrtpbra.site/" href="https://matahitamrtpbra.site/"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM LINK RTP</span>
</a>
<a data-href="https://lynk.id/matahitam-official" href="https://lynk.id/matahitam-official"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM OFFICIAL</span>
</a>
<a data-href="https://filtisac.net/" href="https://filtisac.net/"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM</span>
</a>
</div>
</div>
</div>
<div id="more-links">
<i
class="icon icon-lg icon-chevron-down p-1 d-flex align-items-center justify-content-center text-dark bg-white rounded-circle mr-0"
></i>
</div>
</div>
<!-- Components required by layouts -->
<div id="product-cart" style="display:none;">
<!-- product added notification -->
<div class="cart-info" style="display: none;"><i class="icon-check-circle-filled mr-2"></i><span class="text">#</span></div>
<!-- delete product confirmation -->
<div class="confirmation-dialog bg-white">
<div class="dialog-body py-3">
<h5 class="dialog-title">Delete items?</h5>
<p class="mb-0">This item will be removed from your cart</p>
</div>
<div class="dialog-footer">
<button type="button" class="btn btn-light btn-cancel text-inherit">Cancel</button>
<button type="button" class="btn btn-danger btn-confirm-delete">Delete</button>
</div>
</div>
<!-- end delete product confirmation -->
<div class="container container-mobile">
<div class="product-cart-body">
<div class="product-bar">
<div id="selected-product" class="bg-white">
<div class="scroll-area product-box user-cart border-bottom">
</div>
</div>
<div class="product-bar-footer">
<button class="btn btn-expand text-inherit" type="button" aria-label="Checkout details"><i class="icon-chevron-up"></i></button>
<div class="selected-info footer-item">
<i class="icon-shopping-cart mr-2 text-warning"></i>
<small>Cart</small>
<strong class="ml-1">(<span id="total-product-selected">0</span>)</strong>
</div>
<div class="total-price footer-item">
<small class="mr-1 text-secondary">Total</small>
<strong class="total-cart-price"></strong>
</div>
</div>
</div>
<a href="https://utas.me/matahitam/checkout"
class="btn theme-primary btn-action shadow-lg" id="btn-checkout">Continue to payment <i class="icon-arrow-forward-circle icon opacity-50 ml-2"></i></a>
</div>
</div>
</div>
<!-- Overlay for cart modal -->
<div class="product-cart-overlay"></div>
<div class="theme-primary bg-style d-none"></div>
<!-- login form -->
<div class="modal fade modal-compact modal-slide from-top" tabindex="-1" role="dialog" aria-hidden="true" id="login-form">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i>
</button>
<!-- login area -->
<div id="login-area" class="collapse show">
<h6 class="text-center text-uppercase text-secondary mb-3"> Customer Login </h6>
<form action="#" id="login-email">
<a href="https://utas.me/matahitam/social-login?provider=Facebook" class="btn btn-light bg-white btn-block font-weight-bold d-flex align-items-center justify-content-center text-inherit position-relative">
<i class="icon-logo-facebook text-brand-facebook mr-2 h4 mb-0 position-absolute" style="left: 1rem;"></i>
Log in with Facebook </a>
<!-- <div class="form-group mb-0 col-6">
<a href="https://utas.me/matahitam/social-login?provider=Google" class="btn btn-google btn-block d-flex align-items-center justify-content-center"><i class="icon-logo-google mr-2"></i>Google</a>
</div> -->
<div class="separator-or">
<div><span class="bg-white">Or</span></div>
<hr>
</div>
<div class="form-label-group mb-2 email-field">
<input id="user_email" type="email" name="email" class="form-control buyer_email_validation" placeholder="Enter email address" required>
<label for="user_email"><i class="icon-mail mr-2"></i>Email address</label>
<div class="alert alert-danger invalid-feedback my-2" style="font-size: 100%; display: none;"></div>
</div>
<div class="form-group btn-verify">
<button class="btn theme-primary btn-block btn-process-login font-weight-bold btn-icon" type="submit"><span class="d-block py-1">Customer Login</span></button>
</div>
<div class="d-flex align-items-center justify-content-center text-secondary text-sm">
Not a customer yet? <button class="btn btn-sm btn-link text-sm font-weight-bold go-register" type="button"><u>Register here</u></button>
</div>
</form>
<form action="https://utas.me/matahitam/verify" id="login-verify" class="collapse">
<div class="alert bg-light-yellow my-3 text-center">
Please check Email and WhatsApp regularly <div class="d-flex align-items-center justify-content-center mt-2" style="gap: 0.5rem">
<i class="icon icon-md icon-mail-delivered"></i>
<strong id="mailto"></strong>
</div>
</div>
<div class="form-group mb-2">
<label for="otp" class="sr-only">Enter the login code here</label>
<input id="otp" type="number" name="otp" class="form-control" placeholder="Input the login code">
<input type="hidden" name="hash" class="login-hash" />
<input type="hidden" name="checkout" class="checkout" value="0" />
<input type="hidden" name="member" class="member" value="0" />
</div>
<div class="form-group mb-0">
<button type="submit" class="btn theme-primary btn-block btn-login font-weight-bold"><span class="d-block py-1">Customer Login</span></button>
</div>
</form>
</div>
<!-- register area -->
<div id="register-area" class="collapse">
<div id="register-form">
<h4 class="label-title form-title text-center">CUSTOMER REGISTRATION</h4>
<div class="alert bg-light-green">
<h6>The advantages you get:</h6>
<small class="mb-2 d-block"><i class="icon-check-circle-filled mr-2 text-success"></i>Your address can be saved</small>
<small class="mb-2 d-block"><i class="icon-check-circle-filled mr-2 text-success"></i>Shopping becomes easier and faster</small>
<small class="mb-2 d-block"><i class="icon-check-circle-filled mr-2 text-success"></i>Get more discounts</small>
<small class="d-block"><i class="icon-check-circle-filled mr-2 text-success"></i>Your order is prioritized</small>
</div>
<form action="#" id="register-email">
<div class="form-label-group mb-2">
<input id="register_email" type="email" name="email" class="form-control" placeholder="Enter email address" required>
<label for="register_email"><i class="icon-mail mr-2"></i>Email address</label>
</div>
<div class="form-group">
<button type="submit" class="btn theme-primary btn-block btn-register font-weight-bold"><span class="d-block py-1">Sign up</span></button>
</div>
</form>
<div class="d-flex align-items-center justify-content-center text-secondary text-sm">Already a customer?<button class="btn btn-sm btn-link text-sm font-weight-bold" type="button" id="go-login"><u>Log in here</u></button></div>
</div>
<form action="https://utas.me/matahitam/verify" id="activation-verify" class="collapse">
<h4 class="label-title form-title text-center">ACCOUNT VERIFICATION</h4>
<div class="alert alert-warning my-3 text-center">
Please enter the verification code sent to the email <strong id="mailto"></strong>
</div>
<div class="form-group mb-2">
<label for="activation_key" class="sr-only">Input activation code</label>
<input id="activation_key" type="text" name="activation_key" class="form-control" placeholder="Input activation code" required>
</div>
<div class="form-group mb-0">
<button type="submit" class="btn theme-primary btn-block btn-login font-weight-bold"><span class="d-block py-1">verify now</span></button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="form-dialog">
<div class="form-dialog-item bg-white registration-dialog">
<h3>You are not registered yet</h3>
<p class="text-secondary"><small>Want to register now?</small></p>
<div class="button-group">
<button class="btn btn-link btn-cancel">Cancel</button>
<button class="btn theme-primary font-weight-bold go-register" type="button">Yes</button>
</div>
</div>
<div class="form-dialog-item bg-white activation-dialog d-none">
<h3>Registration successful</h3>
<p class="text-secondary"><small>Please check your email to receive a registration activation link</small></p>
<div class="button-group">
<button class="btn theme-primary font-weight-bold btn-cancel">Back</button>
</div>
</div>
</div>
</div>
<div class="modal fade modal-compact modal-slide from-top share-direct-link" tabindex="-1" role="dialog" aria-hidden="true" id="share-link-modal">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i></button>
<h4 class="label-title form-title text-center">Share Post</h4>
<div class="link-wrapper">
<div class="card card-body bg-white p-2 px-3 flex-row justify-content-between align-items-center direct-link-product">
<span class="link-product-title">Post Link</span>
<button data-clipboard="data-clipboard-link-product" type="button" class="btn btn-link p-0"><i class="icon-copy mr-2"></i>Copy Link</button>
</div>
<div id="price-range"></div>
<p class="text-center mt-3 text-secondary">Share to your social media!</p>
<div class="d-flex flex-wrap justify-content-center">
<a id="facebook" target="_blank" class="d-flex text-decoration-none rounded-circle bg-primary text-white mb-0 mr-2"
href="#"
target="_blank"
aria-label="Share on Facebook"
rel="noopener noreferrer"
style="width: 40px;height: 40px;">
<i class="icon-lg icon-logo-facebook m-auto"></i>
</a>
<a id="twitter" target="_blank" class="d-flex text-decoration-none rounded-circle bg-info text-white mb-0 mr-2"
href="#"
target="_blank"
aria-label="Share on Twitter"
rel="noopener noreferrer"
style="width: 40px;height: 40px;">
<i class="icon-lg icon-logo-twitter m-auto"></i>
</a>
<a id="whatsapp" target="_blank" class="d-flex text-decoration-none rounded-circle bg-success text-white mb-0 mr-2"
href="#"
target="_blank"
aria-label="Share on Whatsapp"
rel="noopener noreferrer"
style="width: 40px;height: 40px;">
<i class="icon-lg icon-logo-whatsapp m-auto"></i>
</a>
<a id="linkedin" target="_blank" class="d-flex text-decoration-none rounded-circle bg-secondary text-white mb-0 mr-2"
href="#"
target="_blank"
aria-label="Share on LinkedIn"
rel="noopener noreferrer"
style="width: 40px;height: 40px;">
<i class="icon-lg icon-logo-linkedin m-auto"></i>
</a>
<a id="telegram" target="_blank" class="d-flex text-decoration-none rounded-circle bg-info text-white mb-0"
href="#"
target="_blank"
aria-label="Share on Telegram"
rel="noopener noreferrer"
style="width: 40px;height: 40px;">
<i class="icon-lg icon-logo-telegram m-auto"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script id="template-share-price" type="text/template">
<div class="card card-body border bg-white p-2 px-3 flex-row justify-content-between align-items-center mt-2 direct-link-checkout">
<div class="link-checkout-title d-flex flex-column flex-1" data-clipboard-link-checkout="%clipboard_checkout%">
<span>Direct Checkout</span>
<span class="small text-muted">
Rp <span>%price%</span>
</span>
</div>
<button data-clipboard="data-clipboard-link-checkout" type="button" class="btn btn-link p-0"><i class="icon-copy mr-2"></i>Copy Link</button>
</div>
</script>
<script id="template-direct-price" type="text/template">
<div class="card card-body border bg-white p-2 px-3 flex-row justify-content-between align-items-center mt-2 direct-link-checkout">
<div class="link-checkout-title" data-clipboard-link-checkout="%clipboard_link_checkout%">
<span>Direct Checkout</span>
</div>
<button data-clipboard="data-clipboard-link-checkout" type="button" class="btn btn-link p-0"><i class="icon-copy mr-2"></i>Copy Link</button>
</div>
</script>
<div class="modal fade modal-compact modal-slide" tabindex="-1" role="dialog" aria-hidden="true" id="contact-us-modal">
<div class="modal-dialog modal-md">
<div class="modal-content bg-light-gray">
<div class="modal-body text-center px-md-4 pb-5">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i></button>
<h4 class="label-title text-center text-uppercase font-weight-bold pb-1">Connect With Me</h4>
<div class="scroll-only profile-button theme-primary">
<div class="contact-list mt-3">
<a data-href="https://bit.ly/utamabarumatahitam" href="https://bit.ly/utamabarumatahitam"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM LINK UTAMA</span>
</a>
<a data-href="https://bit.ly/ALTERNATIFMH" href="https://bit.ly/ALTERNATIFMH"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM LINK ALTERNATIF </span>
</a>
<a data-href="https://matahitamrtpbra.site/" href="https://matahitamrtpbra.site/"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM LINK RTP</span>
</a>
<a data-href="https://lynk.id/matahitam-official" href="https://lynk.id/matahitam-official"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM OFFICIAL</span>
</a>
<a data-href="https://filtisac.net/" href="https://filtisac.net/"
target="_blank"
rel="noreferrer"
class="btn btn-light btn-brand redirect" >
<i class="icon icon-lg icon-external-link theme-primary is-text"></i>
<span class="btn-text">MATAHITAM</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div><div class="modal fade modal-compact modal-slide" tabindex="-1" role="dialog" aria-hidden="true" id="product-detail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i>
</button>
<div class="product-box mb-2">
<div class="product-item">
<div class="product-image">
<img src="#" alt="#" class="img-fluid product-image">
</div>
<div class="product-detail">
<h4 class="product-title">#</h4>
<span class="price-regular product-price ml-auto">#</span>
<br/><span>Stock : </span><span class="product-stock ml-auto">#</span>
</div>
<div class="product-detail-footer">
<!-- if stock by variant -->
<div class="product-variant footer-item">
<label>
<span class="label-text variant-label"></span>
<select class="form-control form-control-sm variant-dropdown"></select>
</label>
</div>
<!-- end if stock by variant -->
<div class="footer-item">
<label class="mb-1">Total</label>
<div class="input-group">
<div class="input-group-prepend">
<button type="button" class="btn btn-sm btn-light btn-minus text-inherit"><i class="icon-remove"></i></button>
</div>
<input class="form-control form-control-sm variant-qty" name="qty" type="number" min="1" value="1" max="" required/>
<div class="input-group-append">
<button type="button" class="btn btn-sm btn-light btn-plus text-inherit"><i class="icon-add"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="btn theme-primary btn-block btn-add">Buy</button>
</div>
</div>
</div>
</div><div class="modal fade modal-compact modal-slide from-top" tabindex="-1" role="dialog" aria-hidden="true" id="search-form">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-body">
<div class="input-group-icon input-prepend input-append">
<span class="input-icon"><i class="icon-search"></i></span>
<input type="search" id="search" class="form-control" placeholder="Search product">
<button class="btn btn-close input-icon" id="cancel-search-form" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i></button>
</div>
</div>
</div>
</div>
</div><div class="modal fade modal-compact modal-slide" tabindex="-1" role="dialog" aria-hidden="true" id="optin-form">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i
class="icon-close"></i></button>
<form method="POST" action="">
<h5 class="modal-title w-100 text-left mb-3">Opt-in Form Title</h5>
<div class="scroll-area mb-0">
</div>
<button type="submit" class="btn theme-primary btn-block btn-action btn-submit-optin py-2">Submit <i class="icon-chevron-forward-circle icon-md ml-2 opacity-50"></i></button>
</form>
</div>
</div>
</div>
</div><div class="modal fade modal-compact modal-slide" tabindex="-1" role="dialog" aria-hidden="true" id="product-custom-price-detail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i>
</button>
<div class="product-box border-bottom mb-2">
<div class="product-item">
<div class="product-image">
<img src="#" alt="#" class="img-fluid product-image">
</div>
<div class="product-custom-price-detail ml-2">
<h4 class="product-title">#</h4>
<span class="price-regular product-price ml-auto">#</span>
</div>
<div id="donation" class="product-custom-price-detail-footer w-100 mt-2">
<small class="text-muted text-center d-block">Select price</small>
<div id="price-list" class="buttons-list"></div>
<div id="amount-notice" class="invalid-feedback text-center">Please insert amount</div>
</div>
</div>
</div>
<button type="button" class="btn theme-primary btn-block d-flex align-items-center justify-content-center btn-add position-relative"><i class="icon icon-lg icon-shopping-cart position-absolute" style="left: 1rem"></i>Buy</button>
</div>
</div>
</div>
</div>
<script id="template-range-price" type="text/template">
<div class="custom-control custom-radio p-0">
<label class="btn theme-primary bg-white mb-0 w-100">
<input type="radio" id="%name%" name="donation-amount" class="custom-control-input" value="%price%">
%price%
</label>
</div>
</script>
<script id="template-range-price-custom" type="text/template">
<div class="custom-control custom-radio p-0">
<label class="btn theme-primary bg-white mb-0 w-100" for="range-price-custom" >
<input type="radio" id="range-price-custom" name="donation-amount" class="custom-control-input" value="0">
Type custom amount </label>
</div>
<input id="custom-donation-amount" type="number" class="form-control rounded pill d-none" placeholder="Insert amount">
<div id="minimum-amount" class="invalid-feedback">Please insert a minimum of <span id="donation-minimum-value"></span>.</div>
</script><style>
#gdpr-notice {
position: fixed;
min-width: 100%;
z-index: 100000;
bottom: 0;
}
.gdpr-notice-container {
padding: 1rem;
text-align: center;
z-index: 2;
color: #fff;
}
.gdpr-notice-buttons {
display: inline-block;
}
#gdpr-close-notice {
position: absolute;
right: 0;
top: 0;
opacity: 0.7;
padding: 10px;
outline: none;
}
</style>
<div id="gdpr-notice" role="dialog" aria-label="GDPR Notice" class="bg-dark text-white" style="display:none;">
<div class="gdpr-notice-container">
<span class="d-inline-block mb-0 mb-md-2 mt-4">
I use cookies to ensure that I give you the best experience on my
website. If you continue to use this site, I will assume that you are
happy with it.
</span>
<span class="gdpr-notice-buttons">
<button type="button" aria-label="Accept Cookies" class="btn btn-sm btn-info gdpr-accept">
Accept Cookies
</button>
<a
href="https://utas.co/kebijakan-privasi/"
target="_blank"
aria-label="Privacy Policy"
class="btn btn-sm btn-info"
rel="noreferrer"
>
Privacy Policy
</a>
</span>
<button type="button" id="gdpr-close-notice" aria-label="Close Notice" class="gdpr-accept btn btn-link text-decoration-none">
<i class="icon-close"></i>
</button>
</div>
</div>
<script type="text/javascript">
window.DISPLAYNAME = 'MATAHITAM';
window.SLUG = '';
window.THEME_LAYOUT = 'links';
window.GDPR_NOTICE = '';
window.DISPLAY_OPTION = 'default';
window.CUSTOMER = '';
window.BUY_AGAIN = 'Add more';
window.subscribe = '';
window.IS_FEED = '0';
</script>
<script type="text/template" id="template-field">
<div class="form-group">
<label class="label">
%field%
</label>
</div>
</script>
<script type="text/template" id="template-cart-item">
<div class="product-item">
<button type="button" class="btn btn-remove text-danger" data-cart-key="%cart_key%"><i class="icon-close mr-0"></i></button>
<div class="product-image">
<img src="%image%" class="img-fluid product-image">
</div>
<div class="product-detail">
<h4 class="product-title">%name%</h4>
<div class="product-detail-footer mt-2">
<div class="input-group w-auto" %hide_btn% >
<div class="input-group-prepend">
<button type="button" class="btn btn-sm btn-light text-inherit btn-minus"><i class="icon-remove"></i></button>
</div>
<input type="number" data-cart-key="%cart_key%" data-product-guid="%product_guid%"
class="form-control form-control-sm product-quantity" value="%qty%" min="1" max="%qty_max%">
<div class="input-group-append">
<button type="button" class="btn btn-sm btn-light text-inherit btn-plus"><i class="icon-add"></i></button>
</div>
</div>
<!-- Hide when post is a page -->
<span class="price-regular product-price ml-2 text-nowrap">%price%</span>
</div>
</div>
</div>
</script>
<!-- Footer Copyright -->
<footer id="footer-page">
<div class="container container-mobile text-center py-3">
<a href="https://member.utas.co/aff/wilsentryhard@gmail.com?utm_source=footer-profile&utm_medium=footer-profile&utm_campaign=wilsentryhard@gmail.com&type=idr" class="copyright-logo text-decoration-none text-dark position-relative text-sm" class="z-index: 10" target="_blank" rel="noopener">
<span class="d-inline-flex position-relative" style="padding: 2px; z-index: 1">
<span class="d-inline-flex align-items-center rounded-pill" style="gap:.5rem; padding: 0.25rem 0.75rem">
<i class="icon icon-lg icon-logo-utas text-gradient"></i>create on UTAS </span>
</span>
<span class="bg-base position-absolute h-100 w-100 rounded-pill bg-gradient shadow d-flex" style="left: 0; top: 0; padding: 2px;">
<span class="d-inline-flex rounded-pill bg-white h-100 w-100" style="gap:.5rem; padding: 0.25rem 0.75rem"></span>
</span>
</a>
</div>
</footer>
<script type="text/javascript">
window.BASE_URL = "https://utas.me/";
window.FRONTEND_HOST = "https://utas.me/";
window.FB_PIXEL = "";
window.GOOGLE_ID = "";
window.PUSH_PUBLIC_KEY = "BMBlr6YznhYMX3NgcWIDRxZXs0sh7tCv7_YCsWcww0ZCv9WGg-tRCXfMEHTiBPCksSqeve1twlbmVAZFv7GSuj0";
window.SAFARI_PUSH_ID = "web.utas.me";
window.STORE = "matahitam";
window.CURRENCY = "IDR"
window.ENABLE_WATERMARK = "";
window.APP_BASE_URL = 'https://app.utas.co/';
window.PRODUCT_CTA_OPTION = "";
</script>
<script src="https://utas.me/assets/3rd-party/js/sweetalert2.all.min.js"></script>
<script src="https://utas.me/assets/3rd-party/js/jquery.min.js"></script>
<script src="https://utas.me/assets/3rd-party/js/bootstrap.bundle.min.js"></script>
<script src="https://utas.me/assets/3rd-party/js/slick.min.js"></script>
<script src="https://utas.me/assets/3rd-party/js/select2.min.js"></script>
<script src="https://utas.me/assets/js/utility.js?v=2023.09.30"></script>
<script src="https://utas.me/assets/js/app.js?v=2025.05.30.14.26" type="module"></script>
<script src="https://utas.me/assets/js/push.js?v=2024.05.08"></script>
<script type="text/javascript">
function clearSession() {
$.ajax("https://app.utas.co/removeflash")
.done((data) => data ? console.log("Clear session") : console.log("Unable clear session"))
.fail(() => console.log("Unable clear session"));
}
$(() => {
window._success =
"";
window._error =
"";
if (window._success.length > 0) {
swal.fire({
icon: "success",
title: "Success",
text: window._success,
});
window._success = [];
//clearSession();
}
if (window._error.length > 0) {
swal.fire({
icon: "error",
title: "Oops...",
text: window._error,
});
window._error = [];
//clearSession();
}
if (document.location.hash === "#storenotavailable") {
setTimeout(function () {
window.location = "https://member.utas.co/";
}, 4000);
}
});
</script>
<!-- Hotjar Tracking Code for Utas Profile -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3661670,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</body>
</html>