- 掃描 ID：
- 68f33612-e2b4-4c54-af86-41f5bf7a83cc已完成
- 已提交的 URL：
- https://alfamart.co.id/
- 報告完成時間：
連結 · 找到 7 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| http://beta.alfamartku.com/program-detail/lomba-struk-terpanjang | Pelajari Selengkapnya |
| https://alfagift.onelink.me/1087556432/b3ee5645 | |
| https://www.facebook.com/alfamartku/ | |
| https://twitter.com/alfamart | |
| https://www.youtube.com/channel/UCwEs8Aod-2YCSx7RVk6jZpA | |
| https://page.line.me/alfamart | |
| https://www.instagram.com/alfamart/?hl=id |
JavaScript 變數 · 找到 24 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| google_tag_manager | object |
| google_tag_data | object |
| GoogleAnalyticsObject | string |
| ga | function |
| gaplugins | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| log | other |
|
HTML
頁面的原始 HTML 主體
<html class="no-js" lang="en"><head><meta name="page" content="home" initial="home">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<meta name="page" content="home" initial="home">
<!--<![endif]-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-TV0BB9JL96&l=dataLayer&cx=c&gtm=45He4cc1v846039576za200"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5MTSMND"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-BKWFN21NM0&l=dataLayer&cx=c&gtm=457e4cc1za200"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-179762891-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-179762891-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alfamart, Minimarket Indonesia - Belanja puas harga pas - Alfamart</title>
<meta name="description" content="Alfamart adalah jaringan minimarket terbaik dengan member terbanyak di Indonesia nikmati beragam promo menarik JSM alfamart. alfamart belanja puas harga pas">
<meta property="og:title" content="Alfamart, Minimarket Indonesia - Belanja puas harga pas">
<meta property="og:description" content="Alfamart adalah jaringan minimarket terbaik dengan member terbanyak di Indonesia nikmati beragam promo menarik JSM alfamart. alfamart belanja puas harga pas">
<meta property="og:image" content="https://alfamart.co.id/frontend/ico/richlink.jpg">
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebPage","name":"Alfamart","description":"Alfamart Website"}</script>
<link rel="shortcut icon" href="https://alfamart.co.id/frontend/ico/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="https://alfamart.co.id/frontend/ico/apple-touch-icon.png">
<link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,800&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://alfamart.co.id/frontend/dist/css/main.css?v=1"> <!-- Google Tag Manager -->
<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-5MTSMND');
</script>
<!-- End Google Tag Manager --> </head>
<body data-aos-easing="ease" data-aos-duration="2000" data-aos-delay="0">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5MTSMND"height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="loader-wrapper loader-light">
<div class="loader"></div>
</div>
<div class="bg-overlay" id="alfaOverlay"></div>
<div class="menu-slide menu-slide-1" id="menu-slide-1">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-1" id="menu-back-1"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item w-arrow">
<a class="animated fadeInUp delayp1 nav-link navPromoDetailMobile">Promo</a>
</li>
<li class="nav-slide-item">
<a href="/program" class="nav-link animated fadeInUp delayp2">Program</a>
</li>
<li class="nav-slide-item">
<a href="/instore" class="nav-link animated fadeInUp delayp3">Katalog Belanja di Toko</a>
</li>
<li class="nav-slide-item">
<a href="/winner-announcement" class="nav-link animated fadeInUp delayp3">Pengumuman Pemenang</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-2" id="menu-slide-2">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-2" id="menu-back-2"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="/promo/hot-promo" class="nav-link animated fadeInUp delayp3">Hot Promo</a>
</li>
<li class="nav-slide-item">
<a href="/promo/jsm" class="nav-link animated fadeInUp delayp2">JSM</a>
</li>
<li class="nav-slide-item">
<a href="/promo/psm" class="nav-link animated fadeInUp delayp3">Promo PSM</a>
</li>
<li class="nav-slide-item">
<a href="/promo/serba" class="nav-link animated fadeInUp delayp3">Promo Serba</a>
</li>
<li class="nav-slide-item">
<a href="/promo/member-only" class="nav-link animated fadeInUp delayp3">Promo Member Only</a>
</li>
<li class="nav-slide-item">
<a href="/promo/house-brand" class="nav-link animated fadeInUp delayp3">Promo HBPL</a>
</li>
<li class="nav-slide-item">
<a href="/promo/digital-service" class="nav-link animated fadeInUp delayp3">Digital Service</a>
</li>
<li class="nav-slide-item">
<a href="/promo/gantung" class="nav-link animated fadeInUp delayp3">Promo Gantung</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-3" id="menu-slide-3">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-3" id="menu-back-3"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="/membership" class="animated fadeInUp delayp1 nav-link">Tentang Keanggotaan </a>
</li>
<li class="nav-slide-item w-arrow">
<a class="nav-link animated fadeInUp delayp2 navSpesialOfferMobile">Merchant</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-4" id="menu-slide-4">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-4" id="menu-back-4"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="https://alfamart.co.id/membership/merchant/restoran" class="animated fadeInUp delayp1 nav-link">Restoran</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/membership/merchant/kesehatandankecantikan" class="nav-link animated fadeInUp delayp2">Kesehatan & Kecantikan</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/membership/merchant/penginapan" class="nav-link animated fadeInUp delayp3">Penginapan & Rekreasi</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/membership/merchant/fashion" class="nav-link animated fadeInUp delayp3">Fashion & Aksesori</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-5" id="menu-slide-5">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-5" id="menu-back-5"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="/our-product" class="animated fadeInUp delayp1 nav-link">Produk kami</a>
</li>
<li class="nav-slide-item">
<a href="/emoney" class="nav-link animated fadeInUp delayp2">Uang Elektronik</a>
</li>
<li class="nav-slide-item">
<a href="/service/payment-point/e-commerce" class="nav-link animated fadeInUp delayp2">Pembayaran</a>
</li>
<li class="nav-slide-item">
<a href="/service/voucher/internet-tv-voucher" class="nav-link animated fadeInUp delayp2">Voucher</a>
</li>
<li class="nav-slide-item">
<a href="/service/online-ticketing/pesawat" class="nav-link animated fadeInUp delayp2">Pembayaran</a>
</li>
<li class="nav-slide-item">
<a href="/service/remittance/domestik" class="nav-link animated fadeInUp delayp2">Transfer Dana</a>
</li>
<li class="nav-slide-item">
<a href="/courier" class="nav-link animated fadeInUp delayp2">Transfer Dana</a>
</li>
<li class="nav-slide-item">
<a href="/service/others/branchless-banking" class="nav-link animated fadeInUp delayp2">Layanan Lainnya</a>
</li>
</ul>
</div>
<!-- <div class="menu-slide menu-slide-6" id="menu-slide-6">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-6" id="menu-back-6"><i
class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="https://alfamart.co.id/about/corporate" class="animated fadeInUp delayp1 nav-link">Perusahaan</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/tentang-perusahaan/achievement" class="nav-link animated fadeInUp delayp2">Penghargaan & Prestasi</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/about/csr" class="nav-link animated fadeInUp delayp2">CSR</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/about/office-location" class="nav-link animated fadeInUp delayp2">Lokasi Kantor</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/about/contact-us" class="nav-link animated fadeInUp delayp2">Hubungi Kami</a>
</li>
</ul>
</div> -->
<div class="menu-slide menu-slide-6" id="menu-slide-6">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-6" id="menu-back-6"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item w-arrow">
<a class="animated fadeInUp delayp1 nav-link navTentangPerusahaanMobile">Tentang Perusahaan</a>
</li>
<li class="nav-slide-item w-arrow">
<a class="nav-link animated fadeInUp delayp2 navInvestorAreaMobile">Area Investor</a>
</li>
<li class="nav-slide-item w-arrow">
<a class="nav-link animated fadeInUp delayp2 navCorporateGovernanceMobile">Tata Kelola Perusahaan yang Baik</a>
</li>
<li class="nav-slide-item w-arrow">
<a class="nav-link animated fadeInUp delayp2 navPemberitahuanPrivasiMobile">Pemberitahuan Privasi</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-tentang-perusahaan" id="menu-slide-tentang-perusahaan">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-tentang-perusahaan" id="menu-back-tentang-perusahaan"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="/tentang-perusahaan/profil-kami" class="animated fadeInUp delayp1 nav-link">Profil Kami</a>
</li>
<li class="nav-slide-item">
<a href="/tentang-perusahaan/sejarah" class="nav-link animated fadeInUp delayp2">Sejarah</a>
</li>
<li class="nav-slide-item">
<a href="/tentang-perusahaan/struktur-organisasi-dan-pemegang-saham" class="nav-link animated fadeInUp delayp2">Struktur Organisasi & Pemegang Saham</a>
</li>
<li class="nav-slide-item">
<a href="/tentang-perusahaan/anggota-manajemen" class="nav-link animated fadeInUp delayp2">Anggota Manajemen</a>
</li>
<li class="nav-slide-item">
<a href="/tentang-perusahaan/lembaga-penunjang-pasar-modal" class="nav-link animated fadeInUp delayp2">Lembaga Penunjang Pasar Modal</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/frontend/img/corporate/tentang-perusahaan/pdf/anggaran-dasar-perseroan.pdf" target="_blank" class="nav-link animated fadeInUp delayp2">Anggaran Dasar</a>
</li>
<li class="nav-slide-item">
<a href="/tentang-perusahaan/achievement" class="nav-link animated fadeInUp delayp2">Achievement & Awards</a>
</li>
<li class="nav-slide-item">
<a href="/tentang-perusahaan/csr/lingkungan-hidup" class="nav-link animated fadeInUp delayp2">Tanggung Jawab Sosial Perusahaan</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-investor-area" id="menu-slide-investor-area">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-investor-area" id="menu-back-investor-area"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="/investor-area/keterbukaan-informasi/prospektus-penawaran" class="animated fadeInUp delayp1 nav-link">Keterbukaan Informasi</a>
</li>
<li class="nav-slide-item">
<a href="/investor-area/laporan-tahunan" class="animated fadeInUp delayp1 nav-link">Laporan Tahunan dan Laporan Keberlanjutan</a>
</li>
<!-- <li class="nav-slide-item">
<a href="/investor-area/laporan-keberlanjutan" class="animated fadeInUp delayp1 nav-link">Laporan Keberlanjutan</a>
</li> -->
<li class="nav-slide-item">
<a href="/investor-area/laporan-keuangan" class="animated fadeInUp delayp1 nav-link">Laporan Keuangan</a>
<!-- <a href="/corporate" class="animated fadeInUp delayp1 nav-link">Perusahaan</a> -->
<!-- <a href="https://alfamart.co.id/about/corporate" class="animated fadeInUp delayp1 nav-link">Perusahaan</a> -->
<!-- </li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/tentang-perusahaan/achievement" class="nav-link animated fadeInUp delayp2">Penghargaan & Prestasi</a>
</li> -->
</li>
<li class="nav-slide-item">
<a href="/investor-area/presentasi-korporasi" class="animated fadeInUp delayp1 nav-link">Presentasi Korporasi</a>
</li>
<li class="nav-slide-item">
<a href="/investor-area/public-expose" class="animated fadeInUp delayp1 nav-link">Public Expose</a>
</li>
<li class="nav-slide-item">
<a href="/investor-area/rapat-umum-pemegang-saham" class="animated fadeInUp delayp1 nav-link">Rapat Umum Pemegang Saham</a>
</li>
<li class="nav-slide-item">
<a href="/investor-area/informasi-investasi" class="animated fadeInUp delayp1 nav-link">Informasi Investasi</a>
</li>
</ul>
</div>
<div class="menu-slide menu-slide-corporate-governance" id="menu-slide-corporate-governance">
<label class="product-title-slide animated fadeInUp delayp1 menu-back-corporate-governance" id="menu-back-corporate-governance"><i class="far fa-angle-left"></i></label>
<ul class="mega-menu-down">
<li class="nav-slide-item">
<a href="/gcg/overview" class="animated fadeInUp delayp1 nav-link">GCG Overview</a>
</li>
<li class="nav-slide-item">
<a href="/gcg/organ" class="animated fadeInUp delayp1 nav-link">GCG Organ</a>
</li>
<li class="nav-slide-item">
<a href="/gcg/kebijakan/manajemen-resiko" class="animated fadeInUp delayp1 nav-link">Kebijakan</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/frontend/img/corporate/tentang-perusahaan/pdf/anggaran-dasar-perseroan.pdf" target="_blank" class="animated fadeInUp delayp1 nav-link">ACGS</a>
</li>
<li class="nav-slide-item">
<a href="/gcg/regulatory-fillings" class="animated fadeInUp delayp1 nav-link">Regulatory Filings</a>
<!-- <a href="/office-location" class="nav-link animated fadeInUp delayp2">Lokasi Kantor</a> -->
<!-- <a href="https://alfamart.co.id/about/csr" class="nav-link animated fadeInUp delayp2">CSR</a> -->
</li>
<!-- <li class="nav-slide-item">
<a href="https://alfamart.co.id/about/office-location" class="nav-link animated fadeInUp delayp2">Lokasi Kantor</a>
</li>
<li class="nav-slide-item">
<a href="https://alfamart.co.id/about/contact-us" class="nav-link animated fadeInUp delayp2">Hubungi Kami</a>
</li> -->
<li class="nav-slide-item">
<a href="/gcg/organ" class="animated fadeInUp delayp1 nav-link">static.nav_3_6</a>
</li>
</ul>
</div>
<nav class="navbar navbar-top navbar-expand-lg fixed-top">
<div class="container">
<ul class="navbar-nav navbar-nav-top">
<li class="nav-item">
<a class="nav-link active navAlfa" href="/">Alfamart</a>
</li>
<li class="nav-item">
<div class="btn-group">
<button type="button" class="btn btn-dropdown dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Mitra Bussiness
</button>
<div class="dropdown-menu border rounded" style="position: absolute; z-index: 1030;">
<a class="dropdown-item font-weight-bold p-0" href="https://b2b.alfamart.co.id" target="_blank">B2B</a>
<div class="dropdown-divider p-0 m-0"></div>
<a class="dropdown-item font-weight-bold p-0" href="https://waralaba.alfamart.co.id" target="_blank">Franchise</a>
<div class="dropdown-divider p-0 m-0"></div>
<a class="dropdown-item font-weight-bold p-0" href="https://tenant.alfamart.co.id" target="_blank">Tenant</a>
<div class="dropdown-divider p-0 m-0"></div>
<a class="dropdown-item font-weight-bold p-0" href="https://e-procurement.alfamart.co.id" target="_blank">e-Procurement</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link navDigitalBusiness" href="/digital-business" id="navDigitalBusiness">Digital Business</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="https://b2b.alfamart.co.id" target="_blank">B2B</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://waralaba.alfamart.co.id" target="_blank">Franchise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://tenant.alfamart.co.id" target="_blank">Tenant</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://e-procurement.alfamart.co.id" target="_blank">e-Procurement</a>
</li> -->
</ul>
<ul class="navbar-nav dropdown-alfa">
<div class="dropdown-navbar">
<button class="btn btn-dropdown dropdown-toggle" type="button" data-toggle="modal" data-target="#modalNavbar">
Alfamart
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuCorporate">
<a href="/" class="active dropdown-item" data-filter="*" id="filterNavbar">
Alfamart</a>
<a href="https://b2b.alfamart.co.id" target="_blank" class="dropdown-item" data-filter="bigCampaign" id="filterNavbar">
B2B
</a>
<a href="https://b2b.alfamart.co.id" target="_blank" class="dropdown-item" data-filter="fair" id="filterNavbar">
Bi-weekly
</a>
<a href="https://waralaba.alfamart.co.id" target="_blank" class="dropdown-item" data-filter="fair" id="filterNavbar">
Franchise
</a>
<a href="https://tenant.alfamart.co.id" target="_blank" class="dropdown-item" data-filter="fair" id="filterNavbar">
Tenant
</a>
<a href="https://b2b.alfamart.co.id" target="_blank" class="dropdown-item" data-filter="fair" id="filterNavbar">
Digital Business
</a>
</div>
</div>
</ul>
<ul class="navbar-nav ml-auto dropdown-alfa">
<!-- <div class="dropdown">
<button class="btn btn-language dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="https://alfamart.co.id/frontend/img/common/flag_english.png" class="img-flag" width="20" alt="Flag">
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="#">ID</a>
<a class="dropdown-item" href="#">EN</a>
</div>
</div> -->
<!-- <li class="nav-item d-inline-block mr-2">
<a href="/sahabat-alfamart" class="nav-link nav-link-hubungi btn btn-outline-light">
<i class="fas fa-phone fa-rotate-90 mr-1"></i> Hubungi Kami
</a>
</li> -->
<li class="nav-item d-inline-block dropdown" id="navLang">
<ul class="nav-lang nav-lang-dark pt-0">
<li><a href="https://alfamart.co.id/switch-lang/id" class="active">ID</a></li>
<li><a href="https://alfamart.co.id/switch-lang/en" class="">EN</a></li>
</ul>
</li>
</ul>
<div class="collapse navbar-collapse navbar-top-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="/sahabat-alfamart" class="nav-link nav-link-hubungi btn btn-outline-light mr-2" style="position: relative; top: 2px;">
<i class="fas fa-phone fa-rotate-90 mr-1"></i> Hubungi Kami <i class="fa fa-angle-right"></i>
<!-- <img src="https://alfamart.co.id/frontend/img/icon/ic_hubungi_kami.png" class="img-fluid"> -->
</a>
</li>
<li>
<div class="nav-link nav-link-call">
<img src="https://alfamart.co.id/frontend/img/icon/alfacare.png" class="img-fluid" alt="Image contact us Alfamart">
</div>
</li>
<li class="nav-item" id="navLang">
<ul class="nav-lang nav-lang-dark pt-0">
<li><a href="https://alfamart.co.id/switch-lang/id" class="active">ID</a></li>
<li><a href="https://alfamart.co.id/switch-lang/en" class="">EN</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<nav class="navbar navbar-alfamart navbar-expand-lg fixed-top" style="z-index:1025">
<div class="container">
<a class="navbar-brand" href="/">
<img src="https://alfamart.co.id/frontend/img/brand/logo_alfamart_transparent.png" alt="Logo Alfamart transparent">
</a>
<div class="d-flex position-relative">
<a class="nav-icon nav-search-mobile">
<i class="far fa-search"></i>
<div class="search-navbar mobile">
<form action="/search-result">
<input type="text" name="" class="form-control" placeholder="Search">
</form>
</div>
</a>
<button class="navbar-toggler navbar-toggler-alfa" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar bar-1"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item navHome active" id="navHome">
<a class="nav-link" href="/">Beranda</a>
</li>
<li class="nav-item dropdown menu-large navProgram">
<a class="nav-link dropdown-toggle " href="#" id="dropdownPromoProgram" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Promo & Program
</a>
<ul class="dropdown-menu megamenu animated fadeInDown">
<div class="container">
<div class="row megamenu-links">
<div class="col-md-8">
<div class="row row-4">
<div class="col-md-6">
<div class="heading">
<h3>Promo & Program</h3>
<p>Dapatkan promo kami dan bergabunglah dengan program dari Alfamart setiap harinya</p>
</div>
</div>
<div class="col-md-6">
<a class="filter-category-product" href="" data-filter="category-1" id="filterNavbar">Promo <i class="far fa-angle-right"></i></a>
<a href="/program">Program</a>
<a href="/instore">Katalog Belanja di Toko</a>
<a href="/winner-announcement">Pengumuman Pemenang</a>
</div>
</div>
</div>
<div class="col-md-4 megamenu-cover">
<!-- <img src="https://alfamart.co.id/frontend/img/graphic/graphic_ornament_brand.png" class=" graphic-general graphic-megamenu img-fluid"> -->
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-1">
<div class="row">
<div class="col-md-6">
<a href="https://alfamart.co.id/promo/hot-promo">Hot Promo</a>
<a href="https://alfamart.co.id/promo/jsm">JSM</a>
<a href="https://alfamart.co.id/promo/psm">Promo PSM</a>
<a href="https://alfamart.co.id/promo/serba">Promo Serba</a>
<a href="https://alfamart.co.id/promo/member-only">Promo Member Only</a>
</div>
<div class="col-md-6">
<a href="https://alfamart.co.id/promo/house-brand">Promo HBPL</a>
<a href="https://alfamart.co.id/promo/digital-service">Digital Service</a>
<a href="https://alfamart.co.id/promo/gantung">Promo Gantung</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-2">
<div class="row">
<div class="col-md-6">
<a href="">Installment: Vehicle / Electronics</a>
<a href="">Water Bill</a>
<a href="">TV Payment</a>
<a href="">Property Tax</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-article">
<div class="card-img">
<div class="card-img-megamenu" style="background: linear-gradient(180deg, rgba(0,0,0,0.00) 60%, #333333 100%), url('https://alfamart.co.id/storage/page/May2020/f1evKoYr7AOpHwD639GU.jpg') no-repeat center;"></div>
<div class="card-img-title">
<h4>Program</h4>
</div>
</div>
<div class="card-body">
<h4>Lomba Struk Terpanjang</h4>
<p class="text-truncate-multiline">Jangan lupa untuk cek struk kamu setiap minggunya, karena kamu akan mendapatkan hadiah menarik dari Alfamart</p>
<a href="http://beta.alfamartku.com/program-detail/lomba-struk-terpanjang" class="btn btn-opacity-dark">Pelajari Selengkapnya</a>
</div>
</div>
</div>
</div>
</div>
</ul>
</li>
<li class="nav-item dropdown menu-large navMembership">
<a class="nav-link dropdown-toggle" href="#" id="dropdownMembership" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Keanggotaan
</a>
<ul class="dropdown-menu megamenu animated fadeInDown">
<div class="container">
<div class="row megamenu-links">
<div class="col-md-8">
<div class="row row-4">
<div class="col-md-6">
<div class="heading">
<h3>Keanggotaan</h3>
<p>Daftarkan diri kamu untuk menjadi member Alfamart dan dapatkan penawaran - penawaran istimewa setiap hari</p>
</div>
</div>
<div class="col-6">
<a href="/membership">Tentang Keanggotaan</a>
<a class="filter-category-product" href="" data-filter="category-1" id="filterNavbar">Merchant <i class="far fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-md-4 megamenu-cover">
<!-- <img src="https://alfamart.co.id/frontend/img/graphic/graphic_ornament_brand.png" class=" graphic-general graphic-megamenu vp-fadeinup img-fluid"> -->
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-1">
<div class="row">
<div class="col-md-6">
<a href="https://alfamart.co.id/membership/merchant/restoran">Restoran</a>
<a href="https://alfamart.co.id/membership/merchant/kesehatandankecantikan">Kesehatan & Kecantikan</a>
<a href="https://alfamart.co.id/membership/merchant/penginapan">Penginapan & Rekreasi</a>
<a href="https://alfamart.co.id/membership/merchant/fashion">Fashion & Aksesori</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-2">
<div class="row">
<div class="col-md-6">
<a href="">Installment: Vehicle / Electronics</a>
<a href="">Water Bill</a>
<a href="">TV Payment</a>
<a href="">Property Tax</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-article">
<div class="card-img">
<div class="card-img-megamenu" style="background: linear-gradient(180deg, rgba(0,0,0,0.00) 60%, #333333 100%), url('https://alfamart.co.id/storage/page/May2020/JH0kKVwuOpynhfSKCfa7.jpg') no-repeat center;"></div>
<div class="card-img-title">
<h4>Program</h4>
</div>
</div>
<div class="card-body">
<h4 class="text-truncate">Program Struk Terpanjang</h4>
<p class="text-truncate-multiline">Jangan lupa untuk cek struk kalian setiap minggunya ya, karena akan mendapatkan hadiah menarik dari Alfamart</p>
<a href="http://beta.alfamartku.com/program-detail/lomba-struk-terpanjang" class="btn btn-opacity-dark">Pelajari Selengkapnya</a>
</div>
</div>
</div>
</div>
</div>
</ul>
</li>
<li class="nav-item dropdown menu-large navProduct">
<a class="nav-link dropdown-toggle" href="#" id="dropdownProductEService" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Produk & Layanan Digital
</a>
<ul class="dropdown-menu megamenu animated fadeInDown">
<div class="container">
<div class="row megamenu-links">
<div class="col-md-8">
<div class="row row-4">
<div class="col-md-6">
<div class="heading">
<h3>Keanggotaan</h3>
<p>Temukan berbagai produk-produk baru , voucher elektronik, layanan elektronik, transfer dana, tiket, dan layanan lainnya dari Alfamart</p>
</div>
</div>
<div class="col-md-6">
<a href="/our-product">Produk kami</a>
<a href="https://alfamart.co.id/emoney">Uang Elektronik</a>
<a class="filter-category-product" href="" data-filter="category-2" id="filterNavbar">Pembayaran <i class="far fa-angle-right"></i></a>
<a class="filter-category-product" href="" data-filter="category-1" id="filterNavbar">Voucher <i class="far fa-angle-right"></i></a>
<a class="filter-category-product" href="" data-filter="category-4" id="filterNavbar">Agen Tiket Online <i class="far fa-angle-right"></i></a>
<a class="filter-category-product" href="" data-filter="category-3" id="filterNavbar">Transfer Dana <i class="far fa-angle-right"></i></a>
<a href="https://alfamart.co.id/courier">Layanan Pengiriman Barang</a>
<a class="filter-category-product" href="" data-filter="category-5" id="filterNavbar">Layanan Lainnya<i class="far fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="col-md-4 megamenu-cover">
<img src="https://alfamart.co.id/frontend/img/graphic/graphic_ornament_brand.png" class=" graphic-general graphic-megamenu vp-fadeinup img-fluid" alt="Graphic ornament brand" style="">
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar" data-filter="category-1">
<div class="row">
<div class="col-md-12">
<a href="https://alfamart.co.id/service/voucher/internet-tv-voucher">Internet & TV Voucher</a>
<a href="https://alfamart.co.id/service/voucher/game-online">Game Online</a>
<a href="https://alfamart.co.id/service/voucher/musik">Musik</a>
<a href="https://alfamart.co.id/service/voucher/wi-fi">Wi-fi</a>
<a href="https://alfamart.co.id/service/voucher/pulsa-paket-data">Pulsa & Paket Data</a>
<a href="https://alfamart.co.id/service/voucher/layanan-streaming">Layanan Streaming</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-2">
<div class="row">
<div class="col-md-6">
<a href="https://alfamart.co.id/service/payment-point/e-commerce">E-commerce</a>
<a href="https://alfamart.co.id/service/payment-point/education">Education</a>
<a href="https://alfamart.co.id/service/payment-point/tagihan-telepon">Tagihan Telepon</a>
<a href="https://alfamart.co.id/service/payment-point/insurance">Insurance</a>
<a href="https://alfamart.co.id/service/payment-point/multifinance">Multifinance</a>
<a href="https://alfamart.co.id/service/payment-point/public-service">Public Service</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-3">
<div class="row">
<div class="col-md-6">
<a href="https://alfamart.co.id/service/remittance/domestik">Domestik</a>
<a href="https://alfamart.co.id/service/remittance/international">International</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-4">
<div class="row">
<div class="col-md-6">
<a href="https://alfamart.co.id/service/online-ticketing/pesawat">Pesawat</a>
<a href="https://alfamart.co.id/service/online-ticketing/bus-travel">Bus & Travel</a>
<a href="https://alfamart.co.id/service/online-ticketing/entertainment">Entertainment</a>
<a href="https://alfamart.co.id/service/online-ticketing/hotel">Hotel</a>
<a href="https://alfamart.co.id/service/online-ticketing/kapal">Kapal</a>
<a href="https://alfamart.co.id/service/online-ticketing/kereta-api">Kereta Api</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-5">
<div class="row">
<div class="col-md-6">
<a href="https://alfamart.co.id/service/others/branchless-banking">Branchless Banking</a>
<a href="https://alfamart.co.id/service/others/disbursement">Disbursement</a>
<a href="https://alfamart.co.id/service/others/donation">Donation</a>
<a href="https://alfamart.co.id/service/others/sales-point">Sales Point</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-article">
<div class="card-img">
<div class="card-img-megamenu" style="background: linear-gradient(180deg, rgba(0,0,0,0.00) 60%, #333333 100%), url('https://alfamart.co.id/storage/page/May2020/2JEwj7jEKX5WBF8snuIc.jpg') no-repeat center;"></div>
<div class="card-img-title">
<h4>Program</h4>
</div>
</div>
<div class="card-body">
<h4>Program Struk Terpanjang</h4>
<p class="text-truncate-multiline">Jangan lupa untuk cek struk kalian setiap minggunya ya, karena akan mendapatkan hadiah menarik dari Alfamart</p>
<a href="http://beta.alfamartku.com/program-detail/lomba-struk-terpanjang" class="btn btn-opacity-dark">Pelajari Selengkapnya</a>
</div>
</div>
</div>
</div>
</div>
</ul>
</li>
<li class="nav-item navNews" id="navNews">
<a class="nav-link" href="/news">Berita</a>
</li>
<li class="nav-item dropdown menu-large navCorporate">
<a class="nav-link dropdown-toggle" href="#" id="dropdownCorporate" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Corporate
</a>
<ul class="dropdown-menu megamenu animated fadeInDown">
<div class="container">
<div class="row megamenu-links">
<div class="col-md-8">
<div class="row row-4">
<div class="col-md-6">
<div class="heading">
<h3>Corporate</h3>
<p>-</p>
</div>
</div>
<div class="col-md-6">
<a class="filter-category-product" href="" data-filter="category-1" id="filterNavbar">Tentang Perusahaan <i class="far fa-angle-right"></i></a>
<a class="filter-category-product" href="" data-filter="category-2" id="filterNavbar">Area Investor <i class="far fa-angle-right"></i></a>
<a class="filter-category-product" href="" data-filter="category-4" id="filterNavbar">Tata Kelola Perusahaan yang Baik <i class="far fa-angle-right"></i></a>
<a href="corporate/pemberitahuan-privasi">Pemberitahuan Privasi</a>
</div>
</div>
</div>
<div class="col-md-4 megamenu-cover">
<img src="https://alfamart.co.id/frontend/img/graphic/graphic_ornament_brand.png" class=" graphic-general graphic-megamenu vp-fadeinup img-fluid" style="">
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-1">
<div class="row">
<div class="col-md-12">
<a href="/tentang-perusahaan/profil-kami">Profil Kami</a>
<a href="/tentang-perusahaan/sejarah">Sejarah</a>
<a href="/tentang-perusahaan/struktur-organisasi-dan-pemegang-saham">Struktur Organisasi & Pemegang Saham</a>
<a href="/tentang-perusahaan/anggota-manajemen">Anggota Manajemen</a>
<a href="/tentang-perusahaan/lembaga-penunjang-pasar-modal">Lembaga Penunjang Pasar Modal</a>
<a href="https://alfamart.co.id/frontend/img/corporate/tentang-perusahaan/pdf/anggaran-dasar-perseroan.pdf" target="_blank">Anggaran Dasar</a>
<a href="/tentang-perusahaan/achievement">Achievement & Awards</a>
<a href="/tentang-perusahaan/csr/lingkungan-hidup">Tanggung Jawab Sosial Perusahaan</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-2">
<div class="row">
<div class="col-md-12">
<a href="/investor-area/keterbukaan-informasi/prospektus-penawaran">Keterbukaan Informasi</a>
<a href="/investor-area/laporan-tahunan">Laporan Tahunan dan Laporan Keberlanjutan</a>
<!-- <a href="/investor-area/laporan-keberlanjutan">Laporan Keberlanjutan</a> -->
<a href="/investor-area/laporan-keuangan">Laporan Keuangan</a>
<a href="/investor-area/presentasi-korporasi">Presentasi Korporasi</a>
<a href="/investor-area/public-expose">Public Expose</a>
<a href="/investor-area/rapat-umum-pemegang-saham">Rapat Umum Pemegang Saham</a>
<a href="/investor-area/informasi-investasi">Informasi Investasi</a>
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-list filter-hide filter-element-navbar animated fadeInLeft" data-filter="category-4">
<div class="row">
<div class="col-md-12">
<a href="/gcg/overview">GCG Overview</a>
<a href="/gcg/organ">GCG Organ</a>
<a href="/gcg/kebijakan/manajemen-resiko">Kebijakan</a>
<!-- <a href="https://alfamart.co.id/storage/uploadfile - Copy.html.pdf" target="_blank">ACGS</a> -->
<!-- <a href="/gcg/regulatory-fillings">Regulatory Filings</a> -->
</div>
</div>
</div>
<div class="card-megamenu card-megamenu-article">
<div class="card-img">
<div class="card-img-megamenu" style="background: linear-gradient(180deg, rgba(0,0,0,0.00) 60%, #333333 100%), url('https://alfamart.co.id/storage/{"name":"gDDZLtOxI7NLuYAaNREP","type":"image\/jpeg","size":27388,"file":"storage\/page\/August2020\/gDDZLtOxI7NLuYAaNREP.jpg","data":{"url":"page\/August2020\/gDDZLtOxI7NLuYAaNREP.jpg"}}') no-repeat center;"></div>
<div class="card-img-title">
<h4>Corporate</h4>
</div>
</div>
<div class="card-body">
<h4>Seputar informasi mengenai Alfamart</h4>
<p class="text-truncate-multiline">
Profil, Manajemen, Area Investor, Kebijakan, dll
</p>
<a href="https://alfamart.co.id/tentang-perusahaan/profil-kami" class="btn btn-opacity-dark">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</ul>
</li>
<li class="nav-item position-relative">
<a class="nav-link nav-search" id="navSearch">
<i class="far fa-search search-icon"></i>
</a>
<div class="search-navbar">
<form action="https://alfamart.co.id/search-result" method="POST">
<input type="hidden" name="_token" value="ETz6MkQwMHwTiA9y7jVGETfuE08t1wfVoOFeLIyF"> <input type="text" name="keyword" class="form-control" placeholder="Search">
</form>
</div>
</li>
</ul>
</div>
</div>
<div class="navbar-slide navbarSlideAlfa" id="navbarSlide">
<div class="navbar-slide-close navbar-toggler" id="navbarClose">
<span class="icon-bar icon-bar-1"></span>
<span class="icon-bar icon-bar-2"></span>
<span class="icon-bar icon-bar-3"></span>
</div>
<div class="content">
<ul class="nav-slide-list">
<li class="nav-slide-item" id="navHome">
<a class="nav-link" href="/">
<span>Beranda</span>
</a>
</li>
<li class="nav-slide-item w-arrow navPromoMobile" id="navPromoMobile">
<a class="nav-link navPromoMobile">
<span>Promo & Program</span>
</a>
</li>
<li class="nav-slide-item w-arrow navMembershipMobile" id="navMembershipMobile">
<a class="nav-link navMembershipMobile">
<span>Keanggotaan</span>
</a>
</li>
<li class="nav-slide-item w-arrow navProductMobile" id="navProductMobile">
<a class="nav-link navProductMobile">
<span>Produk & Layanan Digital</span>
</a>
</li>
<li class="nav-slide-item" id="navNews">
<a class="nav-link" href="/news">
<span>Berita</span>
</a>
</li>
<!-- <li class="nav-slide-item w-arrow navAboutMobile" id="navAboutMobile">
<a class="nav-link navAboutMobile">
<span>Tentang Kami</span>
</a>
</li> -->
<li class="nav-slide-item w-arrow navCorporateMobile" id="navCorporateMobile">
<a class="nav-link navCorporateMobile">
<span>Corporate</span>
</a>
</li>
</ul>
</div>
<div class="row">
<div class="col-6">
<a href="/sahabat-alfamart" class="nav-link nav-link-hubungi btn btn-outline-primary btn-block">
<i class="fas fa-phone fa-rotate-90 mr-1"></i> Hubungi Kami
</a>
</div>
<div class="col-6 text-center">
<img src="https://alfamart.co.id/frontend/img/icon/alfacare.png" class="img-fluid" alt="Image contact us Alfamart" style="width: auto; height: 40px;">
</div>
</div>
</div>
</nav>
<section class="carousel-home">
<div class="owl-carousel owl-theme owl-dots owl-general owl-cover-home custom border-rad-bottom-right w-border-yellow owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1580px, 0px, 0px); transition: all 0s ease 0s; width: 4740px;"><div class="owl-item cloned" style="width: 790px;"><div class="item">
<div class="cover cover-responsive bg-primary">
<img src="https://alfamart.co.id/storage/page/December2024/gY0UsvyHIz5RX9m5L2IY.jpg" class="d-none d-md-block" alt="Desktop version banner Promo SUMO Alfamart" style="position: absolute; z-index: 0; width: 100%;">
<!-- <img src="https://alfamart.antikode.com/storage/page/November2019/5NxDSLNcPqM9kejhaDYz.jpg" class="d-none d-md-block img-fluid" style="position: absolute; z-index: 0; width: 100%;"> -->
<div class="cover-responsive-img">
<div class="cover-responsive-overlay"></div>
<img src="https://alfamart.co.id/storage/page/December2024/gUoNCTDNTpCMV4QwSiAP.jpg" class="img-fluid d-block d-md-none" alt="Mobile version banner Promo SUMO Alfamart">
</div>
<div class="container" style="position: relative; z-index: 100;">
<div class="cover-content">
<p class="cover-title animated fadeInUp delayp1">Promo SUMO Alfamart</p>
<p class="cover-text animated fadeInUp delayp2">Tukarkan A-Poinmu dengan produk-produk menarik dari Promo Super Monday Alfamart! Cek selengkapnya di sini!</p>
<a href="https://alfamart.co.id/promo-detail/promo-sumo-alfamart" class="btn btn-opacity-dark animated fadeInUp delayp3">Lihat Promo</a>
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 790px;"><div class="item">
<div class="cover cover-responsive bg-primary">
<img src="https://alfamart.co.id/storage/page/December2024/powTsO9J57WaqYcQMdnr.jpg" class="d-none d-md-block" alt="Desktop version banner Promo Hematku" style="position: absolute; z-index: 0; width: 100%;">
<!-- <img src="https://alfamart.antikode.com/storage/page/November2019/5NxDSLNcPqM9kejhaDYz.jpg" class="d-none d-md-block img-fluid" style="position: absolute; z-index: 0; width: 100%;"> -->
<div class="cover-responsive-img">
<div class="cover-responsive-overlay"></div>
<img src="https://alfamart.co.id/storage/page/December2024/cMN3JaneekwnbB0zFMyo.jpg" class="img-fluid d-block d-md-none" alt="Mobile version banner Promo Hematku">
</div>
<div class="container" style="position: relative; z-index: 100;">
<div class="cover-content">
<p class="cover-title animated fadeInUp delayp1">Promo Hematku</p>
<p class="cover-text animated fadeInUp delayp2">Belanja Hemat? Ya pastinya belanja produk Hematku dong! Nikmati produk-produk berkualitas dengan harga yang terjangkau di sini!</p>
<a href="https://alfamart.co.id/promo-detail/promo-member-hematku-1" class="btn btn-opacity-dark animated fadeInUp delayp3">Lihat Promo</a>
</div>
</div>
</div>
</div></div><div class="owl-item active" style="width: 790px;"><div class="item">
<div class="cover cover-responsive bg-primary">
<img src="https://alfamart.co.id/storage/page/December2024/gY0UsvyHIz5RX9m5L2IY.jpg" class="d-none d-md-block" alt="Desktop version banner Promo SUMO Alfamart" style="position: absolute; z-index: 0; width: 100%;">
<!-- <img src="https://alfamart.antikode.com/storage/page/November2019/5NxDSLNcPqM9kejhaDYz.jpg" class="d-none d-md-block img-fluid" style="position: absolute; z-index: 0; width: 100%;"> -->
<div class="cover-responsive-img">
<div class="cover-responsive-overlay"></div>
<img src="https://alfamart.co.id/storage/page/December2024/gUoNCTDNTpCMV4QwSiAP.jpg" class="img-fluid d-block d-md-none" alt="Mobile version banner Promo SUMO Alfamart">
</div>
<div class="container" style="position: relative; z-index: 100;">
<div class="cover-content">
<p class="cover-title animated fadeInUp delayp1">Promo SUMO Alfamart</p>
<p class="cover-text animated fadeInUp delayp2">Tukarkan A-Poinmu dengan produk-produk menarik dari Promo Super Monday Alfamart! Cek selengkapnya di sini!</p>
<a href="https://alfamart.co.id/promo-detail/promo-sumo-alfamart" class="btn btn-opacity-dark animated fadeInUp delayp3">Lihat Promo</a>
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 790px;"><div class="item">
<div class="cover cover-responsive bg-primary">
<img src="https://alfamart.co.id/storage/page/December2024/powTsO9J57WaqYcQMdnr.jpg" class="d-none d-md-block" alt="Desktop version banner Promo Hematku" style="position: absolute; z-index: 0; width: 100%;">
<!-- <img src="https://alfamart.antikode.com/storage/page/November2019/5NxDSLNcPqM9kejhaDYz.jpg" class="d-none d-md-block img-fluid" style="position: absolute; z-index: 0; width: 100%;"> -->
<div class="cover-responsive-img">
<div class="cover-responsive-overlay"></div>
<img src="https://alfamart.co.id/storage/page/December2024/cMN3JaneekwnbB0zFMyo.jpg" class="img-fluid d-block d-md-none" alt="Mobile version banner Promo Hematku">
</div>
<div class="container" style="position: relative; z-index: 100;">
<div class="cover-content">
<p class="cover-title animated fadeInUp delayp1">Promo Hematku</p>
<p class="cover-text animated fadeInUp delayp2">Belanja Hemat? Ya pastinya belanja produk Hematku dong! Nikmati produk-produk berkualitas dengan harga yang terjangkau di sini!</p>
<a href="https://alfamart.co.id/promo-detail/promo-member-hematku-1" class="btn btn-opacity-dark animated fadeInUp delayp3">Lihat Promo</a>
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 790px;"><div class="item">
<div class="cover cover-responsive bg-primary">
<img src="https://alfamart.co.id/storage/page/December2024/gY0UsvyHIz5RX9m5L2IY.jpg" class="d-none d-md-block" alt="Desktop version banner Promo SUMO Alfamart" style="position: absolute; z-index: 0; width: 100%;">
<!-- <img src="https://alfamart.antikode.com/storage/page/November2019/5NxDSLNcPqM9kejhaDYz.jpg" class="d-none d-md-block img-fluid" style="position: absolute; z-index: 0; width: 100%;"> -->
<div class="cover-responsive-img">
<div class="cover-responsive-overlay"></div>
<img src="https://alfamart.co.id/storage/page/December2024/gUoNCTDNTpCMV4QwSiAP.jpg" class="img-fluid d-block d-md-none" alt="Mobile version banner Promo SUMO Alfamart">
</div>
<div class="container" style="position: relative; z-index: 100;">
<div class="cover-content">
<p class="cover-title animated fadeInUp delayp1">Promo SUMO Alfamart</p>
<p class="cover-text animated fadeInUp delayp2">Tukarkan A-Poinmu dengan produk-produk menarik dari Promo Super Monday Alfamart! Cek selengkapnya di sini!</p>
<a href="https://alfamart.co.id/promo-detail/promo-sumo-alfamart" class="btn btn-opacity-dark animated fadeInUp delayp3">Lihat Promo</a>
</div>
</div>
</div>
</div></div><div class="owl-item cloned" style="width: 790px;"><div class="item">
<div class="cover cover-responsive bg-primary">
<img src="https://alfamart.co.id/storage/page/December2024/powTsO9J57WaqYcQMdnr.jpg" class="d-none d-md-block" alt="Desktop version banner Promo Hematku" style="position: absolute; z-index: 0; width: 100%;">
<!-- <img src="https://alfamart.antikode.com/storage/page/November2019/5NxDSLNcPqM9kejhaDYz.jpg" class="d-none d-md-block img-fluid" style="position: absolute; z-index: 0; width: 100%;"> -->
<div class="cover-responsive-img">
<div class="cover-responsive-overlay"></div>
<img src="https://alfamart.co.id/storage/page/December2024/cMN3JaneekwnbB0zFMyo.jpg" class="img-fluid d-block d-md-none" alt="Mobile version banner Promo Hematku">
</div>
<div class="container" style="position: relative; z-index: 100;">
<div class="cover-content">
<p class="cover-title animated fadeInUp delayp1">Promo Hematku</p>
<p class="cover-text animated fadeInUp delayp2">Belanja Hemat? Ya pastinya belanja produk Hematku dong! Nikmati produk-produk berkualitas dengan harga yang terjangkau di sini!</p>
<a href="https://alfamart.co.id/promo-detail/promo-member-hematku-1" class="btn btn-opacity-dark animated fadeInUp delayp3">Lihat Promo</a>
</div>
</div>
</div>
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div>
</section>
<section class="py-main promo-home" id="nextSection">
<div class="container">
<div class="heading heading-w-link">
<h1 class="title animated fadeInUp delayp3">Promo & Program</h1>
<a href="/promo/jsm" class="btn btn-blue d-none d-md-block">Lihat Semua</a>
</div>
<div class="owl-carousel owl-theme owl-promo-home mt-4 owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 2840px;"><div class="owl-item active" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/hot-promo" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_hot_promo.png" alt="Logo promo Hot Promo">
</div>
</a>
</div></div><div class="owl-item active" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/jsm" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_umbrela_promo_jsm.png" alt="Logo promo JSM">
</div>
</a>
</div></div><div class="owl-item" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/psm" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_psm.png" alt="Logo promo PSM">
</div>
</a>
</div></div><div class="owl-item" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/serba" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_umbrela_promo_serba.png" alt="Logo promo Serba">
</div>
</a>
</div></div><div class="owl-item" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/member-only" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_umbrela_promo_member.png" alt="Logo promo Member Only">
</div>
</a>
</div></div><div class="owl-item" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/house-brand" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_umbrela_promo_private_brand.png" alt="Logo promo House Brand">
</div>
</a>
</div></div><div class="owl-item" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/digital-service" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_umbrela_promo_digital_service.png" alt="Logo promo Digital Service">
</div>
</a>
</div></div><div class="owl-item" style="width: 335px; margin-right: 20px;"><div class="item">
<a href="/promo/gantung" class="card card-banner promo mb-0">
<div class="img-wrapper">
<img class="img-fluid" src="https://alfamart.co.id/frontend/img/promo/ic_umbrela_promo_gantung.png" alt="Logo promo Gantung">
</div>
</a>
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
<!-- <div class="row row-5">
<div class="col-md-4 bg-white">
<div class="heading">
<h2 class="title">Promo</h2>
<p class="subtitle">Download Alfagift now and start collecting points for all
your purchase!</p>
<a href="/promo/all" class="btn btn-blue d-none d-md-block mb-0">View All</a>
</div>
</div>
<div class="col-md-8">
<div class="owl-carousel owl-theme owl-promo-home">
</div>
</div>
</div> -->
<div class="clearfix clearfix-btn text-center d-block d-md-none">
<a href="/promo/jsm" class="btn btn-blue">Lihat Semua</a>
</div>
</div>
</section>
<section class="py-main product-home vp-fadeinup visible animated fadeInUp full-visible">
<img src="https://alfamart.co.id/frontend/img/graphic/graphic_product_eservices.png" class="img-graphic" data-aos-delay="500" alt="Icon alfamart for Product and E-service">
<div class="container">
<div class="heading text-center">
<h2 class="title">Produk & Layanan Digital</h2>
</div>
<div class="general-tab">
<ul>
<li>
<a href="#" class="active" data-filter="emoney" id="filter">Uang Elektronik</a>
</li>
<li>
<a href="#" class="" data-filter="payment-point" id="filter">Pembayaran</a>
</li>
<li>
<a href="#" class="" data-filter="voucher" id="filter">Voucher</a>
</li>
<li>
<a href="#" class="" data-filter="online-ticketing" id="filter">Agen Tiket Online</a>
</li>
<li>
<a href="#" class="" data-filter="remittance" id="filter">Transfer Dana</a>
</li>
<li>
<a href="#" class="" data-filter="courier" id="filter">Layanan Pengiriman Barang</a>
</li>
<li>
<a href="#" class="" data-filter="others" id="filter">Layanan Lainnya</a>
</li>
</ul>
</div>
<div class="content">
<div class="row">
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="payment-point">
<a href="https://alfamart.co.id/service/payment-point/e-commerce" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/HCx2Scv0jXCwpIWXSjEh.png" alt="Icon service category for E-commerce">
</div>
<div class="card-body">
<p>E-commerce</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="voucher">
<a href="https://alfamart.co.id/service/voucher/game-online" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/7PY4SCGRkUrbFU2LiGCt.png" alt="Icon service category for Game Online">
</div>
<div class="card-body">
<p>Game Online</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="remittance">
<a href="https://alfamart.co.id/service/remittance/domestik" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/wVMxxb1izJ8NHgw0VT9c.png" alt="Icon service category for Domestik">
</div>
<div class="card-body">
<p>Domestik</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="online-ticketing">
<a href="https://alfamart.co.id/service/online-ticketing/pesawat" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/F8Nfbdk1WxYMLPjOgbwR.png" alt="Icon service category for Pesawat">
</div>
<div class="card-body">
<p>Pesawat</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="others">
<a href="https://alfamart.co.id/service/others/branchless-banking" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/saZ1zbDOk50dEnnAsdyX.png" alt="Icon service category for Branchless Banking">
</div>
<div class="card-body">
<p>Branchless Banking</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="online-ticketing">
<a href="https://alfamart.co.id/service/online-ticketing/bus-travel" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/xqDzCQxgTSnJN3VZq4W0.png" alt="Icon service category for Bus & Travel">
</div>
<div class="card-body">
<p>Bus & Travel</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="voucher">
<a href="https://alfamart.co.id/service/voucher/internet-tv-voucher" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/x4MYtcxNWk4ACQMnyjNM.png" alt="Icon service category for Internet & TV Voucher">
</div>
<div class="card-body">
<p>Internet & TV Voucher</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="payment-point">
<a href="https://alfamart.co.id/service/payment-point/education" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/mZZAb46QYXjR5rlgxmGw.png" alt="Icon service category for Education">
</div>
<div class="card-body">
<p>Education</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="remittance">
<a href="https://alfamart.co.id/service/remittance/international" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/ucyuMQrEUYPQPAGCKbVF.png" alt="Icon service category for International">
</div>
<div class="card-body">
<p>International</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="others">
<a href="https://alfamart.co.id/service/others/disbursement" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/XsMgif6o19GcVlM9SueQ.png" alt="Icon service category for Disbursement">
</div>
<div class="card-body">
<p>Disbursement</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="online-ticketing">
<a href="https://alfamart.co.id/service/online-ticketing/entertainment" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/S5EH8n4Cr9r9ftSu0YtG.png" alt="Icon service category for Entertainment">
</div>
<div class="card-body">
<p>Entertainment</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="others">
<a href="https://alfamart.co.id/service/others/donation" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/SWPcJ9bPI25UxjBsmYK1.png" alt="Icon service category for Donation">
</div>
<div class="card-body">
<p>Donation</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="voucher">
<a href="https://alfamart.co.id/service/voucher/pulsa-paket-data" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/KzGFXdroKSroiUbtfp28.png" alt="Icon service category for Pulsa & Paket Data">
</div>
<div class="card-body">
<p>Pulsa & Paket Data</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="payment-point">
<a href="https://alfamart.co.id/service/payment-point/insurance" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/joXMBHIF7CAtL3G8Pb0n.png" alt="Icon service category for Insurance">
</div>
<div class="card-body">
<p>Insurance</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="others">
<a href="https://alfamart.co.id/service/others/sales-point" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/May2020/ob75mtk1Q2vpmTXkUqCU.png" alt="Icon service category for Sales Point">
</div>
<div class="card-body">
<p>Sales Point</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="voucher">
<a href="https://alfamart.co.id/service/voucher/musik" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/YBxF0LQVpjUwYd2b0Cn1.png" alt="Icon service category for Musik">
</div>
<div class="card-body">
<p>Musik</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="online-ticketing">
<a href="https://alfamart.co.id/service/online-ticketing/hotel" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/754nHH5QWBXBPcF7hV7S.png" alt="Icon service category for Hotel">
</div>
<div class="card-body">
<p>Hotel</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="payment-point">
<a href="https://alfamart.co.id/service/payment-point/multifinance" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/weiXPvYa0MPSTgkyUQXS.png" alt="Icon service category for Multifinance">
</div>
<div class="card-body">
<p>Multifinance</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="voucher">
<a href="https://alfamart.co.id/service/voucher/wi-fi" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/Nxa1AtJbh9JxD0uSiO0m.png" alt="Icon service category for Wi-fi">
</div>
<div class="card-body">
<p>Wi-fi</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="payment-point">
<a href="https://alfamart.co.id/service/payment-point/public-service" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/Z0MRWrlGQDa8O1YnfrRz.png" alt="Icon service category for Public Service">
</div>
<div class="card-body">
<p>Public Service</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="online-ticketing">
<a href="https://alfamart.co.id/service/online-ticketing/kapal" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/9TskCVYGDRZT7vL21MMk.png" alt="Icon service category for Kapal">
</div>
<div class="card-body">
<p>Kapal</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="voucher">
<a href="https://alfamart.co.id/service/voucher/layanan-streaming" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="" alt="Icon service category for Layanan Streaming">
</div>
<div class="card-body">
<p>Layanan Streaming</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="payment-point">
<a href="https://alfamart.co.id/service/payment-point/tagihan-telepon" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/jvZZK653C2QyN3rUqI4c.png" alt="Icon service category for Tagihan Telepon">
</div>
<div class="card-body">
<p>Tagihan Telepon</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="online-ticketing">
<a href="https://alfamart.co.id/service/online-ticketing/kereta-api" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/DeXI9WORtBLqZ1xu3H8i.png" alt="Icon service category for Kereta Api">
</div>
<div class="card-body">
<p>Kereta Api</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/shopee-pay" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/VGeUJCFD3sNFWJk3s5BA.jpg" alt="Icon e-money service for Shopee - Pay">
</div>
<div class="card-body">
<p>Shopee - Pay</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/dana" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/0SWSvC0jGew6T76FpoB5.jpg" alt="Icon e-money service for DANA">
</div>
<div class="card-body">
<p>DANA</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/gopay" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/lCnFAUh5EQMJ5lGBv5qG.jpg" alt="Icon e-money service for GoPay">
</div>
<div class="card-body">
<p>GoPay</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/link-aja" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/XAuT4NT44JTe3zWX4RjO.jpg" alt="Icon e-money service for Link Aja">
</div>
<div class="card-body">
<p>Link Aja</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/cimb-niaga-rekpon" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/Nm9vVbCE1p3NdEsz6Nkq.jpg" alt="Icon e-money service for CIMB Niaga Rekpon">
</div>
<div class="card-body">
<p>CIMB Niaga Rekpon</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/doku-wallet" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/JlFEa0V9M6zvqISgpwnR.jpg" alt="Icon e-money service for DOKU Wallet">
</div>
<div class="card-body">
<p>DOKU Wallet</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/speedcash" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/UzmurcS4rjxYpK28nLzo.jpg" alt="Icon e-money service for SpeedCash">
</div>
<div class="card-body">
<p>SpeedCash</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/kaspro" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/7wEOQreVFo6BWQ3iDxnX.jpg" alt="Icon e-money service for KASPRO">
</div>
<div class="card-body">
<p>KASPRO</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/true-money" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/dxLzwwFy2zRDEPg3SEaw.jpg" alt="Icon e-money service for True Money">
</div>
<div class="card-body">
<p>True Money</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/astrapay" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/UxsDFcalNfPXxvwZWPC7.jpg" alt="Icon e-money service for AstraPay">
</div>
<div class="card-body">
<p>AstraPay</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/virgo" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/tfy8Nrg3HxKcuKhZLPpp.jpg" alt="Icon e-money service for Virgo">
</div>
<div class="card-body">
<p>Virgo</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/gudang-voucher" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/yX9bWAMQmOGKHubSr1Tf.jpg" alt="Icon e-money service for Gudang Voucher">
</div>
<div class="card-body">
<p>Gudang Voucher</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/simobi" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/4xeE2bJ3N0i09aU9gt3Q.jpg" alt="Icon e-money service for Simobi">
</div>
<div class="card-body">
<p>Simobi</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/nobu" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/o9xcxiiqYwnojIy1FPZu.jpg" alt="Icon e-money service for NOBU">
</div>
<div class="card-body">
<p>NOBU</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/finpay-money" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/OHlvyTd188eD7I0kGnov.jpg" alt="Icon e-money service for Finpay Money">
</div>
<div class="card-body">
<p>Finpay Money</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/otto-pay" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2021/7TxmSwIJZYCnZzK3Bzt1.jpg" alt="Icon e-money service for Otto Pay">
</div>
<div class="card-body">
<p>Otto Pay</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/mandiri" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/Oi0HzxKVO1aVlvzsLCqj.jpg" alt="Icon e-money service for Mandiri">
</div>
<div class="card-body">
<p>Mandiri</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/bca" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/4EabOdMOyXNQg6W2711C.jpg" alt="Icon e-money service for BCA">
</div>
<div class="card-body">
<p>BCA</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/bri" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/fhEGS3LnAFTfngjHb657.jpg" alt="Icon e-money service for BRI">
</div>
<div class="card-body">
<p>BRI</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element" data-filter="emoney">
<a href="https://alfamart.co.id/emoney/bni" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/December2019/6v4BNNnR6NVcI8IQTIgM.jpg" alt="Icon e-money service for BNI">
</div>
<div class="card-body">
<p>BNI</p>
</div>
</a>
</div>
<div class="col-4 col-md-3 col-lg-2 filter-element filter-hide" data-filter="courier">
<a href="https://alfamart.co.id/courier/alfatrex" class="card card-general animated fadeInUp delayp2">
<div class="card-img p-box">
<img src="https://alfamart.co.id/storage/page/May2020/G1NlhOc2XGOnxVfBssLP.jpg" alt="Icon courier service for Alfatrex">
</div>
<div class="card-body">
<p>Alfatrex</p>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="py-main section-featured bg-primary">
<img src="https://alfamart.co.id/frontend/img/home/img_home_franchise_mobile.jpg" class="img-featured" alt="Graphic image home franchise">
<div class="container">
<div class="row row-5">
<div class="col-lg-5 position-relative">
</div>
<div class="col-lg-6 content-center">
<div class="heading mb-0">
<h2 class="title text-white">Bangun Bisnis Bersama Franchise Alfamart</h2>
<p class="subtitle text-white">Wujudkan mimpimu memiliki bisnis dengan franchise Alfamart dan dapatkan keuntungannya !</p>
<a href="https://waralaba.alfamart.co.id/" target="_blank" class="btn btn-opacity-dark">Pelajari Selengkapnya</a>
</div>
</div>
</div>
</div>
</section>
<section class="py-main collect-point">
<div class="container">
<div class="row">
<div class="col-lg-6 order-lg-last">
<img src="https://alfamart.co.id/frontend/img/graphic/graphic_mockup_collect_points.png" class="img-fluid img-phone" alt="Graphic image Mockup Collect Points">
</div>
<div class="col-lg-6 content-center">
<div class="heading mb-0">
<h2 class="title">Download Aplikasi Alfagift !</h2>
<p class="subtitle">Nikmati kemudahan berbelanja, mengumpulkan poin, dan hadiah menarik lainnya hanya dalam satu genggaman.</p>
<div class="btn-download">
<a href="https://alfagift.onelink.me/1087556432/b3ee5645" target="_blank">
<img src="https://alfamart.co.id/frontend/img/common/button_playstore.png" class="img-fluid" alt="Logo Get It On Google Play">
</a>
<a href="https://alfagift.onelink.me/1087556432/b3ee5645" target="_blank">
<img src="https://alfamart.co.id/frontend/img/common/button_appstore.png" class="img-fluid" alt="Logo Download On the App Store">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-main news-home">
<div class="container">
<div class="heading text-center">
<h2 class="title">Berita</h2>
</div>
<div class="row row-15px">
</div>
<div class="clearfix clearfix-btn text-center d-block d-md-none">
<a href="/news" class="btn btn-blue">Lihat Semua</a>
</div>
</div>
</section>
<section class="py-main program-undian-new border-rad-top-left-lg">
<div class="container">
<div class="row row-5">
<div class="col-md-6 bg-ponta content-center">
<img src="https://alfamart.co.id/frontend/img/home/ic_card_shadow.png" alt="Card shadow" class="img-fluid ponta-card d-none d-md-block" data-aos-delay="400">
<img src="https://alfamart.co.id/frontend/img/home/card.png" class="img-fluid ponta-card-mobile d-block d-md-none" alt="Image Alfamart Card">
</div>
<div class="col-md-6 content-center">
<div class="heading">
<h2 class="title text-white" data-aos-delay="100">Sudahkah kamu punya kartu AKU Alfamart?</h2>
<p class="subtitle text-white " data-aos-delay="200">Dapatkan kartu member alfamart sekarang untuk menikmati penawaran spesial dari Alfamart</p>
</div>
<div class="clearfix">
<a href="/membership" class="btn btn-white" data-aos-delay="300">Pelajari Selengkapnya</a>
</div>
</div>
</div>
</div>
</section>
<section class="py-main section-check-program-undian-new">
<div class="container">
<div class="row">
<div class="col-lg-6 order-lg-last">
<img src="https://alfamart.co.id/frontend/img/home/image_program.jpg" class="img-fluid img-prize" alt="Image Alfamart Program Home section">
</div>
<div class="col-lg-6 content-center">
<div class="wrapper">
<div class="heading">
<h2 class="title">Cek Pengumuman Pemenang Undian Disini!</h2>
<p data-aos-delay="100">Apakah kamu yang beruntung memenangkan salah satu program undian di Alfamart? Silahkan di cek ya!</p>
</div>
<form class="needs-validation" action="#" novalidate="">
<div class="row">
<div class="col-md-12">
<div class="form-group check-program-form" data-aos-delay="200">
<label for="validationCustom04">Program</label>
<select class="custom-select" id="program_undian">
<option>Pilih</option>
<!-- <option value="MENSFAIR 2018">MENSFAIR 2018</option>
<option value="MENSFAIR 2019">MENSFAIR 2019</option>
<option value="MENSFAIR 2020">MENSFAIR 2020</option> -->
<option value="1">Lomba Struk Terpanjang 2020</option>
</select>
<div class="invalid-feedback">
Silakan Pilih Program
</div>
</div>
</div>
<div class="col-md-12" id="lombaStruk2" style="display: none;">
<div class="form-group check-program-form" data-aos-delay="200">
<select class="custom-select" id="lombastrukInfo">
<option>Pilih</option>
<option value="1">Info Anggota</option>
<option value="2">Info Anggota Klasemen</option>
<option value="3">Daftar Program Struk Terpanjang</option>
</select>
<div class="invalid-feedback">
Please choose
</div>
</div>
</div>
<div class="col-md-12" id="lombaStruk3" style="display: none;">
<div class="form-group check-program-form form-control-id-rt mb-0" data-aos-delay="200">
<div class="position-relative">
<input type="text" class="form-control " id="no_id_rt" placeholder="No. ID RT" value="">
<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Dapatkan nomor ID RT dengan mendaftar via whatsapp"></i>
</div>
<div class="invalid-feedback">
Please enter phone number
</div>
</div>
</div>
<div class="col-md-12" id="penjelasanProgramStruk" style="display: none;">
<p class="font-weight-bold">Lakukan Pendaftaran mulai 9 Dec 2019 s.d. 7 Jan 2020 dengan format:</p>
<div class="card card-struk">
<div class="card-body">
<p class="text-uppercase font-weight-bold mb-4">Daftarkat#<nomor member RT / Handphone>#<kode toko / Alias></p>
<p class="mb-0">KIRIM KE Whatsapp 08111500959</p>
</div>
</div>
</div>
<div class="col-md-12 d-none" id="formAwal">
<div class="form-group check-program-form phonenum mb-0" data-aos-delay="200">
<label for="firstName">No. Handphone</label>
<div class="position-relative">
<input type="text" class="form-control numeric" id="no_hp" value="">
<span class="phone-placeholder text-dark">+62</span>
</div>
<div class="invalid-feedback">
Please enter phone number
</div>
</div>
</div>
<div class="col-12 clearfix-btn" id="btnCheck">
<button class="btn btn-blue" type="submit" data-aos-delay="300">Cek Sekarang</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="py-main program-undian border-rad-top-left-lg">
<div class="container">
<div class="row row-5">
<div class="col-md-6 bg-ponta content-center">
<div class="program-text">
<img src="https://alfamart.co.id/frontend/img/home/img_card-front.jpg"
class="img-fluid ponta-card animated vp-fadeinup">
<h2 class="title">Have You Got AKU Ponta Membership Card?</h2>
<p class="subtitle ">Register now and get Point Rewards, Product Discount, Lucky
Draw, and various perks!</p>
<a href="/membership" class="btn btn-white">Pelajari Selengkapnya</a>
</div>
</div>
<div class="col-md-6 content-center">
<div class="wrapper">
<div class="heading">
<h2 class="title text-white">Check Program Undian</h2>
</div>
<form class="needs-validation" action="#" novalidate>
<div class="row">
<div class="col-md-12">
<div class="form-group check-program-form">
<label for="validationCustom04">Program</label>
<select class="custom-select custom-select-dark" id="program_undian" required>
<option>Choose...</option>
<option value="MENSFAIR 2018">MENSFAIR 2018</option>
<option value="MENSFAIR 2019">MENSFAIR 2019</option>
<option value="MENSFAIR 2020">MENSFAIR 2020</option>
</select>
<div class="invalid-feedback">
Please choose a program
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group check-program-form phonenum mb-0">
<label for="firstName">Handphone No.</label>
<div class="position-relative">
<input type="number" class="form-control form-control-dark numeric" id="no_hp" value="" required>
<span class="phone-placeholder">+62</span>
</div>
<div class="invalid-feedback">
Please enter phone number
</div>
</div>
</div>
<div class="col-12 clearfix-btn">
<button class="btn btn-white" type="submit">Check Now</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section> -->
<!--Start: modal-->
<div class="modal modal-winner-announcement fade fadeinup-sm-down" id="modalFull" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<section class="section-winner-details">
<div class="subheading">
<h2 class="title text-center">
Check Program Undian
</h2>
</div>
<div class="winner-box-list">
<div class="winner-box">
<div class="content">
<div class="table-head-modal pl-3">
<p class="desc">Program: <b class="text-uppercase" id="program-name">Mensfair 2019</b></p>
<p class="desc">No. HP: <b class="text-uppercase" id="winner-phone">+6282123456789</b></p>
<p class="desc">Nama: <b class="text-uppercase" id="winner-name">Amila Nur Fasya</b></p>
</div>
<div class="table-responsive">
<table class="table" id="table-winner">
<thead>
<tr>
<th scope="col">Tanggal</th>
<th scope="col">Kode Transaksi</th>
<th scope="col">Poin</th>
<th scope="col">No. Undian</th>
<th scope="col">Keterangan</th>
</tr>
</thead>
<tbody>
<!-- <tr>
<td scope="row">1</td>
<td>123456789</td>
<td>125Pts</td>
<td class="coupon-code">ASK12334567890</td>
<td>Voucher Emas</td>
</tr> -->
<!-- Start: No Result -->
<!-- <tr>
<td scope="row" colspan="5" class="text-center">
<p>Tidak ada kode yang disubmit</p>
</td>
</tr> -->
<!-- End: No Result -->
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!--Start: modal-->
<!--Start: modal-->
<div class="modal modal-winner-announcement fade fadeinup-sm-down" id="modalFail" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<section class="section-winner-details">
<div class="subheading">
<h2 class="title text-center messages-fail">
Data Tidak Ditemukan
</h2>
</div>
</section>
</div>
</div>
</div>
</div>
<!--Start: modal-->
<!--Start: modal-->
<div class="modal modal-winner-announcement fade fadeinup-sm-down" id="modalPanjangStruk" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<section class="panjang-struk text-center">
<div class="heading">
<h2 class="title">
Panjang Struk
</h2>
</div>
<div class="card card-struk text-center">
<div class="card-body">
<p class="text-uppercase mb-2">RT ID: <span class="rt"></span></p>
<h3 id="panjang">1000cm</h3>
</div>
</div>
<div class="information top">
<p>Jumlah warga <strong>RT <span class="rt"></span></strong> saat ini <strong><span class="person"></span> orang</strong> dengan daftar warga dan panjang struk masing-masing sebagai berikut</p>
</div>
<div class="table-responsive">
<table class="table" id="table-rt">
<thead>
<tr>
<th scope="col">Nama</th>
<th scope="col" class="text-right">Member ID</th>
<th scope="col" class="text-right">Panjang Struk</th>
</tr>
</thead>
<tbody>
<!-- <tr>
<td scope="row">Ralph Sanders</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">100 cm</td>
</tr>
<tr>
<td scope="row">Jesse Gutierrez</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">80 cm</td>
</tr>
<tr>
<td scope="row">William Contreras</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">30 cm</td>
</tr>
<tr>
<td scope="row">Emily Pierce</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">10 cm</td>
</tr> -->
<!-- Start: No Result -->
<!-- <tr>
<td scope="row" colspan="5" class="text-center">
<p>Tidak ada kode yang disubmit</p>
</td>
</tr> -->
<!-- End: No Result -->
</tbody>
</table>
</div>
<div class="information">
<p>Info lebih lanjut follow IG Alfamart <a href="#" target="_blank">@alfamart</a> atau CS Sahabat Alfamart : <a href="tel" target="_blank">1500959</a>. Dapatkan info promo terupdate dan penawaran menarik di Alfagift. <br> Klik <a href="#" target="_blank">htpp://alfa.id/alfagiftapp</a></p>
</div>
</section>
</div>
</div>
</div>
</div>
<!--Start: modal-->
<!--Start: modal-->
<div class="modal modal-winner-announcement fade fadeinup-sm-down" id="modalPanjangStrukFail" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<section class="panjang-struk text-center">
<div class="heading">
<h2 class="title">
Maaf
</h2>
</div>
<div class="information top">
<p>No ID RT Anda Belum Terdaftar Sebagai Peserta Kompetisi Struk Terpanjang 2020 <br> Segera Lakukan Pendaftaran Mulai 9 Dec 2019 s.d 7 Jan 2020 dengan format: </p>
</div>
<div class="card card-struk text-center">
<div class="card-body">
<p class="text-uppercase font-weight-bold mb-4">Daftarkat#<nomor member RT / Handphone>#<kode toko / Alias></p>
<p class="mb-0">KIRIM KE Whatsapp 08111500959</p>
</div>
</div>
<div class="information">
<p>Info lebih lanjut follow IG Alfamart <a href="#" target="_blank">@alfamart</a> atau CS Sahabat Alfamart : <a href="tel" target="_blank">1500959</a>. Dapatkan info promo terupdate dan penawaran menarik di Alfagift. <br> Klik <a href="#" target="_blank">htpp://alfa.id/alfagiftapp</a></p>
</div>
</section>
</div>
</div>
</div>
</div>
<!--Start: modal-->
<!--Start: modal-->
<div class="modal modal-winner-announcement fade fadeinup-sm-down" id="modalInfoKlasemen" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<section class="panjang-struk text-center">
<div class="heading">
<h2 class="title">
Info Klasement
</h2>
</div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="posisi-toko-tab" data-toggle="tab" href="#posisi-toko" role="tab" aria-controls="posisi-toko" aria-selected="true">Posisi Per Toko</a>
</li>
<li class="nav-item">
<a class="nav-link" id="top10-tab" data-toggle="tab" href="#top10" role="tab" aria-controls="top10" aria-selected="false">Top 10 Cabang</a>
</li>
<li class="nav-item">
<a class="nav-link" id="topNas-tab" data-toggle="tab" href="#topNas" role="tab" aria-controls="topNas" aria-selected="false">Top 10 Nasional</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="posisi-toko" role="tabpanel" aria-labelledby="posisi-toko-tab">
<div class="table-responsive">
<table class="table" id="table-toko">
<thead>
<tr>
<th scope="col">No.</th>
<th scope="col">Nomor RT</th>
<th scope="col" class="text-right">Kode Toko</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">01</td>
<td>1NJK1N41</td>
<td class="text-right">2NJK1N41</td>
</tr>
<tr>
<td scope="row">02</td>
<td>2K*** ***</td>
<td class="text-right">2NJK1N41</td>
</tr>
<tr>
<td scope="row">03</td>
<td>1K*** ***</td>
<td class="text-right">2NJK1N41</td>
</tr>
<tr>
<td scope="row">04</td>
<td>2K*** ***</td>
<td class="text-right">2NJK1N41</td>
</tr>
<!-- Start: No Result -->
<!-- <tr>
<td scope="row" colspan="5" class="text-center">
<p>Tidak ada kode yang disubmit</p>
</td>
</tr> -->
<!-- End: No Result -->
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="top10" role="tabpanel" aria-labelledby="top10-tab">
<div class="table-responsive top10">
<table class="table" id="table-branch">
<thead>
<tr>
<th scope="col">No.</th>
<th scope="col">Nomor RT</th>
<th scope="col" class="text-right">Kode Toko</th>
</tr>
</thead>
<tbody>
<!-- <tr>
<td scope="row">01</td>
<td>1NJK1N41</td>
<td class="text-right">2NJK1N41</td>
</tr>
<tr>
<td scope="row">02</td>
<td>2K*** ***</td>
<td class="text-right">2NJK1N41</td>
</tr>
<tr>
<td scope="row">03</td>
<td>1K*** ***</td>
<td class="text-right">2NJK1N41</td>
</tr>
<tr>
<td scope="row">04</td>
<td>2K*** ***</td>
<td class="text-right">2NJK1N41</td>
</tr> -->
<!-- Start: No Result -->
<!-- <tr>
<td scope="row" colspan="5" class="text-center">
<p>Tidak ada kode yang disubmit</p>
</td>
</tr> -->
<!-- End: No Result -->
</tbody>
</table>
</div>
<div class="information top-10 hidden">
<p>Kamu belum masuk dalam 10 besar Cabang. <br> Ayo, Tetap semangat dan lakukan transaksi di Alfamart sebanyak-banyaknya!</p>
</div>
</div>
<div class="tab-pane fade" id="topNas" role="tabpanel" aria-labelledby="topNas-tab">
<div class="table-responsive topnas">
<table class="table" id="table-nasional">
<thead>
<tr>
<th scope="col">No.</th>
<th scope="col">Nomor RT</th>
<th scope="col" class="text-right">Kode Toko</th>
<th scope="col" class="text-right">Nama Cabang</th>
</tr>
</thead>
<tbody>
<!-- <tr>
<td scope="row">01</td>
<td>1NJK1N41</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">Cabang Lorem</td>
</tr>
<tr>
<td scope="row">02</td>
<td>2K*** ***</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">Cabang Lorem</td>
</tr>
<tr>
<td scope="row">03</td>
<td>1K*** ***</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">Cabang Lorem</td>
</tr>
<tr>
<td scope="row">04</td>
<td>2wK*** ***</td>
<td class="text-right">2NJK1N41</td>
<td class="text-right">Cabang Lorem</td>
</tr> -->
<!-- Start: No Result -->
<!-- <tr>
<td scope="row" colspan="5" class="text-center">
<p>Tidak ada kode yang disubmit</p>
</td>
</tr> -->
<!-- End: No Result -->
</tbody>
</table>
</div>
<div class="information top-nas hidden">
<p>Kamu belum masuk dalam 10 besar Nasional. Ayo, Tetap Semangat dan Lakukan Transaksi di Alfamart Sebanyak-banyaknya!</p>
</div>
</div>
</div>
<div class="information">
<p>Info lebih lanjut follow IG Alfamart <a href="#" target="_blank">@alfamart</a> atau CS Sahabat Alfamart : <a href="tel" target="_blank">1500959</a>. Dapatkan info promo terupdate dan penawaran menarik di Alfagift. <br> Klik <a href="#" target="_blank">htpp://alfa.id/alfagiftapp</a></p>
</div>
</section>
</div>
</div>
</div>
</div>
<!--Start: modal-->
<!--Start: modal-->
<div class="modal modal-winner-announcement fade fadeinup-sm-down" id="modalInfoKlasemenFail" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<section class="panjang-struk text-center">
<div class="heading">
<h2 class="title">
Maaf
</h2>
</div>
<div class="information top">
<p>Infomasi Klasment Lomba Struk Terpanjang mulai tersedia pada tanggal 16 Januari 2020.</p>
</div>
<div class="information">
<p>Info lebih lanjut follow IG Alfamart <a href="#" target="_blank">@alfamart</a> atau CS Sahabat Alfamart : <a href="tel" target="_blank">1500959</a>. Dapatkan info promo terupdate dan penawaran menarik di Alfagift. <br> Klik <a href="#" target="_blank">htpp://alfa.id/alfagiftapp</a></p>
</div>
</section>
</div>
</div>
</div>
</div>
<!--Start: modal-->
<!--Start: modal Upload File-->
<div class="modal modal-winner-announcement fade" tabindex="-1" role="dialog" id="modalUpload">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="fal fa-times"></i></span>
</button>
<h4 class="modal-title mb-3">Upload File</h4>
<!--START: Form General-->
<form class="needs-validation" novalidate="">
<div class="row">
<div class="col-12">
<div class="form-group">
<label for="validationCustom07">Attachment</label>
<div class="custom-file">
<input type="file" class="custom-file-input" id="validatedCustomFile" required="">
<label class="custom-file-label" for="validatedCustomFile">Choose file...</label>
<div class="invalid-feedback">Example invalid custom file feedback</div>
</div>
</div>
</div>
<div class="col-12">
</div>
</div>
</form>
<!--END: Form General-->
<div class="clearfix mt-4">
<button type="button" class="btn btn-modal btn-secondary" data-dismiss="modal">Close</button>
<button class="btn btn-primary" type="submit">Submit form</button>
</div>
</div>
</div>
</div>
</div>
<!--END: modal Upload File-->
<footer>
<div class="footer-top">
<div class="container">
<img src="https://alfamart.co.id/frontend/img/brand/logo_alfamart_white.png" class="img-fluid footer-logo" alt="Footer Logo">
<div class="row footer-list">
<div class="col-md-4">
<div class="footer-item footer-item-address">
<h5 class="footer-title">PT Sumber Alfaria Trijaya, Tbk</h5>
<!-- <h3>PT. Sumber Alfaria Trijaya, Tbk</h3> -->
<p>Alfa Tower 12th Floor<br> Jl. Jalur Sutera Barat Kav. 9<br> Kota Tangerang, Banten 15143
</p>
</div>
<div class="footer-item">
<ul class="footer-award">
<li>
<img src="https://alfamart.co.id/frontend/img/icon/logo_award_platinum.png" class="img-fluid" alt="Logo award platinum">
</li>
<li>
<img src="https://alfamart.co.id/frontend/img/icon/logo_award_socialmedia2017.png" class="img-fluid" alt="Logo award social media 2017">
</li>
<li>
<img src="https://alfamart.co.id/frontend/img/icon/logo_award_socialmedia2018.png" class="img-fluid" alt="Logo award social media 2018">
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="footer-item">
<h5 class="footer-title">Terhubung Bersama Kami</h5>
<ul class="footer-links">
<!-- <li>
<a href="https://recruitment.alfamart.co.id/" target="_blank">Karier</a>
</li> -->
<li>
<a href="https://blog.alfamart.co.id/" target="_blank">Artikel</a>
</li>
<li>
<a href="/winner-announcement">Pengumuman Pemenang</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="footer-item footer-item-subscribe">
<h5 class="footer-title">Berlangganan newsletter Alfamart</h5>
<form class="validation-footer" novalidate="">
<div class="form-group">
<div class="input-group">
<input type="email" class="form-control form-control-dark" placeholder="Masukkan Email Anda" required="" name="email" id="subscribe-footer" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}">
<div class="input-group-append">
<button class="btn btn-primary btn-submit btn-submit-footer sbscrb-tag" type="submit" id="button-addon-footer">
<i class="fa fa-arrow-right"></i>
</button>
</div>
<div class="invalid-feedback">
Harap masukkan email Anda
</div>
</div>
<p class="form-status status-footer"></p>
</div>
<ul class="footer-socmed">
<li>
<a href="https://www.facebook.com/alfamartku/" class="socmed-fb" target="_blank">
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="https://twitter.com/alfamart" class="socmed-twitter" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCwEs8Aod-2YCSx7RVk6jZpA" class="socmed-linkedin" target="_blank">
<i class="fab fa-youtube"></i>
</a>
</li>
<li>
<a href="https://page.line.me/alfamart" class="socmed-line" target="_blank">
<i class="fab fa-line"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/alfamart/?hl=id" class="socmed-line" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom text-center">
<div class="container">
<!-- <p>Copyright ©️ 2024 PT Sumber Alfaria Trijaya, Tbk.</p> -->
<div class="d-flex justify-content-between">
<div class="text-white">
<a href="corporate/pemberitahuan-privasi"><p>Pemberitahuan Privasi</p></a>
</div>
<div>
<p>Copyright ©️ 2024 PT Sumber Alfaria Trijaya, Tbk.</p>
</div>
</div>
</div>
</div>
</footer>
<!--Search Modal-->
<div class="modal modal-search fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal">×</button>
<form action="/promo">
<input type="text" name="" class="form-control" placeholder="Search Here..">
<button class="ic-search">
<i class="far fa-search"></i>
</button>
</form>
</div>
</div>
</div>
</div>
<!--Modal Promo-->
<div class="modal fade tabindex=" -1"="" role="dialog" id="modalNavbar">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<ul class="navbar-modal">
<li class="nav-item">
<a class="nav-link active navAlfa" href="/">Alfamart</a>
</li>
<li class="nav-item">
<a class="nav-link active navAlfa" href="#" data-toggle="modal" data-dismiss="modal" data-target="#modalNavbarPartner">Mitra Bussiness</a>
</li>
<li class="nav-item">
<a class="nav-link navDigitalBusiness" href="/digital-business" id="navDigitalBusiness">Digital Business</a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="https://b2b.alfamart.co.id" target="_blank">B2B</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://waralaba.alfamart.co.id" target="_blank">Franchise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://tenant.alfamart.co.id" target="_blank">Tenant</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://e-procurement.alfamart.co.id" target="_blank">e-Procurement</a>
</li>
-->
</ul>
</div>
</div>
</div>
</div>
<!--modal bussiness partner-->
<div class="modal fade tabindex=" -1"="" role="dialog" id="modalNavbarPartner">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body p-box">
<ul class="navbar-modal">
<li class="nav-item">
<a class="nav-link" href="https://b2b.alfamart.co.id" target="_blank">B2B</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://waralaba.alfamart.co.id" target="_blank">Franchise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://tenant.alfamart.co.id" target="_blank">Tenant</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://e-procurement.alfamart.co.id" target="_blank">e-Procurement</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--end modal bussines partner-->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
(function () {
'use strict';
window.addEventListener('load', function () {
// Fetch all the formsFooter we want to apply custom Bootstrap validation styles to
var formsFooter = document.getElementsByClassName('validation-footer');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(formsFooter, function (form) {
form.addEventListener('submit', function (event) {
event.preventDefault();
event.stopPropagation();
if (form.checkValidity() === true) {
event.preventDefault();
event.stopPropagation();
$('.btn-submit-footer').html('<i class="fa fa-circle-notch fa-spin text-white"></i>');
$.ajax({
type:'POST',
url:"https://alfamart.co.id/news-letter",
data:{
"email": $('#subscribe-footer').val(),
"_token": "ETz6MkQwMHwTiA9y7jVGETfuE08t1wfVoOFeLIyF"
},
success:function(data){
if(data.code === '00'){
setTimeout(function () {
$('.btn-submit-footer').html(
"<i class='fa fa-check'></i>");
$('.btn-submit-footer').removeClass('btn-primary').addClass('btn-success');
$('.status-footer').html(
"<p class='text-success' id='subscribe-success-newsletter'>Terimakasih telah berlangganan newsletter kami</p>"
)
}, 1500);
$(".btn-submit-footer").prop('disabled', true);
}else{
setTimeout(function () {
$('.btn-submit-footer').html("Daftar");
if(data.code === '01'){
$('.status-footer').html(
"<p class='text-warning'>Maaf, email Anda sudah terdaftar</p>"
);
}else{
$('.status-footer').html(
"<p class='text-warning'>Harap masukan email Anda dengan benar</p>"
);
}
}, 1500);
}
}
});
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
</script> <script type="text/javascript" src="https://alfamart.co.id/frontend/dist/js/app.js"></script>
<script type="text/javascript" src="https://alfamart.co.id/frontend/dist/js/main.js"></script>
<script>
//Navbar State Active
$('.navHome').addClass('active');
var carHome = $('.owl-cover-home');
if(carHome.children().find('owl-stage')){
$('.owl-stage-outer').addClass('bg-primary');
console.log('ada');
}else {
console.log('tidak');
}
// console.log(carHome.find('owl-stage'));
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
// $('#modalUpload').modal('show');
$(document).ready(function () {
$(".filter-element").addClass('filter-hide');
$(".filter-element[data-filter='" + 'emoney' + "']").removeClass(
"filter-hide");
$('a#filter').click(function () {
$(".filter-element").addClass('filter-hide');
$(".filter-element[data-filter='" + $(this).attr('data-filter') + "']").removeClass(
"filter-hide");
$('a#filter').removeClass('active');
$(this).addClass('active');
return false;
});
//show all works for "all" menu
// $('a[data-filter="*"]').click(function (event) {
// $(".filter-element").removeClass('filter-hide');
// return false;
// });
});
(function () {
'use strict';
window.addEventListener('load', function () {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function (form) {
form.addEventListener('submit', function (event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
} else {
event.preventDefault();
var data = {
nama_program: $('#program_undian').val(),
nohp: $('#no_hp').val(),
noidrt: $("#no_id_rt").val(),
lombastruk: $("#lombastrukInfo").val()
}
$.ajax({
url: "https://alfamart.co.id/cek-program",
type: 'POST',
dataType: 'json',
data: {
"data": JSON.stringify(data),
"_token": "ETz6MkQwMHwTiA9y7jVGETfuE08t1wfVoOFeLIyF",
},
success: function (result) {
console.log(result);
if(result.program === 'undian'){
if(result.body.status === 'success'){
$('#program-name').text(result.body.nama_program);
$('#winner-name').text(result.body.nama);
$('#winner-phone').text(result.body.nohp);
var html = '';
for(var i = 0; i < result.body.items.length; i++){
var tanggal = result.body.items[i].struk_timestamp;
console.log(tanggal);
tanggal = tanggal.toString().split(' ');
html += '<tr><td>' +
tanggal[0] +
'</td><td>' + result.body.items[i].struk_code +
'</td><td>' + result.body.items[i].struk_poin +
' Pts</td><td class="coupon-code">' + result.body.items[i].nomorundian +
'</td><td>' + result.body.items[i].pilihanhadiah + '</td></tr>';
}
$('#table-winner').find('tbody').append(html);
$('#modalFull').modal('show');
}else{
$('.messages-fail').text(result.body.response_message);
$('#modalFail').modal('show');
}
}else if(result.program === 'anggota' && result.body.response_code === '00'){
var html = '';
$('.rt').text(result.body.idRT);
$('.person').text(result.body.listMember.length);
$('#panjang').text(result.body.totLength+' cm');
for(var i = 0; i < result.body.listMember.length; i++){
html += '<tr><td scope="row">' + result.body.listMember[i][0] +
'</td><td class="text-right">' + result.body.listMember[i][1] +
'</td><td class="text-right">' + result.body.listMember[i][2] + '</td></tr>';
}
$('#table-rt').find('tbody').empty().append(html);
$('#modalPanjangStruk').modal('show');
}else if(result.program === 'klasemen' && result.body.response_code === '00'){
var toko = '';
for(var i = 0; i < result.body.store.length; i++){
toko += '<tr><td scope="row">' + result.body.store[i][0] +
'</td><td>' + result.body.store[i][1] +
'</td><td class="text-right">' + result.body.store[i][2] + '</td></tr>';
}
$('#table-toko').find('tbody').empty().append(toko);
var branch = '';
if(result.body.branch.length > 0){
$('.top10').removeClass('hidden');
$('.top-10').addClass('hidden');
for(var i = 0; i < result.body.branch.length; i++){
branch += '<tr><td scope="row">' + result.body.branch[i][0] +
'</td><td>' + result.body.branch[i][1] +
'</td><td class="text-right">' + result.body.branch[i][2] + '</td></tr>';
}
$('#table-branch').find('tbody').empty().append(branch);
}else{
$('.top10').addClass('hidden');
$('.top-10').removeClass('hidden');
}
var nasional = '';
if(result.body.nasional.length > 0){
$('.topnas').removeClass('hidden');
$('.top-nas').addClass('hidden');
for(var i = 0; i < result.body.nasional.length; i++){
nasional += '<tr><td scope="row">' + result.body.nasional[i][0] +
'</td><td>' + result.body.nasional[i][1] +
'</td><td class="text-right">' + result.body.nasional[i][2] +
'</td><td class="text-right">' + result.body.nasional[i][3] + '</td></tr>';
}
$('#table-nasional').find('tbody').empty().append(nasional);
}else{
$('.topnas').addClass('hidden');
$('.top-nas').removeClass('hidden');
}
$('#modalInfoKlasemen').modal('show');
}else{
$('.messages-fail').text(result.body.response_message);
$('#modalFail').modal('show');
}
},
error: function (XMLHttpRequest, textStatus,
errorThrown) {
$('#modalFail').modal('show');
}
});
// console.log(data);
}
form.classList.add('was-validated');
}, false);
});
}, false);
})();
// $('#arrowRight').click(function(){
// $('.owl-next').click();
// });
$('.numeric').on('input', function (event) {
this.value = this.value.replace(/[^0-9]/g, '');
});
// Main Banner
$('.owl-general').owlCarousel({
loop: true,
margin: 0,
dots: true,
responsive: {
0: {
items: 1,
},
600: {
items: 1,
},
1000: {
items: 1
}
}
});
var owlPromoHome = $('.owl-promo-home');
owlPromoHome.owlCarousel({
loop: false,
margin: 20,
responsive: {
0: {
items: 1.5,
dots: false,
loop: true,
},
576: {
items: 2.2,
dots: false
},
768: {
items: 2,
dots: false
},
992: {
items: 2.5,
dots: false
},
1200: {
items: 4,
dots: false
}
}
});
$('#lombaStruk2').hide();
$('#lombaStruk3').hide();
$('#penjelasanProgramStruk').hide();
$('#program_undian').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
// console.log(valueSelected);
if (valueSelected == 1) {
$('#lombaStruk2').show();
$('#lombaStruk3').show();
$('#formAwal').hide();
}
else {
$('#lombaStruk2').hide();
$('#lombaStruk3').hide();
$('#formAwal').show();
}
});
$('#lombastrukInfo').on('change', function (e) {
var optionSelected2 = $("option:selected", this);
var valueSelected2 = this.value;
// console.log(valueSelected);
if (valueSelected2 == '3') {
$('#lombaStruk3').hide();
$('#formAwal').hide();
$('#penjelasanProgramStruk').show();
$('#btnCheck').hide();
}
else {
$('#lombaStruk3').show();
$('#formAwal').hide();
$('#penjelasanProgramStruk').hide();
$('#btnCheck').show();
}
});
$('#arrowRight').click(function () {
owlPromoHome.trigger('next.owl.carousel');
})
</script>
<div role="log" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div></body></html>