<!DOCTYPE html>
<html lang="id">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<meta name="csrd-token" content="{{ csrf_token() }}">
<meta property="og:site_name" content="Hayyu Mart">
<meta property="og:title" content="Hayyu Mart">
<meta property="og:description" content="
Menyediakan berbagai sayur segar dan buah segar import dan lokal berkualitas, serta menyediakan Kebutuhan Pokok dan Rumah Tangga dan Aneka kebutuhan lainnya.
">
<meta property="og:type" content="website">
<title>Hayyu Mart</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style type="text/css">
:root {
--website-color: #e67e22;
--background-color: #e8e8e8;
}
.cart-content-detail-list{
padding: 5px 10px;
}
#customer-service .row .column {
padding-left: 0;
}
.category-box{
padding: 15px !important;
}
.text-white {
color: white !important;
}
.btn-variant {
border: 1.2px solid var(--website-color);
height: 30px;
padding: 0px;
padding-left: 12px;
padding-right: 12px;
margin-top: 8px;
background: white;
color: var(--website-color);
margin-right: 8px;
}
.btn-variant-active {
border: 1.2px solid var(--website-color);
height: 30px;
padding: 0px;
padding-left: 12px;
margin-top: 8px;
padding-right: 12px;
background: var(--website-color);
color: white;
margin-right: 8px;
}
.voucher-box {
border: 1px dashed var(--website-color);
border-radius: 8px;
width: 100%;
height: 72px;
margin-top: 8px;
}
.voucher-box .right {
text-align: center;
font-size: 18px;
padding-top: 12px;
width: 45%;
margin-right: 5%;
float: right;
}
.voucher-box .left {
padding-top: 12px;
text-align: center;
width: 45%;
margin-right: 5%;
float: left;
height: 100%;
}
.voucher-box .left .value {
font-weight: bold;
font-size: 22px;
}
button[id='submit'][disabled='true'] {
opacity: 0.5;
}
.category-scroll {
overflow-x: auto;
overflow-y: auto;
display: inline-flex;
max-width: 100%;
}
.category-scroll-item {
min-width: 75px;
max-width: 75px;
height: auto;
flex: 1;
overflow: hidden;
margin: 8px;
cursor: pointer;
}
.category-scroll-item-img {
background: white;
border-radius: 50px;
margin: auto;
border: 1px solid rgb(232, 232, 232);
}
.category-scroll-item-txt {
text-align: center;
margin: 8px 0px;
font-size: 13px;
font-weight: 500;
color: black;
max-height: 24px;
}
@media only screen and (max-width: 360px) {
.category-scroll-item {
min-width: 65px;
max-width: 65px;
height: auto;
flex: 1;
overflow: hidden;
margin: 8px;
cursor: pointer;
}
.category-scroll-item-img {
background: white;
border-radius: 50px;
margin: auto;
}
.category-scroll-item-txt {
text-align: center;
margin: 8px 0px;
font-size: 12px;
font-weight: 500;
color: black;
}
}
#svg-share,
#svg-home {
display: none;
}
.select-option {
border: 1px solid #ccc;
padding: 7px 10px;
font-family: inherit;
border-radius: 6px;
width: 100%;
}
#variant-popup-qty-selector .minus {
border: 1px solid var(--website-color);
border-radius: 8px 0px 0px 8px;
float: right;
}
#variant-popup-qty-selector .plus {
border: 1px solid var(--website-color);
border-radius: 0px 8px 8px 0px;
float: right;
}
#variant-popup-qty-selector input {
border: 1px solid var(--website-color);
float: right;
border-radius: 0px;
}
.btn-note.delete {
width: 40px !important;
color: var(--website-color);
}
.btn-note.delete .delete-icon {
width: 18px;
vertical-align: middle;
}
#note-popup {
position: fixed;
top: 0;
height: 100%;
max-width: 480px;
background: rgba(0, 0, 0, .5);
margin: auto;
z-index: 9999999;
}
#note-popup .card {
top: 50%;
position: relative;
transform: translateY(-50%);
margin: 8px;
}
#note-popup #title h4 {
margin: 24px;
float: left;
}
#note-popup #title {
width: 100%;
border-bottom: 1px solid #e8e8e8;
}
#note-popup #content {
margin: 8px;
}
#note-popup #title #btn-close {
float: right;
height: 24px;
width: 24px;
margin: 12px;
}
#note-popup #btn-save {
background: var(--website-color);
width: 60px;
border: 1px solid var(--website-color);
cursor: pointer;
margin: 0;
font-size: 14px;
line-height: 0;
text-align: center;
height: 30px;
padding: 0;
margin: 12px;
float: right;
color: #fff;
font-weight: 700;
border-radius: 6px;
}
</style>
<link rel="stylesheet" href="{{ asset('landing_assets/style.min.css') }}" type="text/css" media="all">
{{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> --}}
<link rel="shortcut icon" type="image/png" href="https://ovalmart.id/assets/uploads/logo.png">
<link href="https://ovalmart.id/assets/uploads/logo.png" rel="icon" sizes="32x32">
<link href="https://ovalmart.id/assets/uploads/logo.png" rel="icon" sizes="192x192">
<link href="https://ovalmart.id/assets/uploads/logo.png" rel="apple-touch-icon">
<meta content="https://ovalmart.id/assets/uploads/logo.png" name="msapplication-TileImage">
</head>
<body style="overflow: auto;background:var(--background-color);" cz-shortcut-listen="true">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<div class="search-wrapper">
<section>
<form method="get" action="https://ovalmart.id/search">
<div class="row">
<div class="col-md-1">
<a href="{{ url('') }}">
<div style="position: absolute;">
<img style="margin: 4px;background: transparent;border-radius: 8px 0px 0px 8px;height: 32px;width: 32px;padding: 2px 6px 4px 0px;"
id="svg-home-container"
src="data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYwMCA2MDAiIHZlcnNpb249IjEuMSIgaWQ9InN2Zy1ob21lIj4KICAgICAgPHBhdGggc3R5bGU9ImZpbGw6I2U2N2UyMjtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2Utb3BhY2l0eToxO3N0cm9rZS1kYXNoYXJyYXk6bm9uZSIgc3Ryb2tlcz0iI2U2N2UyMiIgZD0iTTI5OS44IDU3Ny45Yy00MiAwLTg0IDAtMTI2IDBjLTEzIDAtMjUuNS0yLjYtMzctOWMtMjQuMi0xMy40LTM3LjktMzMuOC00MC44LTYxLjRjLTAuMy0zLjMtMC40LTYuNy0wLjQtMTAgYzAtMzUuMSAwLTcwLjIgMC0xMDUuMmMwLTMuNyAwLTMuNy0zLjctMy43Yy0zNy42LTAuNC03MS43LTI5LjctNzcuNC02Ni44Yy00LjMtMjcuOCAzLjItNTEuOSAyMy4yLTcyIGM2Ny43LTY3LjggMTM1LjUtMTM1LjUgMjAzLjItMjAzLjNjMTMuOS0xMy45IDMwLjMtMjIuMiA0OS44LTI0YzI2LjMtMi40IDQ5LjEgNS4xIDY4IDI0LjFjNDYuNiA0Ni44IDkzLjQgOTMuNSAxNDAuMiAxNDAuMiBjMjAuNSAyMC40IDQxIDQwLjggNjEuNCA2MS4yYzYuOSA2LjkgMTIuOSAxNC40IDE3LjMgMjMuMWMxNC45IDI5LjUgMTAuNiA2NC44LTExLjIgODkuN2MtMTUuNiAxNy45LTM1LjUgMjcuMi01OS4zIDI3LjcgYy0yLjcgMC4xLTMuMSAxLTMuMSAzLjRjMC4xIDM3IDAuMiA3NCAwIDExMWMtMC4yIDM1LjYtMjcuOSA2Ny44LTYzIDczLjdjLTUuNCAwLjktMTAuOSAxLjMtMTYuNCAxLjMgQzM4My4xIDU3Ny45IDM0MS40IDU3Ny45IDI5OS44IDU3Ny45eiBNMzQ3LjIgNDU4LjNjMC04LjYtMC4xLTE3LjIgMC0yNS43YzAuMS0xMC45LTMuOS0yMC4yLTExLjUtMjcuNiBjLTE0LjktMTQuNS0zMi44LTE3LjktNTIuMi0xMS45Yy0xOS4xIDUuOS0zMC45IDIxLjctMzEuMSA0MC41Yy0wLjEgMTYuNC0wLjEgMzIuOCAwIDQ5LjJjMC4xIDExIDMuOCAyMC42IDExLjUgMjguNSBjMTYgMTYuNSA0Mi44IDE5LjggNjIuNiA3LjZjMTMuNi04LjQgMjEuMS0yMC40IDIwLjgtMzYuOEMzNDcuMSA0NzQuMSAzNDcuMiA0NjYuMiAzNDcuMiA0NTguM3oiLz4KICA8L3N2Zz4=">
</div>
</a>
</div>
<div class="col-md-7">
<div style="width: 22px;height: 22px; top: 18px; left: 56px;position: absolute;border-radius: 0px 8px 8px 0px;">
<svg width="22px" height="22px" viewBox="0 0 24 24">
<path fill="gray"
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z">
</path>
<path d="M0 0h24v24H0z" fill="none"></path>
</svg>
</div>
<input type="text" name="q" class="form-control"
style="width: 100%;margin-left: 40px;border-radius: 6px;padding-left: 32px;"
placeholder="Cari Produk.." value="">
</div>
<div class="col-md-4">
<div style="max-height: 40px" class="float-end">
<img id="svg-share-container"
style="cursor:pointer;margin: 4px 0px;background: transparent;border-radius: 8px 0px 0px 8px;height: 32px;width: 32px;padding: 2px 6px 4px 0px;"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTBtbSIgaGVpZ2h0PSIyMTBtbSIgdmlld0JveD0iMCAwIDIxMCAyMTAiIHZlcnNpb249IjEuMSIgaWQ9InN2Zy1zaGFyZSI+CiAgICA8ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC04NykiPgogICAgICA8cGF0aCBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2U2N2UyMjtzdHJva2Utd2lkdGg6MC42NzQ4MDg4NiIgaWQ9InBhdGgxMCIgZD0iTSAyMTAuMTQ2MjEsMTkwLjU4Mzg2IEEgMTA1LjA3NzM4LDEwNS4wNzczOCAwIDAgMSAxMDcuMDYyMDMsMjk2Ljk4MTI0IDEwNS4wNzczOCwxMDUuMDc3MzggMCAwIDEgMC4wMzI5MTYzMywxOTQuNTUzMTMgMTA1LjA3NzM4LDEwNS4wNzczOCAwIDAgMSAxMDEuODAxMDksODYuODk2MzE5IDEwNS4wNzczOCwxMDUuMDc3MzggMCAwIDEgMjEwLjA4MTUyLDE4OC4wMDA3MSIvPgogICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjEzODEwOTk4LDAsMCwwLjEzNjM0OTQ3LDIxOS43NzI0OSwyMDIuNjI5NjUpIiBpZD0ibGF5ZXIxLTMiIHN0eWxlPSJmaWxsOiNmZmZmZmYiPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAsLTE3LjI1NCwxNy4yNTQsMCwxMDQ0MywtMjI1Mi45KSIgaWQ9ImcxMTY3NiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiI+CiAgICAgICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjEwNDUsLTk0OS40OCkiIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6I2ZmZmZmZiIgZD0ibSAtMTM0LjM4LDMwOS41IGMgMCw0LjE2ODMgLTMuMzc5MSw3LjU0NzQgLTcuNTQ3NCw3LjU0NzQgLTQuMTY4MywwIC03LjU0NzQsLTMuMzc5MSAtNy41NDc0LC03LjU0NzQgMCwtNC4xNjgzIDMuMzc5MSwtNy41NDc0IDcuNTQ3NCwtNy41NDc0IDQuMTY4MywwIDcuNTQ3NCwzLjM3OTEgNy41NDc0LDcuNTQ3NCB6IiBpZD0icGF0aDExNjY2Ii8+CiAgICAgICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi43NjcsLTk0OS40OCkiIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6I2ZmZmZmZiIgZD0ibSAtMTM0LjM4LDMwOS41IGMgMCw0LjE2ODMgLTMuMzc5MSw3LjU0NzQgLTcuNTQ3NCw3LjU0NzQgLTQuMTY4MywwIC03LjU0NzQsLTMuMzc5MSAtNy41NDc0LC03LjU0NzQgMCwtNC4xNjgzIDMuMzc5MSwtNy41NDc0IDcuNTQ3NCwtNy41NDc0IDQuMTY4MywwIDcuNTQ3NCwzLjM3OTEgNy41NDc0LDcuNTQ3NCB6IiBpZD0icGF0aDExNjY4Ii8+CiAgICAgICAgICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi45MzYsLTk3Ni4zNSkiIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZpbGw6I2ZmZmZmZiIgZD0ibSAtMTM0LjM4LDMwOS41IGMgMCw0LjE2ODMgLTMuMzc5MSw3LjU0NzQgLTcuNTQ3NCw3LjU0NzQgLTQuMTY4MywwIC03LjU0NzQsLTMuMzc5MSAtNy41NDc0LC03LjU0NzQgMCwtNC4xNjgzIDMuMzc5MSwtNy41NDc0IDcuNTQ3NCwtNy41NDc0IDQuMTY4MywwIDcuNTQ3NCwzLjM3OTEgNy41NDc0LDcuNTQ3NCB6IiBpZD0icGF0aDExNjcwIi8+CiAgICAgICAgICA8cmVjdCB4PSI0ODcuODk0MzUiIHk9Ii00NDQuNDUxMDgiIHdpZHRoPSIyNy45MTU4NCIgaGVpZ2h0PSI0LjQ4NjkwNjUiIHRyYW5zZm9ybT0icm90YXRlKC02MC4wMDEpIiBzdHlsZT0iY29sb3I6IzAwMDAwMDtmaWxsOiNmZmZmZmYiIGlkPSJyZWN0MTE2NzIiLz4KICAgICAgICAgIDxyZWN0IHg9IjYxMi44OTc1MiIgeT0iLTIyNy4zNTQ1NCIgd2lkdGg9IjI4LjMyODYzIiBoZWlnaHQ9IjMuOTQ1NTkyMiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNSwtMC44NjYwMywtMC44NjYwMywwLjUsMCwwKSIgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZmlsbDojZmZmZmZmIiBpZD0icmVjdDExNjc0Ii8+CiAgICAgICAgPC9nPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9zdmc+">
<a href="#">
<img id="svg-info-container"
style="margin: 4px 0px;background: transparent;border-radius: 8px 0px 0px 8px;height: 32px;width: 32px;padding: 2px 6px 4px 0px;"
src="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJzdmctaW5mbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2U2N2UyMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgogIDxnPgogICAgPHBhdGggZD0iTTI1NywwQzExNi4zOSwwLDAsMTE0LjM5LDAsMjU1czExNi4zOSwyNTcsMjU3LDI1N3MyNTUtMTE2LjM5LDI1NS0yNTdTMzk3LjYxLDAsMjU3LDB6IE0yODcsMzkyYzAsMTYuNTQtMTMuNDcsMzAtMzAsMzAmIzEwOyAgICAgIGMtMTYuNTQsMC0zMC0xMy40Ni0zMC0zMFYyNDBjMC0xNi41NCwxMy40Ni0zMCwzMC0zMGMxNi41MywwLDMwLDEzLjQ2LDMwLDMwVjM5MnogTTI1NywxNTBjLTE2LjU0LDAtMzAtMTMuNDYtMzAtMzAmIzEwOyAgICAgIHMxMy40Ni0zMCwzMC0zMGMxNi41MywwLDMwLDEzLjQ2LDMwLDMwUzI3My41MywxNTAsMjU3LDE1MHoiLz4KICA8L2c+CjwvZz4KPC9zdmc+">
</a>
<a href="#">
<img id="svg-link-container"
style="margin: 4px 0px;background: transparent;border-radius: 8px 0px 0px 8px;height: 32px;width: 32px;padding: 2px 6px 4px 0px;"
src="data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnLWxpbmsiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2U2N2UyMiI+CjxnPgogIDxnPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0xNDkuOTk2LDBDNjcuMTU3LDAsMC4wMDEsNjcuMTYxLDAuMDAxLDE0OS45OTdTNjcuMTU3LDMwMCwxNDkuOTk2LDMwMHMxNTAuMDAzLTY3LjE2MywxNTAuMDAzLTE1MC4wMDMmIzEwOyAgICAgICAgUzIzMi44MzUsMCwxNDkuOTk2LDB6IE0yMjUuMzYzLDEyMy4zMDJsLTM2LjY4NiwzNi42ODZjLTMuOTc5LDMuOTc5LTkuMjY5LDYuMTctMTQuODk1LDYuMTdjLTUuNjI1LDAtMTAuOTE2LTIuMTkyLTE0Ljg5NS02LjE2OCYjMTA7ICAgICAgICBsLTEuNDM3LTEuNDM3bC0zLjkwNiwzLjkwNmwxLjQzNCwxLjQzNGM4LjIxNCw4LjIxNCw4LjIxNCwyMS41NzksMCwyOS43OTNsLTM2LjY4MSwzNi42ODZjLTMuOTc5LDMuOTc5LTkuMjY5LDYuMTctMTQuODk4LDYuMTcmIzEwOyAgICAgICAgYy01LjYyOCwwLTEwLjkxOS0yLjE5Mi0xNC45LTYuMTczTDc0LjYzNCwyMTYuNWMtOC4yMTQtOC4yMDktOC4yMTQtMjEuNTczLTAuMDAzLTI5Ljc5bDM2LjY4OS0zNi42ODQmIzEwOyAgICAgICAgYzMuOTc5LTMuOTc5LDkuMjY5LTYuMTcsMTQuODk4LTYuMTdzMTAuOTE2LDIuMTkyLDE0Ljg5OCw2LjE3bDEuNDMyLDEuNDMybDMuOTA2LTMuOTA2bC0xLjQzMi0xLjQzMiYjMTA7ICAgICAgICBjLTguMjE0LTguMjExLTguMjE0LTIxLjU3Ni0wLjAwNS0yOS43OWwzNi42ODktMzYuNjg2YzMuOTgxLTMuOTgxLDkuMjcyLTYuMTczLDE0Ljg5OC02LjE3M3MxMC45MTYsMi4xOTIsMTQuODk4LDYuMTcmIzEwOyAgICAgICAgbDEzLjg2OCwxMy44NzNDMjMzLjU3NywxMDEuNzIzLDIzMy41NzcsMTE1LjA5LDIyNS4zNjMsMTIzLjMwMnoiLz4KICAgICAgPHBhdGggZD0iTTE0Mi41MzksMTczLjQ1OWwtNy4wOTMsNy4wOTNsLTExLjAwMi0xMC45OTlsNy4wOTMtNy4wOTNsLTEuNDMyLTEuNDMyYy0xLjA0LTEuMDM3LTIuNDIyLTEuNjExLTMuODktMS42MTEmIzEwOyAgICAgICAgYy0xLjQ3MSwwLTIuODUzLDAuNTczLTMuODkzLDEuNjExbC0zNi42ODYsMzYuNjgxYy0yLjE0NSwyLjE0Ny0yLjE0NSw1LjYzOCwwLDcuNzgzbDEzLjg3LDEzLjg3MyYjMTA7ICAgICAgICBjMi4wODMsMi4wODMsNS43MDgsMi4wOCw3Ljc4NiwwLjAwM2wzNi42ODEtMzYuNjg2YzIuMTQ4LTIuMTQ3LDIuMTQ4LTUuNjQxLDAtNy43ODlMMTQyLjUzOSwxNzMuNDU5eiIvPgogICAgICA8cGF0aCBkPSJNMjAwLjQ5Myw5MC42NDNjLTEuMDQtMS4wNC0yLjQyNS0xLjYxMy0zLjg5Ni0xLjYxM2MtMS40NzEsMC0yLjg1NiwwLjU3My0zLjg5NiwxLjYxNmwtMzYuNjg2LDM2LjY4NCYjMTA7ICAgICAgICBjLTIuMTQyLDIuMTQ3LTIuMTQyLDUuNjM4LDAuMDAzLDcuNzg2bDEuNDM0LDEuNDMybDEwLjg4LTEwLjg4M2wxMS4wMDIsMTEuMDAybC0xMC44OCwxMC44ODNsMS40MzQsMS40MzQmIzEwOyAgICAgICAgYzIuMDgzLDIuMDc3LDUuNzAzLDIuMDgsNy43ODYtMC4wMDNsMzYuNjg0LTM2LjY4MWMyLjE0NS0yLjE0NywyLjE0NS01LjYzOCwwLTcuNzg2TDIwMC40OTMsOTAuNjQzeiIvPgogICAgPC9nPgogIDwvZz4KPC9nPgo8L3N2Zz4=">
</a>
</div>
</div>
</div>
</form>
</section>
</div>
<div id="var-con"></div>
<div style="background-color:#ffffff; padding-top:58px;">
<div class="slider content-area">
<div class="slide">
<!-- <a href="#" target="_blank"> -->
<img src="{{ asset('landing_assets/5432c-img-20210205-wa0015.jpg') }}">
<!-- </a> -->
</div>
<div class="slide">
<!-- <a href="#" target="_blank"> -->
<img src="{{ asset('landing_assets/e7356-whatsapp-image-2021-02-04-at-14.56.54.jpeg') }}">
<!-- </a> -->
</div>
<div class="slide">
<!-- <a href="#" target="_blank"> -->
<img src="{{ asset('landing_assets/72e40-img-20210204-wa0004.jpg') }}">
<!-- </a> -->
</div>
</div>
<div class="row">
<div id="customer-service" class="column gallery-columns gallery-item" style="padding: 20px;">
<div class="row">
<div class="col-md-12">
<a href="https://wa.me/{{ $profil->no_telepon }}?text=Ada%20yang%20bisa%20HayyuMart%20bantu?"
style="text-decoration:none" target="_blank">
<div
style="border-radius:6px;background-color:var(--website-color);padding:5px;text-align:center;font-size:14px;color:white;height:100%;">
{{ $profil->nama }}</div>
</a>
</div>
</div>
</div>
</div>
<div class="row" style="padding:5px;padding-bottom: 0px;text-align: center;">
</div>
<div class="row" style="text-align: center;">
</div>
<div class="row" style="padding:0px 10px;text-align:center">
<p>
Menyediakan berbagai sayur segar dan buah segar import dan lokal berkualitas, serta menyediakan
Kebutuhan Pokok dan Rumah Tangga dan Aneka kebutuhan lainnya. </p>
</div>
<!-- Category Scroll -->
<div class="row" style="margin-top: 10px;text-align: center;width: 100%">
<div class="category-scroll" style="line-height: 16px;">
<!-- Item -->
@foreach ($kategori as $k)
<a href="#">
<div class="category-scroll-item">
<div
style="border-radius:50px;background-color:white;border-color:var(--website-color);border-style:solid;border-width:1px;padding:2px">
<img class="category-scroll-item-img" style="display: block"
src="{{ asset('images/barang/coming-soon.jpg') }}">
</div>
<div class="category-scroll-item-txt"> {{ $k->nm_kategori }} </div>
</div>
</a>
@endforeach
<!-- /Item -->
</div>
</div>
<!-- /Category Scroll -->
@foreach ($kategori as $k)
<main class="main" class="query">
<div class="category-box" style="background-color:#e67e22;">
<h3>{{ $k->nm_kategori }}</h3>
</div>
<div class="wrapper product-container">
@foreach ($k->barang->where('stok', '>', '0')->take(10) as $b)
<section class="productbox" data-id="{{ $b->kd_barang }}"
data-image="{{ url('images/barang/'.$b->gambar_barang) }}"
data-name="{{ $b->nm_barang }}" data-price="{{ $b->harga_barang[0]->harga_jual }}" data-stok="{{ $b->stok }}">
<div class="content" style="padding-bottom: 20px;">
<div class="image">
<a href="{{ url('images/barang/'.$b->gambar_barang) }}" rel="bookmark">
<img class="lazy loaded" data-src="{{ url('images/barang/'.$b->gambar_barang) }}"
src="{{ url('images/barang/'.$b->gambar_barang) }}" data-was-processed="true">
</a>
</div>
<div class="detail">
<h3>
<a href="#" rel="bookmark"> {{ $b->nm_barang }} </a>
</h3>
<div class="desc">
<p>Roti dengan berbahan dasar pisang dan didalamnya berisi pisang dan coklat yang lumer.kandungan nutrisi yang bermanfaat untuk tubuh</p>
<p><b>Stok Tersedia: {{ $b->stok }}</b></p>
</div>
<div class="pricing">
<div id="atc-item-1" class="atc clear">
<input type="hidden" name="note" value="">
<div class="qty qty-selector clear" style="display: none;">
<input type="hidden" value="{{ $b->kd_barang }}" name="produk_id">
<button class="btn-note">+ Catatan</button>
<div class="qty-selector-button">
<button type="button" class="minus button-qty"
data-qty-action="minus">-</button>
<input min="0" type="number" value=1 name="item_qty">
<button type="button" class="plus button-qty"
data-qty-action="plus">+</button>
</div>
</div>
<button class="add button-add" style="display: block;">Beli +</button>
</div>
<span class="price">Rp. {{ number_format($b->harga_barang[0]->harga_jual) }}</span>
</div>
</div>
</div>
</section>
@endforeach
</div>
</main>
@endforeach
</div>
<footer class="product-footer">
<div class="site-footer">
<div style="display: inline-flex;width: 100%;">
<div class="footer-logo" style="display:inline-flex;width:calc(100% - 100px);margin-left:8px;">
<a href="{{ url('') }}" class="footer-logo a">
<img src="{{ asset('landing_assets/logo.png') }}" width="64px" style="border-radius:10px;">
</a>
<div>
<div class="footer-logo name">
<a href="{{ url('') }}">Hayyu Mart</a>
</div>
<div class="footer-logo address">
Jl. Yos Sudarso IV No.25, Tlk. Lingga, Sangatta Utara, Kabupaten Kutai Timur, Kalimantan Timur 75683 </div>
</div>
</div>
<div style="text-align:right;max-width:85px !important;margin:0px 4px">
<div>
</div>
</div>
</div>
<hr style="margin-bottom: 0;margin-top: 18px;">
<div style="padding-bottom: 8px;text-align: center;color: black">
<div class="copyright" style="margin-top: 0 !important; margin-bottom: 12px;"><b>
Copyright © 2021 <a href="http://green-nusa.net/" target="_blank">Green Nusa</a> </b>
</div>
</div>
</div>
<div class="basketbox" style="display: none;">
<div class="wrapper" style="padding:0px 4px;">
<div class="basket-body" style="background: var(--website-color)">
<div class="basket">
<div class="basket-detail">
<div class="basket-items">
<span class="basket-items-qty"></span> |
<span class="basket-items-prices"></span>
</div>
<div class="basket-items-store">Klik disini untuk lanjut</div>
</div>
<div class="basket-icon">
<img src="{{ asset('landing_assets/cart.svg') }}">
</div>
</div>
</div>
</div>
</div>
<div id="cart" class="cart" style="display: none;">
<div class="cart-inner">
<div class="cart-head">
<div class="wrapper-cart">
<div class="back">
<span class="cart-head-store">Hayyu Mart</span>
</div>
</div>
</div>
<div class="cart-content">
<div class="wrapper-cart">
<div class="cart-content-items">
<div class="cart-content-items-head">
<div class="cart-content-items-head-title">
Total Belanja Anda
</div>
<div class="cart-content-items-head-add"><a href="{{ url('') }}">Kembali</a></div>
</div>
<div class="cart-content-items-list">
</div>
</div>
<div class="cart-content-form">
<div class="cart-content-form-head">
<div class="cart-content-form-head-title">
Data Anda
</div>
</div>
<div class="cart-content-form-list">
<div class="customer">
<div class="customer-field">
<label>Nama:</label>
<input type="text" name="name" value="dummy">
</div>
<div class="customer-field">
<label>Nomor Handphone:</label>
<input type="number" name="phone" value="081347997165">
</div>
<div class="customer-field">
<label>Alamat Lengkap:</label>
<textarea name="address">samarinda</textarea>
</div>
<div class="customer-field">
<label>Pesan untuk Penjual:</label>
<textarea name="note"></textarea>
</div>
</div>
</div>
</div>
<div class="cart-content-form" id="shipping">
<div class="cart-content-form-head">
<div class="cart-content-form-head-title">
Pilih Jenis Pengiriman
</div>
</div>
<div class="cart-content-form-list">
<div class="customer">
<div class="customer-field">
<select class="customer-field" id="shipping-dropdown" style="width: 100%">
<option value="wa" selected="">Konfirmasi biaya kirim via WA</option>
</select>
</div>
<div class="customer-field">
<label></label>
</div>
</div>
</div>
</div>
<div class="cart-content-form">
<div class="cart-content-form-head">
<div class="cart-content-form-head-title">
Pilih Cara Pembayaran
</div>
</div>
<div class="cart-content-form-list">
<div class="customer">
<div class="customer-field">
<select class="customer-field" id="payment-dropdown" style="width: 100%">
<option value="cod" selected="selected">Bayar Tunai atau COD (Cash On Delivery)</option>
<option value="transfer" selected="selected">Bank Transfer</option>
</select>
</div>
</div>
</div>
</div>
<div class="cart-content-detail">
<div class="cart-content-detail-head">
<div class="cart-content-detail-head-title">
Total Pesanan
</div>
</div>
<div class="cart-content-detail-list">
<table width="100%">
<tbody>
<tr>
<td>Total Harga</td>
<td class="ttl-harga">Rp. 45.000</td>
</tr>
<tr id="ongkir-row">
<td>Biaya Kirim</td>
<td id="ongkir-value">(belum termasuk biaya kirim)</td>
</tr>
<tr id="total-payment">
<td>Total Pembayaran</td>
<td class="ttl-pembayaran"><b>Rp. 45.000</b></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="cart-content-submit">
<div style="text-align:center;font-size:13px;margin-bottom: 10px;">
<div>
Pesanan Anda akan langsung dikirimkan ke <strong>WhatsApp Penjual.</strong></div>
<div>
Harga sewaktu-waktu dapat berubah. Ketersediaan stok barang akan di-infokan.</div>
</div>
<button type="button" id="submit">Pesan</button>
</div>
</div>
</div>
</div>
</div>
<div id="note-popup" class="container" style="display: none;" data-produkid="">
<div class="card">
<div>
<div id="title">
<h4>Tambahkan Catatan</h4>
<img id="btn-close" src="{{ asset('landing_assets/close.png') }}">
<div class="clear"></div>
</div>
<div id="content">
<textarea name="note" placeholder="Masukkan catatan disini.."></textarea>
</div>
<button id="btn-save">Simpan</button>
<div class="clear"></div>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
let produks = [];
let ls = localStorage;
/*
Function Mengubah Format Menjadi Money
*/
function money(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
/*
Function Save array produks ke local Storage Browser
*/
function saveLocalStorage(){
localStorage.setItem('cart', JSON.stringify(produks));
proceedCart();
}
/*
Function Tambah produk, dengan parameter object produk itu sendiri
*/
function addProduk(produk){
produks.push(produk);
saveLocalStorage();
}
/*
Function Delete produk berdasarkan index pada array produks
*/
function deleteProduk(indexProduk){
produks.splice(indexProduk, 1);
saveLocalStorage();
}
/*
Function Delete produk berdasarkan id produk
*/
function cartDeleteProduk(idProduk){
const index = produks.findIndex((produk) => produk.item_id == idProduk)
if (index !== -1) {
produks.splice(index, 1);
saveLocalStorage();
proceedBasketBox();
}
}
/*
Function Update produk berdasarkan idProduk
*/
function updateProdukQty(idProduk, qty, e){
const index = produks.findIndex((produk) => produk.item_id == idProduk)
if (index !== -1) {
if (qty <= 0) {
// show button beli
$(e).parent().parent().css('display', 'none')
$(e).parent().parent().siblings('.button-add').css('display', 'block')
$('.basketbox').css('display', 'none')
deleteProduk(index)
}else{
produks[index].item_qty = qty
saveLocalStorage();
}
}
}
/*
Function Yang dipanggil ketika tombol plus / min diclick
Function untuk memproses qty dan mengirimnya ke function updateProdukQty
*/
function proceedProduk(e){
let produkId = $(e).parent().parent().find('input[name="produk_id"]').val();
console.log($(e));
let qty = 0;
// Cek Apakah e (element) merupakan input item_qty
if ($(e).is('input')) {
qty = parseInt($(e).val());
}else{
qty = parseInt($(e).siblings('input[name=item_qty]').val());
}
// Cek Tombol Plus atau Minus
if ($(e).hasClass("plus")) {
qty++;
$(e).siblings('input[name=item_qty]').val(qty);
}else if($(e).hasClass("minus")){
qty--;
$(e).siblings('input[name=item_qty]').val(qty);
}
updateProdukQty(produkId, qty, e);
}
/*
Function Cek Jika local storage cart exist
maka isi total qty, total price, qty per barang
remove button beli
display button selector
Display BasketBox
*/
function proceedCart(){
const cart = JSON.parse(localStorage.getItem('cart'));
produks = cart ? cart : [];
let ttlQty = 0;
let ttlPrice = 0;
if (produks.length > 0) {
produks.forEach((p) => {
const produkSection = $(`.productbox[data-id="${p.item_id}"]`)
ttlQty += parseInt(p.item_qty);
ttlPrice += parseInt(p.item_price * p.item_qty);
produkSection.find('input[name="item_qty"]').val(p.item_qty)
produkSection.find('.qty-selector').css('display', 'block')
produkSection.find('.button-add').css('display', 'none')
})
$('.basketbox').css('display', 'block')
$('.basket-items-qty').html(`${ttlQty} Item`)
$('.basket-items-prices').html(`Rp. ${money(ttlPrice)}`)
$('.ttl-harga').html(`Rp. ${money(ttlPrice)}`)
$('.ttl-pembayaran').html(`<b>Rp. ${money(ttlPrice)}</b>`)
}else{
$('.ttl-harga').html(`Rp. 0`)
$('.ttl-pembayaran').html(`<b>Rp. 0</b>`)
}
}
proceedCart();
/*
Function Menyimpan Note beradarkan Pesanan / Produk id
*/
function saveNote(id, note){
const index = produks.findIndex((produk) => produk.item_id == id )
if (index !== -1) {
produks[index].note = note;
saveLocalStorage();
}
}
/*
Function Menampilkan Note Jika Exist
*/
function isNoteExist(produkId){
const index = produks.findIndex((produk) => produk.item_id == produkId)
if (index !== -1) {
$('#note-popup').find('textarea').val(produks[index].note)
}
}
/*
Function Generate List Cart
*/
function proceedBasketBox(){
const cart = JSON.parse(localStorage.getItem('cart'));
let elProdukCart = '';
cart.forEach((produk) => {
elProdukCart += `
<div class="productcart">
<div class="content">
<div class="image">
<img src="${produk.item_image}">
</div>
<div class="detail">
<h3>${produk.item_name}</h3>
<div class="pricing" style="margin: 4px 0px"><span class="price">Rp. ${money(produk.item_price)}</span></div>
<div class="atc clear">
<div class="qty qty-selector clear" style="display: block;">
<div class="qty-selector-button">
<button type="button" class="minus cart-button-qty"
data-qty-action="minus">-</button>
<input min="0" type="number" value="${produk.item_qty}" name="item_qty">
<button type="button" class="plus cart-button-qty"
data-qty-action="plus">+</button>
</div>
<button class="btn-note delete" style="margin-right: 8px;float: right;" data-id="${produk.item_id}"><img class="delete-icon" src="${deleteIcon()}"></button>
<button class="btn-note" style="float: right;margin-top: 8px">+ Catatan</button>
<input type="hidden" value="${produk.item_id}" name="produk_id">
</div>
</div>
</div>
</div>
</div>
`;
})
$('.cart-content-items-list').html(elProdukCart)
init()
}
/*
Function init
*/
function init(){
// Tambah QTY Barang
$('.plus').click(function(){
proceedProduk(this);
})
// Kurang QTY Barang
$('.minus').click(function(){
proceedProduk(this);
})
// Jika Input Qty Change
$('input[name="item_qty"]').change(function(){
proceedProduk(this);
})
// Jika Tombol catatan di click,
// display block, tampilkan catatan jika ada
$('.btn-note:not(.delete)').click(function(){
const produkId = $(this).siblings('input[name="produk_id"]').val()
$('#note-popup').css('display', 'block')
$('#note-popup').data('produkid', produkId)
isNoteExist(produkId)
})
$('#btn-save').click(function(){
const container = $(this).parent().parent().parent();
const text = container.find('textarea').val()
const produkId = container.data('produkid')
saveNote(produkId, text)
$('#note-popup').css('display', 'none')
})
$('#btn-close').click(function(){
$('#note-popup').css('display', 'none')
})
$('.delete').click(function(){
const idProduk = $(this).data("id")
cartDeleteProduk(idProduk)
})
}
init();
// Tombol Beli Di Klik
$('.button-add').click(function(){
// get data produk
let thisSection = $(this).parent().parent().parent().parent().parent();
let item_id = thisSection.data('id')
let item_image = thisSection.data('image')
let item_name = thisSection.data('name')
let item_price = thisSection.data('price')
let note = $(this).siblings('input[name=note]').val()
let item_qty = $(this).siblings('.qty-selector').find('input[name=item_qty]').val(1)
item_qty = item_qty.val()
// remove button beli, display button selector
$(this).siblings('.qty-selector').css('display', 'block')
$(this).css('display', 'none')
let produk = {item_id, item_image, item_name, item_price, note, item_qty};
addProduk(produk)
});
// $('.cart-content-items-head-add').click(function(){
// $('#cart') .css('display', 'none')
// })
// Store basketbox
$('.basketbox').click(function(){
$('#cart') .css('display', 'block')
proceedBasketBox()
});
$('#submit').click(function(){
$(this).attr('disabled', 'true')
$(this).css('opacity', '0.5')
const name = $('input[name="name"]').val()
const phone = $('input[name="phone"]').val()
const address = $('textarea[name="address"]').val()
const note = $('textarea[name="note"]').val()
const jenis_pembayaran = $('#shipping-dropdown').val()
const cara_pembayaran = $('#payment-dropdown').val()
let data = {
name,
phone,
address,
note,
jenis_pembayaran,
cara_pembayaran,
produks
};
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: '{{ url("api/penjualan-etalase") }}',
type: "POST",
data: data,
success: (res) => {
const no = '{{ $profil->no_telepon }}'
localStorage.removeItem('cart');
window.open("https://wa.me/"+no+"?text="+res.data['url_wa']);
window.location.replace(res.data['url_redirect']);
},
error: (err) => {
alert(err.statusText);
}
});
console.log(name, phone, address, note, jenis_pembayaran, cara_pembayaran)
console.log(produks)
})
function deleteIcon(){
return "data:image/svg+xml;base64,PHN2ZyBpZD0idHJhc2gtc3ZnIiBoZWlnaHQ9IjQyN3B0IiB2aWV3Qm94PSItNDAgMCA0MjcgNDI3LjAwMTMxIiB3aWR0aD0iNDI3cHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImRpc3BsYXk6bm9uZTtmaWxsOiNlNjdlMjIiPgogICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOiNlNjdlMjIiIGQ9Im0yMzIuMzk4NDM4IDE1NC43MDMxMjVjLTUuNTIzNDM4IDAtMTAgNC40NzY1NjMtMTAgMTB2MTg5YzAgNS41MTk1MzEgNC40NzY1NjIgMTAgMTAgMTAgNS41MjM0MzcgMCAxMC00LjQ4MDQ2OSAxMC0xMHYtMTg5YzAtNS41MjM0MzctNC40NzY1NjMtMTAtMTAtMTB6bTAgMCIvPgogICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOiNlNjdlMjIiIGQ9Im0xMTQuMzk4NDM4IDE1NC43MDMxMjVjLTUuNTIzNDM4IDAtMTAgNC40NzY1NjMtMTAgMTB2MTg5YzAgNS41MTk1MzEgNC40NzY1NjIgMTAgMTAgMTAgNS41MjM0MzcgMCAxMC00LjQ4MDQ2OSAxMC0xMHYtMTg5YzAtNS41MjM0MzctNC40NzY1NjMtMTAtMTAtMTB6bTAgMCIvPgogICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOiNlNjdlMjIiIGQ9Im0yOC4zOTg0MzggMTI3LjEyMTA5NHYyNDYuMzc4OTA2YzAgMTQuNTYyNSA1LjMzOTg0MyAyOC4yMzgyODEgMTQuNjY3OTY4IDM4LjA1MDc4MSA5LjI4NTE1NiA5LjgzOTg0NCAyMi4yMDcwMzIgMTUuNDI1NzgxIDM1LjczMDQ2OSAxNS40NDkyMTloMTg5LjIwMzEyNWMxMy41MjczNDQtLjAyMzQzOCAyNi40NDkyMTktNS42MDkzNzUgMzUuNzMwNDY5LTE1LjQ0OTIxOSA5LjMyODEyNS05LjgxMjUgMTQuNjY3OTY5LTIzLjQ4ODI4MSAxNC42Njc5NjktMzguMDUwNzgxdi0yNDYuMzc4OTA2YzE4LjU0Mjk2OC00LjkyMTg3NSAzMC41NTg1OTMtMjIuODM1OTM4IDI4LjA3ODEyNC00MS44NjMyODItMi40ODQzNzQtMTkuMDIzNDM3LTE4LjY5MTQwNi0zMy4yNTM5MDYtMzcuODc4OTA2LTMzLjI1NzgxMmgtNTEuMTk5MjE4di0xMi41Yy4wNTg1OTMtMTAuNTExNzE5LTQuMDk3NjU3LTIwLjYwNTQ2OS0xMS41MzkwNjMtMjguMDMxMjUtNy40NDE0MDYtNy40MjE4NzUtMTcuNTUwNzgxLTExLjU1NDY4NzUtMjguMDYyNS0xMS40Njg3NWgtODguNzk2ODc1Yy0xMC41MTE3MTktLjA4NTkzNzUtMjAuNjIxMDk0IDQuMDQ2ODc1LTI4LjA2MjUgMTEuNDY4NzUtNy40NDE0MDYgNy40MjU3ODEtMTEuNTk3NjU2IDE3LjUxOTUzMS0xMS41MzkwNjIgMjguMDMxMjV2MTIuNWgtNTEuMTk5MjE5Yy0xOS4xODc1LjAwMzkwNi0zNS4zOTQ1MzEgMTQuMjM0Mzc1LTM3Ljg3ODkwNyAzMy4yNTc4MTItMi40ODA0NjggMTkuMDI3MzQ0IDkuNTM1MTU3IDM2Ljk0MTQwNyAyOC4wNzgxMjYgNDEuODYzMjgyem0yMzkuNjAxNTYyIDI3OS44Nzg5MDZoLTE4OS4yMDMxMjVjLTE3LjA5NzY1NiAwLTMwLjM5ODQzNy0xNC42ODc1LTMwLjM5ODQzNy0zMy41di0yNDUuNWgyNTB2MjQ1LjVjMCAxOC44MTI1LTEzLjMwMDc4MiAzMy41LTMwLjM5ODQzOCAzMy41em0tMTU4LjYwMTU2Mi0zNjcuNWMtLjA2NjQwNy01LjIwNzAzMSAxLjk4MDQ2OC0xMC4yMTg3NSA1LjY3NTc4MS0xMy44OTQ1MzEgMy42OTE0MDYtMy42NzU3ODEgOC43MTQ4NDMtNS42OTUzMTMgMTMuOTI1NzgxLTUuNjA1NDY5aDg4Ljc5Njg3NWM1LjIxMDkzNy0uMDg5ODQ0IDEwLjIzNDM3NSAxLjkyOTY4OCAxMy45MjU3ODEgNS42MDU0NjkgMy42OTUzMTMgMy42NzE4NzUgNS43NDIxODggOC42ODc1IDUuNjc1NzgyIDEzLjg5NDUzMXYxMi41aC0xMjh6bS03MS4xOTkyMTkgMzIuNWgyNzAuMzk4NDM3YzkuOTQxNDA2IDAgMTggOC4wNTg1OTQgMTggMThzLTguMDU4NTk0IDE4LTE4IDE4aC0yNzAuMzk4NDM3Yy05Ljk0MTQwNyAwLTE4LTguMDU4NTk0LTE4LTE4czguMDU4NTkzLTE4IDE4LTE4em0wIDAiLz4KICAgICAgICA8cGF0aCBzdHlsZT0iZmlsbDojZTY3ZTIyIiBkPSJtMTczLjM5ODQzOCAxNTQuNzAzMTI1Yy01LjUyMzQzOCAwLTEwIDQuNDc2NTYzLTEwIDEwdjE4OWMwIDUuNTE5NTMxIDQuNDc2NTYyIDEwIDEwIDEwIDUuNTIzNDM3IDAgMTAtNC40ODA0NjkgMTAtMTB2LTE4OWMwLTUuNTIzNDM3LTQuNDc2NTYzLTEwLTEwLTEwem0wIDAiLz4KICAgIDwvc3ZnPg==";
}
let slider = tns({
"container": ".slider",
"items": 1,
"speed": 300,
"autoplay": true,
"controls": false,
"autoplayHoverPause": false,
"autoplayTimeout": 3500,
"swipeAngle": false
});
});
</script>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell