- ID de l'analyse :
- 68f33612-e2b4-4c54-af86-41f5bf7a83ccTerminée
- URL soumise :
- https://alfamart.co.id/
- Fin du rapport :
Liens : 7 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 24 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| google_tag_manager | object |
| google_tag_data | object |
| GoogleAnalyticsObject | string |
| ga | function |
| gaplugins | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| log | other |
|
HTML
Le corps HTML de la page en données brutes
<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>