Apache
tcp/443 tcp/80
The following URL (usually /.git/config) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044baa2727ab8135b5bbc521bbb0588fc88
[core] repositoryformatversion = 0 filemode = false bare = false logallrefupdates = true symlinks = false ignorecase = true [branch "main"] vscode-merge-base = origin/main remote = origin merge = refs/heads/main [remote "origin"] url = https://github.com/GlxyEunha/batiknatra.git fetch = +refs/heads/*:refs/remotes/origin/*
The following URL (usually /.git/config) is publicly accessible and is leaking source code and repository configuration.
Severity: medium
Fingerprint: 2580fa947178c88602b1737db148c044baa2727ab8135b5bbc521bbb0588fc88
[core] repositoryformatversion = 0 filemode = false bare = false logallrefupdates = true symlinks = false ignorecase = true [branch "main"] vscode-merge-base = origin/main remote = origin merge = refs/heads/main [remote "origin"] url = https://github.com/GlxyEunha/batiknatra.git fetch = +refs/heads/*:refs/remotes/origin/*
Open service 202.10.43.60:443 · mail.batiknatra.com
2026-01-23 16:44
HTTP/1.1 403 Forbidden
Date: Fri, 23 Jan 2026 16:44:19 GMT
Server: Apache
X-Powered-By: PHP/8.2.29
Cache-Control: no-store, no-cache, must-revalidate, max-age=0
Pragma: no-cache
Expires: 0
X-RASP-Block: 1
X-LiteSpeed-Cache-Control: no-cache
X-LiteSpeed-Purge: *
Connection: close
Upgrade: h2,h2c
Connection: Upgrade
Content-Length: 4170
Vary: Accept-Encoding
Content-Type: text/html; charset=UTF-8
Page title: Access Denied
<!DOCTYPE html>
<html lang="en" id="mx-page">
<head>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<title>Access Denied</title>
<style>
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #f7f7f7;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.mnx-app {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background-color: #f7f7f7;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999999999999999;
}
.mnx-container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
text-align: center;
}
.mnx-logo {
display: block;
margin: 32px auto 24px;
min-width: 120px;
min-height: 50px;
}
.mnx-card h1 {
color: #333;
font-size: 24px;
margin-bottom: 16px;
}
.mnx-card p {
color: #555;
margin: 0 auto;
max-width: 450px;
line-height: 1.6;
font-size: 16px;
}
footer {
margin-top: 8px;
font-size: 14px;
color: #666;
}
footer p {
font-size: 15px !important;
margin-top: 24px !important;
}
a {
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin-top: 20px;
transition: color 0.3s ease;
}
a:hover {
color: #004bbd;
}
</style>
</head>
<body>
<div class="mnx-app">
<div class="mnx-container">
<header>
<div
class="mnx-logo"
style="
background: url('data:image/svg+xml;base64,ICA8c3ZnIHZpZXdCb3g9IjAgMCA1NC42IDMxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgICAgICAgICAgPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7ZmlsbC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48L2RlZnM+CiAgICAgICAgICAgICAgICAgICAgICA8ZyA+CiAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgNC41IDEwLjkgMCAyNC44IDYuMiAyNy4zIDIwLjYgMjkuOCA2LjIgMzguNCAyLjMgNDMuNiAwIDU0LjYgNC41IDQxLjMgMTUgMjguMSAxNS45IDQwLjEgMTYuOSAzMi40IDMxIDI3LjMgMjAuNiAyMi4yIDMxIDE0LjUgMTYuOSAyNiAxNS45IDEzLjMgMTUgMCA0LjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgPC9zdmc+')
center center no-repeat;
background-size: contain;
"
></div>
</header>
<section class="mnx-card">
<h1>Access Denied</h1>
<p>
We’ve detected unusual activity associated with your request and
have blocked it due to security concerns. This action has been taken
to protect your information and the integrity of the host service.
</p>
<footer>
<a href="https://support.monarx.com" target="_blank">Need Help?</a>
<p style="opacity: 0.5">Version 1.0.570</p>
</footer>
</section>
</div>
</div>
<script type="text/javascript">
(function () {
if (window.stop) {
window.stop();
}
var page = document.getElementById("mx-page");
if (page) {
document.innerHTML = page;
window.eval = function () {};
window.setTimeout = function () {};
window.setInterval = function () {};
document.write = function () {};
document.writeln = function () {};
window.addEventListener = function () {};
document.addEventListene
Open service 2001:df0:27b:3::2:61d2:443 · mail.batiknatra.com
2026-01-22 03:02
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 03:02:49 GMT
Server: Apache
X-Powered-By: PHP/8.2.29
Cache-Control: no-cache, private
Set-Cookie: XSRF-TOKEN=eyJpdiI6ImVJUmxQZjNkRnpFUUZqMU51UU9DM2c9PSIsInZhbHVlIjoieEM1YnY4MEU0RGd0YWFnVVp3bUtmbU1BbkR6ejNzLzVsR0xlSzQ4TEp1Wm9ZZFNpNG5YbjNZSnYvKzZNUWpkeDBERWRHalU4NGtZeXBuelE5VFQ5Z1NNWkVkNGhFM2EyNEVJTWxGQ1UwYlJIUC9PV28raVBoMEtNQjBhYXpmd2ciLCJtYWMiOiJhNDE1NWFkMDk4NjZiM2EyOTVmOWNjYWZjMTQyNGU2ODE5MThmNjU2MDk0MzdmNWQzMjQ4OWJlNGMwNjhlYmYyIiwidGFnIjoiIn0%3D; expires=Thu, 22 Jan 2026 05:02:50 GMT; Max-Age=7200; path=/; secure; samesite=lax
Set-Cookie: laravel_session=eyJpdiI6IkpoTUlXYURLRTZyZ1ZJRmNSTWN1c0E9PSIsInZhbHVlIjoiNGRIMzhDSE1EUGxxR2tYRjV3UFJFSVNTeW5RQmNnTjVUTk13dHNJRnZlcUxQeE1TV3lPdnByTlJkWHRzeHZtb1pNT2tGVVhZZmsxdTl3WXl6YWFUNExSaEVJMnhibUNZRm1iWmVqbS9zclpwUS8rNDFHekZ3MnlNQTlhVWc2dTQiLCJtYWMiOiI5YWEyNGE4ZTg2OWExNzg0ZjUxMTA0YmFjNDYxOWEyMjVkMmExOTgwNjY2MDRhYTdlZmNkZmQ4YTkxODM2MDU4IiwidGFnIjoiIn0%3D; expires=Thu, 22 Jan 2026 05:02:50 GMT; Max-Age=7200; path=/; httponly; samesite=lax
Upgrade: h2,h2c
Connection: Upgrade, close
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
Page title: Batik Natra
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Responsive Bootstrap4 Shop Template, Created by Imran Hossain from https://imransdesign.com/">
<!-- title -->
<title>Batik Natra</title>
<!-- favicon -->
<link rel="shortcut icon" type="image/png" href="https://mail.batiknatra.com/favicon.png">
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/all.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/bootstrap/css/bootstrap.min.css">
<!-- owl carousel -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/owl.carousel.css">
<!-- magnific popup -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/animate.css">
<!-- mean menu css -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/meanmenu.min.css">
<!-- main style -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/main.css">
<!-- responsive -->
<link rel="stylesheet" href="https://mail.batiknatra.com/frontend/css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Owl Carousel CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
<!-- Lightbox2 CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet">
<!-- AOS CSS & JS -->
<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
</head>
<body>
<!--PreLoader-->
<div class="loader">
<div class="loader-inner">
<div class="circle"></div>
</div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<div class="top-header-area" id="sticker">
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12 text-center">
<div class="main-menu-wrap">
<!-- logo -->
<div class="site-logo">
<a href="https://mail.batiknatra.com" >
<img src="https://mail.batiknatra.com/logo-batik.png" alt="">
</a>
</div>
<!-- logo -->
<!-- menu start -->
<nav class="main-menu">
<ul>
<li class="current-list-item"><a href="https://mail.batiknatra.com">Home</a></li>
<li class=""><a href="https://mail.batiknatra.com/about">About</a></li>
<li class=""><a href="https://mail.batiknatra.com/catalog">Catalog</a></li>
<li class=""><a href="https://mail.batiknatra.com/product">Product</a></li>
<li class=""><a href="https://mail.batiknatra.com/reward">Reward</a></li>
<li class=""><a href="https://mail.batiknatra.com/activity">Activity</a></li>
<li class=""><a href="https://mail.batiknatra.com/legality">Legality</a></li>
<li></li>
</ul>
</nav>
<div class="mobile-menu"></div>
<!-- menu end -->
</div>
</div>
</div>
</div>
</div>
<!-- end header -->
<!-- search area -->
<div class="search-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<span class="close-btn"><i class="fas fa-window-close"></i></span>
</div>
</div>
</div>
</div>
<!-- end search area -->
<!-- main content area -->
<style>
.badge {
z-index: 10;
position: absolute;
Open service 202.10.43.60:443 · mail.batiknatra.com
2026-01-22 03:02
HTTP/1.1 403 Forbidden
Date: Thu, 22 Jan 2026 03:02:49 GMT
Server: Apache
X-Powered-By: PHP/8.2.29
Cache-Control: no-store, no-cache, must-revalidate, max-age=0
Pragma: no-cache
Expires: 0
X-RASP-Block: 1
X-LiteSpeed-Cache-Control: no-cache
X-LiteSpeed-Purge: *
Connection: close
Upgrade: h2,h2c
Connection: Upgrade
Content-Length: 4170
Vary: Accept-Encoding
Content-Type: text/html; charset=UTF-8
Page title: Access Denied
<!DOCTYPE html>
<html lang="en" id="mx-page">
<head>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<title>Access Denied</title>
<style>
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #f7f7f7;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.mnx-app {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background-color: #f7f7f7;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999999999999999;
}
.mnx-container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
text-align: center;
}
.mnx-logo {
display: block;
margin: 32px auto 24px;
min-width: 120px;
min-height: 50px;
}
.mnx-card h1 {
color: #333;
font-size: 24px;
margin-bottom: 16px;
}
.mnx-card p {
color: #555;
margin: 0 auto;
max-width: 450px;
line-height: 1.6;
font-size: 16px;
}
footer {
margin-top: 8px;
font-size: 14px;
color: #666;
}
footer p {
font-size: 15px !important;
margin-top: 24px !important;
}
a {
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin-top: 20px;
transition: color 0.3s ease;
}
a:hover {
color: #004bbd;
}
</style>
</head>
<body>
<div class="mnx-app">
<div class="mnx-container">
<header>
<div
class="mnx-logo"
style="
background: url('data:image/svg+xml;base64,ICA8c3ZnIHZpZXdCb3g9IjAgMCA1NC42IDMxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgICAgICAgICAgPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7ZmlsbC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48L2RlZnM+CiAgICAgICAgICAgICAgICAgICAgICA8ZyA+CiAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgNC41IDEwLjkgMCAyNC44IDYuMiAyNy4zIDIwLjYgMjkuOCA2LjIgMzguNCAyLjMgNDMuNiAwIDU0LjYgNC41IDQxLjMgMTUgMjguMSAxNS45IDQwLjEgMTYuOSAzMi40IDMxIDI3LjMgMjAuNiAyMi4yIDMxIDE0LjUgMTYuOSAyNiAxNS45IDEzLjMgMTUgMCA0LjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgPC9zdmc+')
center center no-repeat;
background-size: contain;
"
></div>
</header>
<section class="mnx-card">
<h1>Access Denied</h1>
<p>
We’ve detected unusual activity associated with your request and
have blocked it due to security concerns. This action has been taken
to protect your information and the integrity of the host service.
</p>
<footer>
<a href="https://support.monarx.com" target="_blank">Need Help?</a>
<p style="opacity: 0.5">Version 1.0.570</p>
</footer>
</section>
</div>
</div>
<script type="text/javascript">
(function () {
if (window.stop) {
window.stop();
}
var page = document.getElementById("mx-page");
if (page) {
document.innerHTML = page;
window.eval = function () {};
window.setTimeout = function () {};
window.setInterval = function () {};
document.write = function () {};
document.writeln = function () {};
window.addEventListener = function () {};
document.addEventListene
Open service 202.10.43.60:80 · mail.batiknatra.com
2026-01-22 03:02
HTTP/1.1 403 Forbidden
Date: Thu, 22 Jan 2026 03:03:17 GMT
Server: Apache
X-Powered-By: PHP/8.2.29
Cache-Control: no-store, no-cache, must-revalidate, max-age=0
Pragma: no-cache
Expires: 0
X-RASP-Block: 1
X-LiteSpeed-Cache-Control: no-cache
X-LiteSpeed-Purge: *
Connection: close
Upgrade: h2,h2c
Connection: Upgrade
Content-Length: 4170
Vary: Accept-Encoding
Content-Type: text/html; charset=UTF-8
Page title: Access Denied
<!DOCTYPE html>
<html lang="en" id="mx-page">
<head>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<title>Access Denied</title>
<style>
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #f7f7f7;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.mnx-app {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background-color: #f7f7f7;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999999999999999;
}
.mnx-container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
text-align: center;
}
.mnx-logo {
display: block;
margin: 32px auto 24px;
min-width: 120px;
min-height: 50px;
}
.mnx-card h1 {
color: #333;
font-size: 24px;
margin-bottom: 16px;
}
.mnx-card p {
color: #555;
margin: 0 auto;
max-width: 450px;
line-height: 1.6;
font-size: 16px;
}
footer {
margin-top: 8px;
font-size: 14px;
color: #666;
}
footer p {
font-size: 15px !important;
margin-top: 24px !important;
}
a {
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin-top: 20px;
transition: color 0.3s ease;
}
a:hover {
color: #004bbd;
}
</style>
</head>
<body>
<div class="mnx-app">
<div class="mnx-container">
<header>
<div
class="mnx-logo"
style="
background: url('data:image/svg+xml;base64,ICA8c3ZnIHZpZXdCb3g9IjAgMCA1NC42IDMxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgICAgICAgICAgPGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7ZmlsbC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48L2RlZnM+CiAgICAgICAgICAgICAgICAgICAgICA8ZyA+CiAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgNC41IDEwLjkgMCAyNC44IDYuMiAyNy4zIDIwLjYgMjkuOCA2LjIgMzguNCAyLjMgNDMuNiAwIDU0LjYgNC41IDQxLjMgMTUgMjguMSAxNS45IDQwLjEgMTYuOSAzMi40IDMxIDI3LjMgMjAuNiAyMi4yIDMxIDE0LjUgMTYuOSAyNiAxNS45IDEzLjMgMTUgMCA0LjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgPC9zdmc+')
center center no-repeat;
background-size: contain;
"
></div>
</header>
<section class="mnx-card">
<h1>Access Denied</h1>
<p>
We’ve detected unusual activity associated with your request and
have blocked it due to security concerns. This action has been taken
to protect your information and the integrity of the host service.
</p>
<footer>
<a href="https://support.monarx.com" target="_blank">Need Help?</a>
<p style="opacity: 0.5">Version 1.0.570</p>
</footer>
</section>
</div>
</div>
<script type="text/javascript">
(function () {
if (window.stop) {
window.stop();
}
var page = document.getElementById("mx-page");
if (page) {
document.innerHTML = page;
window.eval = function () {};
window.setTimeout = function () {};
window.setInterval = function () {};
document.write = function () {};
document.writeln = function () {};
window.addEventListener = function () {};
document.addEventListene
Open service 2001:df0:27b:3::2:61d2:80 · mail.batiknatra.com
2026-01-22 03:02
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 03:03:20 GMT
Server: Apache
X-Powered-By: PHP/8.2.29
Cache-Control: no-cache, private
Set-Cookie: XSRF-TOKEN=eyJpdiI6IkR0OGdlamFkY2N3TFBYWnBQWFhrK1E9PSIsInZhbHVlIjoiR25qaWpkejJaYzdJOVlocnI5Y1N2VU11NG5RTVR4dDBnWFVFZUpCclpvZ1AyU2FDaW00NUh2UjZmUmN4RVJjb2EySTNqQU5uQTR5NDYyd0ZtdGRPNkJ3UUFIQjhCQlhLaWpFeU4xazJLamFoRi9kU3Jjc3NDSm9KangzZjFPcUoiLCJtYWMiOiI2NmNkMzZmODc1ZDJmNjA1YmFmNzE3MTA4NDM1OWMwNTkzOTk2NDgzYWJjMGZmYjA0ZWYxMTllMmNmNjYxMzg5IiwidGFnIjoiIn0%3D; expires=Thu, 22 Jan 2026 05:03:20 GMT; Max-Age=7200; path=/; samesite=lax
Set-Cookie: laravel_session=eyJpdiI6ImJvSHorQ29mSGkwSTdEYUcxMDE5Snc9PSIsInZhbHVlIjoidXBFTktkOGpyOUd1RkVPK2l4bm5wSmlMc1JRQkxTRHgvZ01OVFBGYml0UnI1ajl3ZjlybEJMQjVsTjBpSWk3aE5YdlZRUVhoa09kdzdsRjJSZUt3Vkp6M2Y3TjZrcGh3TWtFbFdHQTUzNkZGVm9TSVo2TzZoMXFIV3BlRkY3bzUiLCJtYWMiOiIxNmNiNjJiYjVmNDZkMjE5ZTY1YmE3OWY3ZTUxOWE0ZTU4OWU1MTliZjQ1MTY4NjE0Y2I4NjA1M2ExOWI4NTk3IiwidGFnIjoiIn0%3D; expires=Thu, 22 Jan 2026 05:03:20 GMT; Max-Age=7200; path=/; httponly; samesite=lax
Upgrade: h2,h2c
Connection: Upgrade, close
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
Page title: Batik Natra
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Responsive Bootstrap4 Shop Template, Created by Imran Hossain from https://imransdesign.com/">
<!-- title -->
<title>Batik Natra</title>
<!-- favicon -->
<link rel="shortcut icon" type="image/png" href="http://mail.batiknatra.com/favicon.png">
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/all.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/bootstrap/css/bootstrap.min.css">
<!-- owl carousel -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/owl.carousel.css">
<!-- magnific popup -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/magnific-popup.css">
<!-- animate css -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/animate.css">
<!-- mean menu css -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/meanmenu.min.css">
<!-- main style -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/main.css">
<!-- responsive -->
<link rel="stylesheet" href="http://mail.batiknatra.com/frontend/css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Owl Carousel CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
<!-- Lightbox2 CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet">
<!-- AOS CSS & JS -->
<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
</head>
<body>
<!--PreLoader-->
<div class="loader">
<div class="loader-inner">
<div class="circle"></div>
</div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<div class="top-header-area" id="sticker">
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12 text-center">
<div class="main-menu-wrap">
<!-- logo -->
<div class="site-logo">
<a href="http://mail.batiknatra.com" >
<img src="http://mail.batiknatra.com/logo-batik.png" alt="">
</a>
</div>
<!-- logo -->
<!-- menu start -->
<nav class="main-menu">
<ul>
<li class="current-list-item"><a href="http://mail.batiknatra.com">Home</a></li>
<li class=""><a href="http://mail.batiknatra.com/about">About</a></li>
<li class=""><a href="http://mail.batiknatra.com/catalog">Catalog</a></li>
<li class=""><a href="http://mail.batiknatra.com/product">Product</a></li>
<li class=""><a href="http://mail.batiknatra.com/reward">Reward</a></li>
<li class=""><a href="http://mail.batiknatra.com/activity">Activity</a></li>
<li class=""><a href="http://mail.batiknatra.com/legality">Legality</a></li>
<li></li>
</ul>
</nav>
<div class="mobile-menu"></div>
<!-- menu end -->
</div>
</div>
</div>
</div>
</div>
<!-- end header -->
<!-- search area -->
<div class="search-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<span class="close-btn"><i class="fas fa-window-close"></i></span>
</div>
</div>
</div>
</div>
<!-- end search area -->
<!-- main content area -->
<style>
.badge {
z-index: 10;
position: absolute;
}
.product-card