- ID de exploración:
- fda7cbb9-43b0-4aa2-8734-c72f633831ddFinalizado
- URL enviada:
- https://hoangmaidongz.io.vn/
- Informe finalizado:
Enlaces: 0 encontrados
Los enlaces salientes identificados en la página
Variables JavaScript: 22 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| cuteAlert | function |
| cuteToast | function |
| $ | function |
| jQuery | function |
| changeLanguage | function |
| uidEvent | number |
| bootstrap | object |
Mensajes de registro de la consola: 11 encontrados
Mensajes registrados en la consola web
| Tipo | Categoría | Registrar |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| warning | network |
|
| warning | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
El cuerpo HTML sin procesar de la página
<!-- DEVELOPER BY CMSNT.CO | FB.COM/CMSNT.CO | ZALO.ME/0947838128 | MMO Solution --><!DOCTYPE html><html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-layout-style="default" data-sidebar-size="sm" data-layout-mode="light" data-layout-width="fluid" data-layout-position="fixed"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://hoangmaidongz.io.vn/">
<title>Home | CMSNT.CO</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="copyright" content="CMSNT.CO">
<meta name="author" content="CMSNT.CO">
<meta property="og:url" content="https://hoangmaidongz.io.vn/">
<meta property="og:site_name" content="https://hoangmaidongz.io.vn/">
<meta property="og:title" content="Home | CMSNT.CO">
<meta property="og:type" content="website">
<meta property="og:image" content="https://hoangmaidongz.io.vn/assets/storage/images/image_RSV.png">
<meta property="og:image:secure" content="https://hoangmaidongz.io.vn/assets/storage/images/image_RSV.png">
<meta name="twitter:title" content="Home | CMSNT.CO">
<meta name="twitter:image" content="https://hoangmaidongz.io.vn/assets/storage/images/image_RSV.png">
<meta name="twitter:image:alt" content="Home | CMSNT.CO">
<link rel="icon" type="image/png" href="https://hoangmaidongz.io.vn/assets/storage/images/favicon_ETL.png">
<!-- Cute Alert -->
<link class="main-stylesheet" href="https://hoangmaidongz.io.vn/public/cute-alert/style.css" rel="stylesheet" type="text/css">
<script src="https://hoangmaidongz.io.vn/public/cute-alert/cute-alert.js"></script>
<!-- jQuery -->
<script src="https://hoangmaidongz.io.vn/public/js/jquery-3.6.0.js"></script>
<!-- Layout config Js -->
<script src="https://hoangmaidongz.io.vn/public/themesbrand/js/layout.js"></script>
<!-- Bootstrap Css -->
<link href="https://hoangmaidongz.io.vn/public/themesbrand/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Icons Css -->
<link href="https://hoangmaidongz.io.vn/public/themesbrand/css/icons.min.css" rel="stylesheet" type="text/css">
<!-- Sweet Alert css-->
<link href="https://hoangmaidongz.io.vn/public/themesbrand/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css">
<!-- App Css-->
<link href="https://hoangmaidongz.io.vn/public/themesbrand/css/app.min.css" rel="stylesheet" type="text/css">
<!-- custom Css-->
<link href="https://hoangmaidongz.io.vn/public/themesbrand/css/custom.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;500&family=Roboto+Condensed&display=swap" rel="stylesheet">
<style>
html,
body {
cursor: url("https://hoangmaidongz.io.vn/assets/img/mouse.png"), progress;
}
a:hover {
cursor: url("https://hoangmaidongz.io.vn/assets/img/mouse1.png"), progress;
}
.btn:hover {
cursor: url("https://hoangmaidongz.io.vn/assets/img/mouse1.png"), progress;
}
body{
font-family: 'Oswald', sans-serif;}
.ribbon-box .ribbon-primary {
background: #00266D;
}
.ribbon-box .ribbon-primary.ribbon-shape::after {
border-left-color: #00266D;
border-bottom-color: #00266D;
}
.ribbon-box .ribbon-primary.ribbon-shape::before {
border-left-color: #00266D;
border-top-color: #00266D;
}
[data-layout=vertical][data-sidebar=dark] .navbar-menu {
background: linear-gradient(#00266D, #00266D, #10101F);
border-right: #00266D;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-link {
color: #dfdfdf;
}
[data-layout=vertical][data-sidebar=dark] .menu-title {
color: #838fb9;
}
[data-layout=vertical][data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
color: #c0c0c0;
}
[data-topbar=dark] #page-topbar {
background-color: #00266D;
border-color: white;
}
[data-topbar=dark] .topbar-user {
background-color: #00266D;
}
.navbar-menu .navbar-nav .nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.625rem 1.5rem;
color: var(--vz-vertical-menu-item-color);
font-size: 16px;
font-family: 'Oswald', sans-serif;}
.navbar-menu .navbar-nav .nav-sm .nav-link {
padding: 0.55rem 1.5rem!important;
color: var(--vz-vertical-menu-sub-item-color);
white-space:pre-line;
position: relative;
font-size: .813rem;
font-family: 'Oswald', sans-serif;}
.menu-icon {
font-size: 16px;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
transition: transform 0.5s;
margin-right: 10px;
color: #6d8bb0;
}
</style></head>
<body style="overflow: hidden; padding-right: 10px;">
<!-- Begin page -->
<div id="layout-wrapper">
<header id="page-topbar">
<div class="layout-width">
<div class="navbar-header">
<div class="d-flex">
<!-- LOGO -->
<div class="navbar-brand-box horizontal-logo">
<a href="https://hoangmaidongz.io.vn/" class="logo logo-dark">
<span class="logo-sm">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/favicon_ETL.png" alt="" height="22">
</span>
<span class="logo-lg">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/logo_light_OU8.png" alt="" height="50">
</span>
</a>
<a href="https://hoangmaidongz.io.vn/" class="logo logo-light">
<span class="logo-sm">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/favicon_ETL.png" alt="" height="22">
</span>
<span class="logo-lg">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/logo_dark_0T5.png" alt="" height="50">
</span>
</a>
</div>
<button type="button" class="btn btn-sm px-3 fs-16 header-item vertical-menu-btn topnav-hamburger" id="topnav-hamburger-icon">
<span class="hamburger-icon open">
<span></span>
<span></span>
<span></span>
</span>
</button>
<form class="app-search d-none d-md-block">
<div class="position-relative">
<!-- <input type="text" class="form-control" readonly autocomplete="off"
id="search-options" value=""> -->
<b id="search-options"></b>
<span class="mdi mdi-close-circle search-widget-icon search-widget-icon-close d-none" id="search-close-options"></span>
</div>
</form>
</div>
<div class="d-flex align-items-center">
<!-- <div class="dropdown d-md-none topbar-head-dropdown header-item">
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle"
id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="bx bx-search fs-22"></i>
</button>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
aria-labelledby="page-header-search-dropdown">
<form class="p-3">
<div class="form-group m-0">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search ..."
aria-label="Recipient's username">
<button class="btn btn-primary" type="submit"><i
class="mdi mdi-magnify"></i></button>
</div>
</div>
</form>
</div>
</div> -->
<div class="dropdown ms-1 topbar-head-dropdown header-item">
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle show" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<img id="header-lang-img" src="https://hoangmaidongz.io.vn/" alt="Header Language" height="20" class="rounded">
</button>
<div class="dropdown-menu dropdown-menu-end show" data-popper-placement="bottom-end" data-popper-reference-hidden="" style="position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate3d(-0.333333px, 57px, 0px);">
</div>
</div>
<script>
function changeLanguage(id) {
$.ajax({
url: "https://hoangmaidongz.io.vn/ajaxs/client/update.php",
method: "POST",
dataType: "JSON",
data: {
action: 'changeLanguage',
id: id
},
success: function(respone) {
if (respone.status == 'success') {
cuteToast({
type: "success",
message: respone.msg,
timer: 5000
});
location.reload();
} else {
cuteAlert({
type: "error",
title: "Error",
message: respone.msg,
buttonText: "Okay"
});
}
},
error: function() {
alert(html(response));
history.back();
}
});
}
</script>
<div class="dropdown topbar-head-dropdown ms-1 header-item">
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-cart-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-shopping-bag fs-22"></i>
<span class="position-absolute topbar-badge fs-10 translate-middle badge rounded-pill bg-info">0</span>
</button>
<div class="dropdown-menu dropdown-menu-xl dropdown-menu-end p-0 dropdown-menu-cart" aria-labelledby="page-header-cart-dropdown">
<div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border">
<div class="row align-items-center">
<div class="col">
<h6 class="m-0 fs-16 fw-semibold"> Đơn hàng đang chờ xử lý</h6>
</div>
<div class="col-auto">
<span class="badge badge-soft-warning fs-13"><span>0</span>
đơn</span>
</div>
</div>
</div>
<div data-simplebar="init" style="max-height: 300px;"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;"><div class="simplebar-content" style="padding: 0px;">
<div class="p-2">
<div class="text-center empty-cart">
<div class="avatar-md mx-auto my-3">
<div class="avatar-title bg-soft-info text-info fs-36 rounded-circle">
<i class="bx bx-cart"></i>
</div>
</div>
<h5 class="mb-3">Bạn không có đơn hàng nào đang xử lý!</h5>
</div>
</div>
</div></div></div></div><div class="simplebar-placeholder" style="width: 0px; height: 0px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar" style="height: 0px; display: none;"></div></div></div>
</div>
</div>
<div class="ms-1 header-item d-none d-sm-flex">
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" data-toggle="fullscreen">
<i class="bx bx-fullscreen fs-22"></i>
</button>
</div>
<div class="ms-1 header-item d-none d-sm-flex">
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle light-dark-mode">
<i class="bx bx-moon fs-22"></i>
</button>
</div>
<div class="dropdown ms-sm-3 header-item topbar-user">
<button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="d-flex align-items-center">
<img class="rounded-circle header-profile-user" src="https://hoangmaidongz.io.vn/assets/img/icon-avatar.png" alt="Header Avatar">
<span class="text-start ms-xl-2">
<span class="d-none d-xl-inline-block ms-1 fw-medium user-name-text">Khách</span>
<span class="d-none d-xl-block ms-1 fs-12 text-muted user-name-sub-text"><b style="color: red;">0đ</b></span>
</span>
</span>
</button>
<div class="dropdown-menu dropdown-menu-end">
<!-- item-->
<h6 class="dropdown-header">Xin chào Khách!</h6>
<a class="dropdown-item" href="https://hoangmaidongz.io.vn/client/login"><i class="ri-login-box-line text-muted fs-16 align-middle me-1"></i> <span class="align-middle">Đăng Nhập</span></a>
<a class="dropdown-item" href="https://hoangmaidongz.io.vn/client/register"><i class="las la-user-plus text-muted fs-16 align-middle me-1"></i>
<span class="align-middle">Đăng Ký</span></a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- ========== App Menu ========== -->
<div class="app-menu navbar-menu">
<!-- LOGO -->
<div class="navbar-brand-box">
<!-- Dark Logo-->
<a href="https://hoangmaidongz.io.vn/" class="logo logo-dark">
<span class="logo-sm">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/favicon_ETL.png" alt="" height="22">
</span>
<span class="logo-lg">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/logo_light_OU8.png" alt="" height="50">
</span>
</a>
<!-- Light Logo-->
<a href="https://hoangmaidongz.io.vn/" class="logo logo-light">
<span class="logo-sm">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/favicon_ETL.png" alt="" height="22">
</span>
<span class="logo-lg">
<img src="https://hoangmaidongz.io.vn/assets/storage/images/logo_dark_0T5.png" alt="" height="50">
</span>
</a>
<button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover" id="vertical-hover">
<i class="ri-record-circle-line"></i>
</button>
</div>
<div id="scrollbar" data-simplebar="init" class="h-100"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: 100%; overflow: scroll hidden;"><div class="simplebar-content" style="padding: 0px;">
<div class="container-fluid">
<div id="two-column-menu">
</div>
<ul class="navbar-nav" id="navbar-nav" data-simplebar="init"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: auto; overflow: hidden;"><div class="simplebar-content" style="padding: 0px;">
<li class="menu-title" style="font-size:13px;color:white;"><span>Số dư: <b style="color: yellow;">0đ</b><br>
Giảm giá:
<b>0%</b></span></li>
<li class="menu-title"><span>MENU</span></li>
<li class="nav-item">
<a class="nav-link menu-link " href="https://hoangmaidongz.io.vn/client/home">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/img/icon-house.png">
</i> <span>Trang chủ</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link menu-link" href="#sidebarNapTien" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarNapTien">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/img/icon-payment.png">
</i>
<span>Nạp tiền</span>
</a>
<div class="collapse menu-dropdown " id="sidebarNapTien">
<ul class="nav nav-sm flex-column">
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/recharge" class="nav-link ">Ngân hàng, ví điện tử</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link menu-link " href="https://hoangmaidongz.io.vn/client/orders">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/img/icon-orders.png">
</i>
<span>Lịch sử đơn hàng</span>
<span class="badge badge-pill bg-danger">0</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link menu-link " href="https://hoangmaidongz.io.vn/client/upgrade">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/img/icon-rank.png">
</i>
<span>Cấp bậc tài khoản</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link menu-link " href="https://hoangmaidongz.io.vn/client/api">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/img/icon-api.png">
</i>
<span>Tich hợp API</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link menu-link " href="https://hoangmaidongz.io.vn/client/create-website">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/img/icon-tao-website-rieng.png">
</i>
<span>Tạo website riêng</span>
</a>
</li>
<li class="menu-title"><i class="ri-more-fill"></i> <span>DỊCH VỤ</span></li>
<li class="nav-item">
<a class="nav-link menu-link" href="#sidebarCategory1" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCategory1">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/storage/images/iconG9NM.png">
</i>
<span>Facebook</span>
</a>
<div class="collapse menu-dropdown " id="sidebarCategory1">
<ul class="nav nav-sm flex-column">
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-like-bai-viet" class="nav-link ">Tăng Like Bài Viết</a>
</li>
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-like-fanpage" class="nav-link ">Tăng Like Fanpage</a>
</li>
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-theo-doi-ca-nhan" class="nav-link ">Tăng Theo Dõi Cá Nhân</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link menu-link" href="#sidebarCategory3" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCategory3">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/storage/images/iconKRZX.png">
</i>
<span>Youtube</span>
</a>
<div class="collapse menu-dropdown " id="sidebarCategory3">
<ul class="nav nav-sm flex-column">
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/youtube/tang-sub-youtube" class="nav-link ">Tăng Sub Youtube</a>
</li>
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/youtube/tang-thich-video" class="nav-link ">Tăng Thích Video</a>
</li>
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/youtube/tang-luot-xem" class="nav-link ">Tăng Lượt Xem</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link menu-link" href="#sidebarCategory4" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCategory4">
<i class="menu-icon">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/storage/images/category0UA7.png">
</i>
<span>TikTok</span>
</a>
<div class="collapse menu-dropdown " id="sidebarCategory4">
<ul class="nav nav-sm flex-column">
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/tiktok/tang-tym-tiktok" class="nav-link ">Tăng Tym TikTok</a>
</li>
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/tiktok/tang-follow" class="nav-link ">Tăng Follow</a>
</li>
<li class="nav-item">
<a href="https://hoangmaidongz.io.vn/client/service/tiktok/tang-luot-xem-video" class="nav-link ">Tăng Lượt Xem Video</a>
</li>
</ul>
</div>
</li>
<li class="menu-title"><i class="ri-more-fill"></i> <span>KHÁC</span></li>
</div></div></div></div><div class="simplebar-placeholder" style="width: auto; height: 553px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar" style="height: 0px; display: none;"></div></div></ul>
</div>
<!-- Sidebar -->
</div></div></div></div><div class="simplebar-placeholder" style="width: auto; height: 553px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: visible;"><div class="simplebar-scrollbar" style="width: 50px; display: block; transform: translate3d(0px, 0px, 0px);"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar" style="height: 0px; display: none;"></div></div></div>
</div>
<!-- Left Sidebar End -->
<!-- Vertical Overlay-->
<div class="vertical-overlay"></div>
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-xxl-3 col-md-6">
<div class="card card-animate">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<lord-icon src="https://cdn.lordicon.com/vaeagfzc.json" trigger="loop" colors="primary:#405189,secondary:#0ab39c" style="width:55px;height:55px"></lord-icon>
</div>
<div class="flex-shrink-0">
<a href="https://hoangmaidongz.io.vn/client/recharge" class="badge badge-soft-info badge-border">NẠP THÊM</a>
</div>
</div>
<h3 class="mb-2"><span class="counter-value" data-target="0">0</span><small class="text-muted fs-13">đ</small></h3>
<h6 class="text-muted mb-0">SỐ DƯ HIỆN TẠI</h6>
</div>
</div>
</div>
<div class="col-xxl-3 col-md-6">
<div class="card card-animate">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<lord-icon src="https://cdn.lordicon.com/qhviklyi.json" trigger="loop" colors="primary:#405189,secondary:#0ab39c" style="width:55px;height:55px"></lord-icon>
</div>
<div class="flex-shrink-0">
<a href="https://hoangmaidongz.io.vn/client/recharge" class="badge badge-soft-danger badge-border">NẠP THÊM</a>
</div>
</div>
<h3 class="mb-2"><span class="counter-value" data-target="0">0</span><small class="text-muted fs-13">đ</small></h3>
<h6 class="text-muted mb-0">TỔNG TIỀN NẠP</h6>
</div>
</div>
</div>
<div class="col-xxl-3 col-md-6">
<div class="card card-animate">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<lord-icon src="https://cdn.lordicon.com/slkvcfos.json" trigger="loop" colors="primary:#405189,secondary:#0ab39c" style="width:55px;height:55px"></lord-icon>
</div>
<div class="flex-shrink-0">
<a href="https://hoangmaidongz.io.vn/client/recharge" class="badge badge-soft-primary badge-border">NẠP THÊM</a>
</div>
</div>
<h3 class="mb-2"><span class="counter-value" data-target="0">0</span><small class="text-muted fs-13">đ</small></h3>
<h6 class="text-muted mb-0">SỐ TIỀN ĐÃ CHI TIÊU</h6>
</div>
</div>
</div>
<div class="col-xxl-3 col-md-6">
<div class="card card-animate">
<div class="card-body">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<lord-icon src="https://cdn.lordicon.com/qrbokoyz.json" trigger="loop" colors="primary:#405189,secondary:#0ab39c" style="width:55px;height:55px"></lord-icon>
</div>
<div class="flex-shrink-0">
<a href="https://hoangmaidongz.io.vn/client/recharge" class="badge badge-soft-success badge-border">NẠP THÊM</a>
</div>
</div>
<h3 class="mb-2"><span>0</span><small class="text-muted fs-13">%</small></h3>
<h6 class="text-muted mb-0">GIẢM GIÁ</h6>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="card rounded-0 bg-soft-success border-top">
<div class="px-4">
<div class="row">
<div class="col-xxl-5 align-self-center">
<div class="py-4">
<h4 class="display-6 coming-soon-text">Xin chào
Khách!</h4>
<p class="text-success fs-15 mt-3"></p><p>Mở thêm server like page SV7,8 việt bảo hành dài giá cực rẻ Thay đổi giá buff view tiktok sv2, và vip vip view tiktok do tiktok thay đổi thuật toán Mở thêm SV cmt youtube người việt, like cmt youtube tốc độ cực nhanh</p>
<p></p>
<div class="hstack flex-wrap gap-2">
<a type="button" href="https://hoangmaidongz.io.vn/client/login" class="btn btn-danger btn-label waves-effect waves-light"><i class="las la-user label-icon align-middle fs-16 me-2"></i>
ĐĂNG NHẬP</a>
<a type="button" href="https://hoangmaidongz.io.vn/client/register" class="btn btn-info btn-label waves-effect waves-light"><i class="ri-user-add-line label-icon align-middle fs-16 me-2"></i>
ĐĂNG KÝ</a>
</div>
</div>
</div>
<div class="col-xxl-3 ms-auto">
<div class="mb-n5 pb-1 faq-img d-none d-xxl-block">
<img src="https://hoangmaidongz.io.vn/public/themesbrand/images/faq-img.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6 mb-3">
<div class="mt-3">
<div class="d-flex align-items-center mb-3">
<div class="flex-shrink-0 me-1">
<i class="menu-icon me-1">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/storage/images/iconG9NM.png">
</i>
</div>
<div class="flex-grow-1">
<h5 class="fs-16 mb-0 fw-semibold">Facebook</h5>
</div>
</div>
<div class="accordion accordion-border-box" id="genques-accordion1">
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-3" aria-expanded="false" aria-controls="genques-3">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/service9L8K.png">
</i> Tăng Like Bài Viết </button>
</h2>
<div id="genques-3" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo3" data-bs-parent="#genques-accordion1">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-like-bai-viet" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Tăng like tốc độ nhanh <span class="badge badge-label bg-primary">Giá 3.5đ</span></a>
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-like-bai-viet" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Like thật tốc độ chậm <span class="badge badge-label bg-primary">Giá 20đ</span></a>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo9">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-9" aria-expanded="false" aria-controls="genques-9">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/iconGA74.png">
</i> Tăng Like Fanpage </button>
</h2>
<div id="genques-9" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo9" data-bs-parent="#genques-accordion1">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-4" aria-expanded="false" aria-controls="genques-4">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/serviceS28M.png">
</i> Tăng Theo Dõi Cá Nhân </button>
</h2>
<div id="genques-4" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo4" data-bs-parent="#genques-accordion1">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-theo-doi-ca-nhan" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Server 2: Tốc độ chậm <span class="badge badge-label bg-primary">Giá 5đ</span></a>
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-theo-doi-ca-nhan" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Server 1: Tốc độ nhanh <span class="badge badge-label bg-primary">Giá 10đ</span></a>
<a href="https://hoangmaidongz.io.vn/client/service/facebook/tang-theo-doi-ca-nhan" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Server 3: Người thật click <span class="badge badge-label bg-primary">Giá 20đ</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="mt-3">
<div class="d-flex align-items-center mb-3">
<div class="flex-shrink-0 me-1">
<i class="menu-icon me-1">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/storage/images/iconKRZX.png">
</i>
</div>
<div class="flex-grow-1">
<h5 class="fs-16 mb-0 fw-semibold">Youtube</h5>
</div>
</div>
<div class="accordion accordion-border-box" id="genques-accordion3">
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo5">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-5" aria-expanded="false" aria-controls="genques-5">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/iconC3PR.png">
</i> Tăng Sub Youtube </button>
</h2>
<div id="genques-5" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo5" data-bs-parent="#genques-accordion3">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/youtube/tang-sub-youtube" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Server 1: Tốc độ nhanh <span class="badge badge-label bg-primary">Giá 100đ</span></a>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo8">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-8" aria-expanded="false" aria-controls="genques-8">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/icon1N5G.png">
</i> Tăng Thích Video </button>
</h2>
<div id="genques-8" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo8" data-bs-parent="#genques-accordion3">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/youtube/tang-thich-video" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>Like SV2 (Like Global) <span class="badge badge-label bg-primary">Giá 24đ</span></a>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo7">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-7" aria-expanded="false" aria-controls="genques-7">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/iconA2IR.png">
</i> Tăng Lượt Xem </button>
</h2>
<div id="genques-7" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo7" data-bs-parent="#genques-accordion3">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/youtube/tang-luot-xem" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>SV1 (View MXH, Global) <span class="badge badge-label bg-primary">Giá 40đ</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-3">
<div class="mt-3">
<div class="d-flex align-items-center mb-3">
<div class="flex-shrink-0 me-1">
<i class="menu-icon me-1">
<img width="100%" src="https://hoangmaidongz.io.vn/assets/storage/images/category0UA7.png">
</i>
</div>
<div class="flex-grow-1">
<h5 class="fs-16 mb-0 fw-semibold">TikTok</h5>
</div>
</div>
<div class="accordion accordion-border-box" id="genques-accordion4">
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo6">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-6" aria-expanded="false" aria-controls="genques-6">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/serviceLXI7.png">
</i> Tăng Tym TikTok </button>
</h2>
<div id="genques-6" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo6" data-bs-parent="#genques-accordion4">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/tiktok/tang-tym-tiktok" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>SV1 (Like Việt, Lên cực chậm, không BH) <span class="badge badge-label bg-primary">Giá 18đ</span></a>
<a href="https://hoangmaidongz.io.vn/client/service/tiktok/tang-tym-tiktok" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>SV2 (Like Global, lên nhanh , có thể thể lên thiếu, không BH) <span class="badge badge-label bg-primary">Giá 22đ</span></a>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo10">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-10" aria-expanded="false" aria-controls="genques-10">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/icon1VZ8.png">
</i> Tăng Follow </button>
</h2>
<div id="genques-10" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo10" data-bs-parent="#genques-accordion4">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="genques-headingTwo11">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-11" aria-expanded="false" aria-controls="genques-11">
<i class="menu-icon">
<img width="25px;" src="https://hoangmaidongz.io.vn/assets/storage/images/iconU537.png">
</i> Tăng Lượt Xem Video </button>
</h2>
<div id="genques-11" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo11" data-bs-parent="#genques-accordion4">
<div class="accordion-body p-2">
<div class="list-group list-group-fill-success">
<a href="https://hoangmaidongz.io.vn/client/service/tiktok/tang-luot-xem-video" class="list-group-item list-group-item-action"><i class="bx bxs-send align-middle me-2"></i>SV2 (Giá rẻ) <span class="badge badge-label bg-primary">Giá 0.8đ</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<center></center>
<!--end col-->
</div>
<!--end row-->
</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<script>
document.write(new Date().getFullYear())
</script>2024 © CMSNT.CO | </div>
<div class="col-sm-6">
<div class="text-sm-end d-none d-sm-block">
Version <b style="color: red;">1.3.4</b> | Powered By <a target="_blank" href="https://www.cmsnt.co/?ref=https://hoangmaidongz.io.vn/">CMSNT.CO</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
<!--start back-to-top-->
<button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
<i class="ri-arrow-up-line"></i>
</button>
<!--end back-to-top-->
<div class="customizer-setting d-none d-md-block">
<div class="btn-info btn-rounded shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
<i class="mdi mdi-spin mdi-cog-outline fs-22"></i>
</div>
</div>
<!-- Theme Settings -->
<div class="offcanvas offcanvas-end border-0 show" tabindex="-1" id="theme-settings-offcanvas" style="visibility: visible;" aria-modal="true" role="dialog">
<div class="d-flex align-items-center bg-primary bg-gradient p-3 offcanvas-header">
<h5 class="m-0 me-2 text-white">Theme Customizer</h5>
<button type="button" class="btn-close btn-close-white ms-auto" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body p-0">
<div data-simplebar="init" class="h-100"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content" style="height: 100%; overflow: hidden scroll;"><div class="simplebar-content" style="padding: 0px;">
<div class="p-4">
<h6 class="mb-0 fw-semibold text-uppercase">Layout</h6>
<p class="text-muted">Choose your layout</p>
<div class="row">
<div class="col-4">
<div class="form-check card-radio">
<input id="customizer-layout01" name="data-layout" type="radio" value="vertical" class="form-check-input">
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout01">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Vertical</h5>
</div>
<div class="col-4">
<div class="form-check card-radio">
<input id="customizer-layout02" name="data-layout" type="radio" value="horizontal" class="form-check-input">
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout02">
<span class="d-flex h-100 flex-column gap-1">
<span class="bg-light d-flex p-1 gap-1 align-items-center">
<span class="d-block p-1 bg-soft-primary rounded me-1"></span>
<span class="d-block p-1 pb-0 px-2 bg-soft-primary ms-auto"></span>
<span class="d-block p-1 pb-0 px-2 bg-soft-primary"></span>
</span>
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Horizontal</h5>
</div>
<div class="col-4">
<div class="form-check card-radio">
<input id="customizer-layout03" name="data-layout" type="radio" value="twocolumn" class="form-check-input">
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout03">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1">
<span class="d-block p-1 bg-soft-primary mb-2"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Two Column</h5>
</div>
<!-- end col -->
</div>
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Color Scheme</h6>
<p class="text-muted">Choose Light or Dark Scheme.</p>
<div class="colorscheme-cardradio">
<div class="row">
<div class="col-4">
<div class="form-check card-radio">
<input class="form-check-input" type="radio" name="data-layout-mode" id="layout-mode-light" value="light">
<label class="form-check-label p-0 avatar-md w-100" for="layout-mode-light">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Light</h5>
</div>
<div class="col-4">
<div class="form-check card-radio dark">
<input class="form-check-input" type="radio" name="data-layout-mode" id="layout-mode-dark" value="dark">
<label class="form-check-label p-0 avatar-md w-100 bg-dark" for="layout-mode-dark">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-soft-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-light rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-soft-light d-block p-1"></span>
<span class="bg-soft-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Dark</h5>
</div>
</div>
</div>
<div id="layout-width" style="display: block;">
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Layout Width</h6>
<p class="text-muted">Choose Fluid or Boxed layout.</p>
<div class="row">
<div class="col-4">
<div class="form-check card-radio">
<input class="form-check-input" type="radio" name="data-layout-width" id="layout-width-fluid" value="fluid">
<label class="form-check-label p-0 avatar-md w-100" for="layout-width-fluid">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Fluid</h5>
</div>
<div class="col-4">
<div class="form-check card-radio">
<input class="form-check-input" type="radio" name="data-layout-width" id="layout-width-boxed" value="boxed">
<label class="form-check-label p-0 avatar-md w-100 px-2" for="layout-width-boxed">
<span class="d-flex gap-1 h-100 border-start border-end">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Boxed</h5>
</div>
</div>
</div>
<div id="layout-position" style="display: block;">
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Layout Position</h6>
<p class="text-muted">Choose Fixed or Scrollable Layout Position.</p>
<div class="btn-group radio" role="group">
<input type="radio" class="btn-check" name="data-layout-position" id="layout-position-fixed" value="fixed">
<label class="btn btn-light w-sm" for="layout-position-fixed">Fixed</label>
<input type="radio" class="btn-check" name="data-layout-position" id="layout-position-scrollable" value="scrollable">
<label class="btn btn-light w-sm ms-0" for="layout-position-scrollable">Scrollable</label>
</div>
</div>
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Topbar Color</h6>
<p class="text-muted">Choose Light or Dark Topbar Color.</p>
<div class="row">
<div class="col-4">
<div class="form-check card-radio">
<input class="form-check-input" type="radio" name="data-topbar" id="topbar-color-light" value="light">
<label class="form-check-label p-0 avatar-md w-100" for="topbar-color-light">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Light</h5>
</div>
<div class="col-4">
<div class="form-check card-radio">
<input class="form-check-input" type="radio" name="data-topbar" id="topbar-color-dark" value="dark">
<label class="form-check-label p-0 avatar-md w-100" for="topbar-color-dark">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-primary d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Dark</h5>
</div>
</div>
<div id="sidebar-size" style="display: block;">
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar Size</h6>
<p class="text-muted">Choose a size of Sidebar.</p>
<div class="row">
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-default" value="lg">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-default">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Default</h5>
</div>
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-compact" value="md">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-compact">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Compact</h5>
</div>
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-small" value="sm">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-small">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1">
<span class="d-block p-1 bg-soft-primary mb-2"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Small (Icon View)</h5>
</div>
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-small-hover" value="sm-hover">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-small-hover">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1">
<span class="d-block p-1 bg-soft-primary mb-2"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Small Hover View</h5>
</div>
</div>
</div>
<div id="sidebar-view" style="display: block;">
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar View</h6>
<p class="text-muted">Choose Default or Detached Sidebar view.</p>
<div class="row">
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-layout-style" id="sidebar-view-default" value="default">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-view-default">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Default</h5>
</div>
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-layout-style" id="sidebar-view-detached" value="detached">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-view-detached">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-flex p-1 gap-1 align-items-center px-2">
<span class="d-block p-1 bg-soft-primary rounded me-1"></span>
<span class="d-block p-1 pb-0 px-2 bg-soft-primary ms-auto"></span>
<span class="d-block p-1 pb-0 px-2 bg-soft-primary"></span>
</span>
<span class="d-flex gap-1 h-100 p-1 px-2">
<span class="flex-shrink-0">
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
</span>
<span class="bg-light d-block p-1 mt-auto px-2"></span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Detached</h5>
</div>
</div>
</div>
<div id="sidebar-color" style="display: block;">
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar Color</h6>
<p class="text-muted">Choose Ligth or Dark Sidebar Color.</p>
<div class="row">
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-light" value="light">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-color-light">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-white border-end d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Light</h5>
</div>
<div class="col-4">
<div class="form-check sidebar-setting card-radio">
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-dark" value="dark">
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-color-dark">
<span class="d-flex gap-1 h-100">
<span class="flex-shrink-0">
<span class="bg-primary d-flex h-100 flex-column gap-1 p-1">
<span class="d-block p-1 px-2 bg-soft-light rounded mb-2"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
</span>
</span>
<span class="flex-grow-1">
<span class="d-flex h-100 flex-column">
<span class="bg-light d-block p-1"></span>
<span class="bg-light d-block p-1 mt-auto"></span>
</span>
</span>
</span>
</label>
</div>
<h5 class="fs-13 text-center mt-2">Dark</h5>
</div>
</div>
</div>
</div>
</div></div></div></div><div class="simplebar-placeholder" style="width: auto; height: 1528px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: visible;"><div class="simplebar-scrollbar" style="height: 197px; transform: translate3d(0px, 0px, 0px); display: block;"></div></div></div>
</div>
<!-- <div class="offcanvas-footer border-top p-3 text-center">
<div class="row">
<div class="col-12">
<button type="button" class="btn btn-light w-100" id="reset-layout">Reset</button>
</div>
</div>
</div> -->
</div>
<!-- JAVASCRIPT -->
<script src="https://hoangmaidongz.io.vn/public/themesbrand/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://hoangmaidongz.io.vn/public/themesbrand/libs/simplebar/simplebar.min.js"></script>
<script src="https://hoangmaidongz.io.vn/public/themesbrand/libs/node-waves/waves.min.js"></script>
<script src="https://hoangmaidongz.io.vn/public/themesbrand/libs/feather-icons/feather.min.js"></script>
<script src="https://hoangmaidongz.io.vn/public/themesbrand/js/pages/plugins/lord-icon-2.1.0.js"></script>
<script src="https://hoangmaidongz.io.vn/public/themesbrand/js/plugins.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script type="text/javascript" src="assets/libs/choices.js/public/assets/scripts/choices.min.js"></script>
<script type="text/javascript" src="assets/libs/flatpickr/flatpickr.min.js"></script>
<!-- Sweet Alerts js -->
<script src="https://hoangmaidongz.io.vn/public/themesbrand/libs/sweetalert2/sweetalert2.min.js"></script>
<!-- App js -->
<script src="https://hoangmaidongz.io.vn/public/themesbrand/js/app.js"></script><div class="offcanvas-backdrop fade show"></div>
<script>
</script></body></html>