<!DOCTYPE html><html ⚡="" lang="id"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Barabet78 > Penyedia Game Online Untuk Semua Kalangan </title>
    <meta name="description" content="Barabet78 nikmati lebih dari ribuan permainan online dari semua genre permainan yang bisa dimaikan semua kalangan. Masuk Sekarang.">
    <link rel="canonical" href="https://csbodypiercing.com/">
    <link rel="amphtml" href="https://csbodypiercing.com/amp">
    
    <meta name="google" content="notranslate">
    <meta name="robots" content="index, follow">
    <meta name="rating" content="general">
    <meta name="geo.region" content="id_ID">
    <meta name="googlebot" content="index,follow">
    <meta name="geo.country" content="id">
    <meta name="language" content="Id-ID">
    <meta name="distribution" content="global">
    <meta name="geo.placename" content="Indonesia">
    <meta name="author" content="barabet78">
    <meta name="publisher" content="barabet78">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="id_ID">
    <meta property="og:locale:alternate" content="en_US">
    <meta property="og:title" content="Barabet78 > Penyedia Game Online Untuk Semua Kalangan ">
    <meta property="og:description" content="Barabet78 nikmati lebih dari ribuan permainan online dari semua genre permainan yang bisa dimaikan semua kalangan. Masuk Sekarang.">
    <meta property="og:url" content="https://csbodypiercing.com/">
    <meta property="og:site_name" content="barabet78">
    <meta property="og:image" content="/images/barabet78.jpg">
    <meta property="og:image:alt" content="situs barabet78  barabet78">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@barabet78">
    <meta name="twitter:title" content="Barabet78 > Penyedia Game Online Untuk Semua Kalangan ">
    <meta name="twitter:description" content="Barabet78 nikmati lebih dari ribuan permainan online dari semua genre permainan yang bisa dimaikan semua kalangan. Masuk Sekarang.">
    <meta name="twitter:image" content="https://csbodypiercing.com/images/barabet78.jpg">
    <link rel="shortcut icon" type="image/x-icon" href="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/favicon/favicon.ico">
    <link rel="icon" type="image/webp" sizes="16x16" href="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/favicon/favicon.ico">
    <link rel="preload" as="image" href="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/logo/logo-barabet78.png">
    <link rel="preload" as="image" href="https://csbodypiercing.com/images/barabet78.jpg">
    <link rel="preload" as="image" href="./assets/bg.jpg">
    <link rel="preload" as="image" href="./assets/bank/bni.webp">
    <link rel="preload" as="image" href="./assets/bank/bca.webp">
    <link rel="preload" as="image" href="./assets/bank/bri.webp">
    <link rel="preload" as="image" href="./assets/bank/bsi.webp">
    <link rel="preload" as="image" href="./assets/bank/mandiri.webp">
    <link rel="preload" as="image" href="./assets/bank/ovo.webp">
    <link rel="preload" as="image" href="./assets/bank/gopay.webp">
    <link rel="preload" as="image" href="./assets/bank/dana.webp">
    <link rel="preload" as="image" href="./assets/bank/panin.webp">
    <link rel="preload" as="image" href="./assets/bank/qris.webp">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <script src="js/swiper-bundle.min.js"></script>


    <style>
        :root {
            --bs-blue: #0d6efd;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #f0ef0d;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #0d6efd;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #f0ef0d;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-bg: #fff;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-2xl: 2rem;
            --bs-border-radius-pill: 50rem;
            --bs-link-color: #0d6efd;
            --bs-link-hover-color: #0a58ca;
            --bs-code-color: #d63384;
            --bs-highlight-bg: #fff3cd;
        }

        *,
        ::after,
        ::before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth;
            }
        }

        .container {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-right: auto;
            margin-left: auto;
        }


        @media (min-width:576px) {

            .container {
                max-width: 540px
            }
        }

        @media (min-width:768px) {

            .container {
                max-width: 720px
            }
        }

        @media (min-width:992px) {

            .container {
                max-width: 960px
            }

            .col-lg-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-lg-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }
        }

        @media (min-width:1200px) {

            .container {
                max-width: 1140px
            }
        }

        @media (min-width:1400px) {

            .container {
                max-width: 1320px
            }
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x))
        }

        .row>* {
            flex-shrink: 0;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y)
        }

        @media (max-width:576px) {

            .col-sm-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 50%
            }
        }

        ol,
        ul {
            margin-top: 0
        }

        ol,
        ul {
            margin-bottom: 1rem
        }

        .px-1 {
            padding-right: .25rem;
            padding-left: .25rem
        }

        .pt-2 {
            padding-top: .5rem
        }

        ol,
        ul {
            padding-left: 2rem
        }

        a,
        a.button-cta,
        a:hover,
        a:visited {
            text-decoration: none
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            background-image: url(./assets/bg.jpg)
        }

        .seo-text {
            margin: 40px 0;
            line-height: 1.4;
            color: #000000;
            text-align: justify;
        }

        h1 {
            font-size: 30px
        }

        h2 {
            font-size: 24px;
            text-align: center;
        }

        h3 {
            font-size: 20px
        }

        a.button-cta {
            font-size: 16px
        }

        a.button-cta {
            border-radius: 6px;
            display: inline-block;
            cursor: pointer;
            color: #fff;
            font-weight: 600;
            padding: 15px 40px;
            margin-bottom: 10px;
            width: 100%;
            text-align: center
        }

        a.btn-login {
            background-image: linear-gradient(to bottom, #a61922, #000000 50%, #5e5b5b)
        }

        a.btn-register {
            background-image: linear-gradient(to bottom, #a61922, #000000 50%, #5e5b5b)
        }

        a.btn-alt-link {
            background-image: linear-gradient(to bottom, #00002f 5%, #080e25 100%)
        }

        .seo-text h1,
        .seo-text h2,
        .seo-text h3 {
            color: #000000
        }

        .seo-text h1 {
            text-align: center
        }

        .seo-text a {
            color: #3f51b5;
            font-weight: 700;
        }

        article li {
            margin-bottom: 5px
        }

        @media (min-width:721px) {

            .slider {
                padding-top: 130px
            }
        }

        @media (max-width:720px) {

            .slider {
                padding-top: 68px
            }
        }

        .cta {
            background-image: linear-gradient(to bottom, #ffffff 5%, #ffffff 100%)
        }

        .site-header-inner-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-content: center
        }

        .site-header-inner-container .logo {
            display: inline-block;
            width: 12%;
            padding: 0px
        }

        .topbar-container {
            padding: 8px 0;
            border-bottom: 1px solid #000000;
            background: linear-gradient(89.87deg, #a61922 35.41%, #a61922 121.72%);
            font-size: 12px
        }

        @media (min-width:721px) {
            .navbar {
                position: relative;
                z-index: 1000;
                min-height: 50px;
                margin-bottom: 20px;
                border: 1px solid transparent;
                border-radius: 4px
            }

            .navbar:after,
            .navbar:before {
                display: table;
                content: " "
            }

            .navbar:after {
                clear: both
            }

            .site-header-m {
                display: none
            }

            .navbar-fixed-top {
                position: fixed;
                right: 0;
                left: 0;
                border-width: 0 0 1px;
                border-radius: 0;
                top: 0;
                z-index: 1030
            }

            .topbar-container {
                max-height: 60px
            }

            .topbar-inner-container {
                display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                padding: 10px 0
            }

            .topbar-left-section {
                display: flex;
                flex-wrap: nowrap
            }

            .topbar-left-section img {
                display: inline-block;
                height: 14px;
                width: 14px;
                background: center/contain no-repeat;
                margin-right: 5px;
                animation-name: topbar-icon-bounce;
                animation-duration: 2.5s;
                animation-fill-mode: both;
                animation-timing-function: linear;
                animation-iteration-count: infinite
            }

            @keyframes topbar-icon-bounce {

                0%,
                100%,
                20%,
                40%,
                60%,
                80% {
                    transform: translateY(0)
                }

                70% {
                    transform: translateY(-5px)
                }

                50% {
                    transform: translateY(-12px)
                }
            }

            .topbar-left-section .topbar-item {
                color: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .topbar-left-section .topbar-item+.topbar-item {
                margin-left: 10px;
                border-left: 1px dotted #ffffff
            }

            .topbar-left-section .topbar-item a {
                color: #ffffff;
                padding: 5px 10px;
                border-radius: 3px;
                line-height: 1;
                display: flex;
                align-items: center
            }

            .login-panel .forgot-password-link:hover,
            .top-menu>li:hover,
            .topbar-left-section .topbar-item a:hover {
                color: #ffffff
            }

            .login-panel {
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-end;
                color: #ffffff
            }

            .login-panel .login-button,
            .login-panel .register-button {
                border-radius: 15px;
                display: block;
                padding: 3px 10px;
                text-transform: uppercase;
                line-height: 22px;
                border: none;
                width: 90px;
                text-align: center;
                outline: 0;
                color: #fff;
                font-weight: 600
            }

            .login-panel .login-button {
                background: #000000
            }

            .login-panel .login-button:hover {
                background: #000000
            }

            .login-panel .register-button {
                background: #000000
            }

            .login-panel .register-button:hover {
                background: #000000;
                background: linear-gradient(to right, #000000 0, #dfcc98 100%)
            }

            .login-panel .forgot-password-link {
                display: flex;
                align-items: center;
                color: #ffffff
            }

            .login-panel .login-panel-item+.login-panel-item {
                margin-left: 10px
            }

            .login-panel .login-panel-item:last-of-type {
                padding-right: 15px;
                margin-right: 15px;
                border-right: 1px dotted #ffffff
            }

            .site-header {
                background: #000000;
                box-shadow: inset 0 2px 1px rgba(255, 255, 255, .1);
                height: 70px
            }

            .site-header .container .row>div {
                position: initial
            }

            .top-menu {
                font-size: 14px;
                margin: 0;
                padding: 0;
                list-style: none;
                display: flex;
                flex-wrap: nowrap
            }

            .top-menu>li {
                flex: 1;
                color: #ffffff;
                display: flex;
                align-items: center
            }

            .top-menu>li+li:before {
                content: "";
                height: 20px;
                background: #eae2d3;
                width: 1px;
                margin: 0 8px
            }

            .top-menu>li>a {
                text-decoration: none;
                display: block;
                width: 100%;
                text-align: center;
                color: inherit;
                text-transform: uppercase;
                white-space: nowrap
            }
        }

        @media (max-width:720px) {
            .navbar {
                display: none
            }

            .site-header-m {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 60px;
                z-index: 99;
                border-bottom: 1px solid #000000;
                background: linear-gradient(89.87deg, #d8e90d 35.41%, #f42020 121.72%);
                padding: 8px;
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .site-header-m .header-info {
                margin: 0 5px 0 auto;
                display: flex;
                align-items: center
            }

            .site-header-m .header-info a {
                border-radius: 25px;
                font-size: 15px;
                color: #fff;
                padding: 5px 10px
            }

            .site-header-m .header-info a.login-button {
                background: #000000;
                margin-right: 5px
            }

            .site-header-m .header-info a.register-button {
                background: #000000
            }

            .navbar-fixed-top {
                position: fixed;
                right: 0;
                left: 0;
                border-width: 0 0 1px;
                border-radius: 0;
                top: 0;
                z-index: 1030
            }

            .topbar-container {
                max-height: 70px;
                padding: 0
            }

            .sidebar {
                background-color: #fff;
                width: 100%
            }

            amp-sidebar {
                width: 100vw;
                max-width: 100vw
            }
        }

        .footer-separator {
            padding: 15px 0 0;
            margin: 15px 0 0;
            border-top: 1px dotted #000000
        }

        .bank-list {
            padding-left: 0;
            text-align: center;
        }

        hr {
            border: 0
        }

        .bank-list>li {
            position: relative;
            display: inline-block;
            padding: 5px 0 5px 10px
        }

        .bottom-copyrights {
            padding: 15px 0;
            border-top: 1px solid #000000;
            background: linear-gradient(89.87deg, #a61922 35.41%, #a61922 121.72%);
            font-size: 12px
        }

        .footer-links {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .footer-links>li {
            display: inline-block;
            margin-bottom: 5px
        }

        .footer-links>li>a {
            cursor: pointer;
            display: block;
            color: #ffffff;
            padding-right: 10px;
            line-height: 20px;
            text-decoration: none;
            padding-left: 10px;
            border-left: 1px solid #ffffff
        }

        .footer-links>li>a:hover {
            color: #bda06b
        }

        .copyright {
            color: #ffffff;
            text-align: right
        }

        @media (max-width:720px) {

            .copyright {
                text-align: center
            }

            .footer-links>li {
                width: 47%
            }

            .copyright {
                font-weight: 600;
                margin-top: 10px;
                margin-bottom: 80px
            }
        }

        @media (min-width:721px) {
            .frame {
                display: none
            }
        }

        @media (max-width:720px) {
            .tabbar {
                --primary: #fdcc26;
                --background: #ff0000;
                --icon-active: #fdcc26;
                --x: 64px;
                width: 100%;
                margin: 5px;
                padding: 0;
                border-radius: 28px;
                list-style: none;
                position: relative;
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                background: var(--background);
                background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, .23) 0, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgb(255 0 0 / 55%) 0, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
                box-shadow: inset -3px -3px 9px rgba(255, 255, 255, .25), inset 0 3px 9px rgba(255, 255, 255, .3), inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 -8px 36px rgba(0, 0, 0, .3), inset 0 1px 5px rgba(255, 255, 255, .6), 2px 19px 31px rgba(0, 0, 0, .2);
                box-shadow: rgba(0, 0, 0, .64) 1px 1px 3px
            }

            .tabbar:after,
            .tabbar:before {
                content: "";
                position: absolute;
                left: 0;
                border-radius: 50%;
                transform: translateX(var(--x))
            }

            .tabbar:before {
                width: 64px;
                height: 64px;
                margin-left: -42px;
                background: var(--primary);
                top: -16px;
                z-index: 999
            }

            .tabbar:after {
                width: 84px;
                height: 84px;
                margin-left: -52px;
                background: #d16e1c41;
                top: -26px
            }

            .tabbar li a {
                display: block;
                padding: 18px 0;
                backface-visibility: hidden;
                transition: transform .2s;
                -webkit-tap-highlight-color: transparent
            }

            .tabbar li a div {
                --y: 0;
                width: 32px;
                height: 32px;
                margin: 0 auto;
                position: relative;
                z-index: 999;
                backface-visibility: hidden;
                transform: translateY(var(--y))
            }

            .tabbar li a div:before {
                --s-x: 1;
                --s-y: 1;
                content: "";
                display: block;
                position: absolute;
                z-index: 999;
                transform: scaleX(var(--s-x)) scaleY(var(--s-y))
            }

            .tabbar li.active a div {
                --y: -19px;
                margin-left: 38px
            }

            .frame {
                width: 100%;
                height: 105px;
                border-radius: 0 0 28px 28px;
                overflow: hidden;
                display: flex;
                align-items: flex-end;
                position: fixed;
                z-index: 99;
                bottom: 0;
                right: 0px;
            }
        }

        .Question {
            background-color: #eee;
            color: #000000;
            cursor: pointer;
            padding: 18px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: 0.4s;
            font-weight: bolder;
        }

        .ac,
        .Question:hover {
            background-color: #ccc;
        }

        .Question:after {
            content: '\002B';
            color: #777;
            font-weight: bold;
            float: right;
            margin-left: 5px;
        }

        .ac:after {
            content: "\2212";
        }

        .faqpanel {
            padding: 0 18px;
            background-color: white;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
    </style>



    <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "Barabet78 > Penyedia Game Online Untuk Semua Kalangan ",
    "url": "https://csbodypiercing.com/",
    "description": "Barabet78 nikmati lebih dari ribuan permainan online dari semua genre permainan yang bisa dimaikan semua kalangan. Masuk Sekarang.",
    "breadcrumb": {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": "1",
          "item": {
            "@type": "WebSite",
            "@id": "https://csbodypiercing.com/",
            "name": "barabet78"
          }
        }
      ]
    },
    "publisher": {
      "@type": "Organization",
      "name": "barabet78",
      "logo": {
        "@type": "imageObject",
        "url": "https://csbodypiercing.com/images/barabet78.jpg"
      }
    }
  }
</script>

   

</head>

<body>
    <header>
        <div class="navbar navbar-fixed-top">
            <div class="topbar-container">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 topbar-inner-container">
                            <div class="topbar-left-section">
                                <div class="topbar-item"><a href="https://direct.lc.chat/17306058/55" target="_blank" rel="noopener noreferrer" class="js_live_chat_link"><img src="images/chat.webp" width="15" height="15" style="max-width: 100%; height: auto;" alt="Customer Service barabet78"> Live
                                        Chat </a>
                                </div>
                                <div class="topbar-item"><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer"><img src="images/smartphone.webp" width="15" height="15" style="max-width: 100%; height: auto;" alt="Mobile Version">
                                        Versi Mobile </a></div>
                                <div class="topbar-item"><a href="https://app.barabet78a.store" target="_blank" rel="noopener noreferrer" class="download-apk-btn"><img src="images/android.webp" width="15" height="15" style="max-width: 100%; height: auto;" alt="Aplikasi">
                                        Unduh APK </a></div>
                            </div>
                            <div class="login-panel">
                                <div class="login-panel-item"><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="login-button"> Masuk </a></div>
                                <div class="login-panel-item"><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="register-button"> Daftar </a>
                                </div>
                                <a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="forgot-password-link" data-toggle="modal" data-target="#forgot_password_modal"> Lupa Kata Sandi
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-header">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="site-header-inner-container">
                                <a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="logo">
                                    <img src="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/logo/logo-barabet78.png" width="210" height="63" style="max-width: 100%; height: auto;" alt="barabet78">
                                </a>
                                <ul class="top-menu">
                                    <li><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer">
                                            Bukti
                                             Pembayaran  </a></li>
                                    <li><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer">
                                            Promosi
                                        </a></li>
                                    <li><a href="https://wa.me/6281337546615" target="_blank" rel="noopener noreferrer">
                                            WhatsApp</a>
                                    </li>
                                    <li><a href="https://rtp.barabet78a.store/" target="_blank" rel="noopener noreferrer">
                                            Pola RTP</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-header-m navbar-fixed-top">
            <a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="logo">
                <img src="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/logo/logo-barabet78.png" width="210" height="63" style="max-width: 100%; height: auto;" alt="barabet78">
            </a>
            <div class="header-info">
                <a class="login-button" href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer"> Masuk
                </a>
                <a class="register-button" href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer">
                    Daftar </a>
            </div>

        </div>
    </header>
    <div>
        <div class="slider">
            <div class="container">
                <!-- Swiper -->
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="/images/barabet78.jpg" alt="Situs" style="width:100%;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cta">
        <div class="container">
            <div class="row pt-2">
                <div class="col-lg-4 col-sm-6 px-1">
                    <a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="button-cta btn-login"> MASUK
                    </a>
                </div>
                <div class="col-lg-4 col-sm-6 px-1"><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="button-cta btn-register"> DAFTAR </a></div>
                <div class="col-lg-4 col-sm-12 px-1"><a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="button-cta btn-alt-link"> LINK ALTERNATIF </a></div>
            </div>
        </div>
    </div> <amp-sidebar id="sidebar-desktop" class="sidebar" layout="nodisplay" side="left">
        <div class="site-header-m">
            <a href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer" class="logo">
                <img src="https://asset01.source-static.us/assets/rajaplay/barabet78/baranew/barabet78/logo/logo-barabet78.png" width="210" height="63" style="max-width: 100%; height: auto;" alt="barabet78">
            </a>
            <div class="header-info">
                <a class="login-button" href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer"> Masuk
                </a>
                <a class="register-button" href="https://barabet78x.ink/" target="_blank" rel="noopener noreferrer">
                    Daftar </a>
            </div>

        </div>


    </amp-sidebar>
    <main class="home seo-text">
        <div class="container">
            <article>
                <h1>Barabet78 > Penyedia Game Online Untuk Semua Kalangan </h1>
             <p>Industri hiburan digital semakin berkembang pesat, dan game online menjadi salah satu pilihan utama bagi banyak orang untuk mengisi waktu luang. Tidak hanya kalangan tertentu, game online kini sudah menjadi hiburan lintas usia dan profesi. Melihat tren ini, <a href="https://csbodypiercing.com/"><strong>barabet78</strong> </a> hadir sebagai penyedia game online untuk semua kalangan, dengan menghadirkan ribuan permainan dari berbagai genre yang bisa dimainkan kapan saja dan di mana saja.
                </p>
                <h3>Ribuan Permainan Dari Semua Genre
</h3>
<p>Keunggulan utama Barabet78 adalah koleksi permainan yang sangat lengkap. Pemain dapat menikmati ribuan pilihan game dari berbagai genre, mulai dari permainan kasual yang ringan, game strategi menantang, hingga permainan dengan visual modern dan fitur interaktif.
</p>

<h3>Untuk Semua Kalangan Pemain
</h3>
<p>Salah satu misi Barabet78 adalah menyediakan hiburan inklusif yang dapat diakses oleh semua kalangan. Mulai dari remaja hingga orang dewasa, siapa pun bisa menemukan permainan yang sesuai dengan preferensi mereka.
</p>

            </article>
            
            <br>
            <div class="container">
  <p><b>KOMENTAR PENGGUNA barabet78</b></p>

  <div style="display:flex; gap:20px; flex-wrap:wrap;">

<!-- Testimoni 1 -->
<div style="border:1px solid #ddd; border-radius:10px; padding:15px; width:300px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
  <h4 style="margin:0 0 5px; color:#ff4500;">Agus Prabowo</h4>
  <p style="margin:0 0 5px; font-size:12px; color:#777;">Jakarta · 1 menit yang lalu</p>
  <p style="margin:5px 0; font-size:14px; line-height:1.5;">
    “Barabet78 lengkap banget, ada ribuan game dari semua genre. Cocok buat semua kalangan, nggak bikin bosan sama sekali!” 🎮✨
  </p>
</div>

<!-- Testimoni 2 -->
<div style="border:1px solid #ddd; border-radius:10px; padding:15px; width:300px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
  <h4 style="margin:0 0 5px; color:#ff4500;">Melati Andini</h4>
  <p style="margin:0 0 5px; font-size:12px; color:#777;">Bandung · 3 menit yang lalu</p>
  <p style="margin:5px 0; font-size:14px; line-height:1.5;">
    “Suka banget main di Barabet78, game-nya banyak pilihan, dari santai sampai yang menantang. Semua orang bisa main!” 🕹️🌟
  </p>
</div>

<!-- Testimoni 3 -->
<div style="border:1px solid #ddd; border-radius:10px; padding:15px; width:300px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.1);">
  <h4 style="margin:0 0 5px; color:#ff4500;">Hendra Wijaya</h4>
  <p style="margin:0 0 5px; font-size:12px; color:#777;">Surabaya · 5 menit yang lalu</p>
  <p style="margin:5px 0; font-size:14px; line-height:1.5;">
    “Barabet78 bener-bener penyedia game online terbaik. Semua genre ada, dan bisa dimainkan siapa saja. Mantap banget!” 🔥🏆
  </p>
</div>







  </div>

</div>
</div>

        </div>
    </main>

    <hr class="footer-separator">
    <footer>
        <ul class="bank-list">
            <li>
                <img src="images/BCA-WEBP.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Bca">
            </li>
            <li>
                <img src="images/BRI.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Bri">
            </li>
            <li>
                <img src="images/BNI.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Bni">
            </li>
            <li>
                <img src="images/MANDIRI.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Mandiri">
            </li>
            <li>
                <img src="images/DANA.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Dana">
            </li>
            <li>
                <img src="images/OVO.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Ovo">
            </li>
            <li>
                <img src="images/GOPAY.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Gopay">
            </li>
            <li>
                <img src="images/QRIS.png" width="80" height="40" style="max-width: 100%; height: auto;" alt=" Deposit Qris">
            </li>

        </ul>
        <div class="bottom-copyrights">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-sm-12">
                        <ul class="footer-links">
                            <li><a href="https://csbodypiercing.com/" target="_blank" rel="noopener noreferrer">Tentang Kami</a>
                            </li>
                            <li><a href="https://csbodypiercing.com/" target="_blank" rel="noopener noreferrer">Customer
                                    Care</a></li>
                            <li><a href="https://csbodypiercing.com/" target="_blank" rel="noopener noreferrer">Syarat &
                                    Ketentuan</a></li>
                            <li><a href="https://csbodypiercing.com/" target="_blank" rel="noopener noreferrer">
                                    Promosi
                                </a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-sm-12 copyright">🎮 Copyright 2025 barabet78. All Rights Reserved
                        | 18+ | SEO-Lei</div>
                </div>
            </div>
        </div>
    </footer>

    <script>
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
    </script>

    <script>
        var acc = document.getElementsByClassName("Question");
        var i;

        for (i = 0; i < acc.length; i++) {
            acc[i].addEventListener("click", function () {
                this.classList.toggle("ac");
                var panel = this.nextElementSibling;
                if (panel.style.maxHeight) {
                    panel.style.maxHeight = null;
                } else {
                    panel.style.maxHeight = panel.scrollHeight + "px";
                }
            });
        }
    </script>



</body></html>