Find this useful? Enter your email to receive occasional updates for securing PHP code.

Signing you up...

Thank you for signing up!

PHP Decode

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ..

Decoded Output download

<?   
<!DOCTYPE html> 
    <html lang="en"> 
 
    <head> 
        <meta charset="UTF-8"> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
        <meta property="og:title" content="Eleven SHOP - "> 
        <meta property="og:type" content="website"> 
        <meta property="og:url" content="elevenshoplao.rf.gd"> 
        <meta name="twitter:card" content="summary_large_image"> 
        <meta property="og:image" content="https://img2.pic.in.th/pic/Logoe71cae62ff891860.png"> 
        <meta property="og:description" content="? Rockstar ?  !!! 
 Rockstar    Crack   "> 
 
        <title>Eleven SHOP</title> 
        <link rel="shortcut icon" href="https://img2.pic.in.th/pic/Logoe71cae62ff891860.png" type="image/png" sizes="16x16"> 
 
        <link rel="stylesheet" href="services/styles/styles.css"> 
        <link rel="stylesheet" href="services/styles/hover.css"> 
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> 
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> 
        <link rel="stylesheet" href="//cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css"> 
        <script src="//cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script> 
        <!-- <link rel="stylesheet" href="services/gshake/css/box.css"> --> 
        <link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet"> 
        <link href="https://cdn.jsdelivr.net/gh/eliyantosarage/font-awesome-pro@main/fontawesome-pro-6.5.1-web/css/all.min.css" rel="stylesheet"> 
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> 
        <script src="https://www.google.com/recaptcha/api.js" async defer></script> 
        <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 
        <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> 
        <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> 
        <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=Kanit:wght@600&family=Kanit&display=swap" rel="stylesheet"> 
        <link rel="stylesheet" href="font/stylesheet.css"> 
        <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script> 
        <style> 
            :root { 
                --main: #8e38ff; 
                --sub: #ede1fe; 
                --font: #ffffff; 
                --icon_color: #ffffff; 
                --sub-opa-50: #8e38ff80; 
                --sub-opa-25: #8e38ff; 
            } 
        </style> 
        <link rel="stylesheet" href="services/styles/styles.css"> 
        <style> 
         
            *, 
            html, 
            body, 
            h1, 
            h2, 
            h3, 
            h4, 
            h5, 
            h6, 
            span, 
            small, 
            active, 
            p, 
            a, 
            button, 
            .btn, 
            .nav-link, 
            .text-dark, 
            .text-white, 
            .text-secondary, 
            .underline-active { 
                color: var(--font); 
            } 
            .bg-glass{ 
              background: linear-gradient(135deg, rgba(255, 255,255 , 0.1)  ,  rgba(255, 255,255 , 0)  ); 
              backdrop-filter: blur(30px); 
              -webkit-backdrop-filter: blur(30px); 
              box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37); 
          } 
            ::-webkit-scrollbar { 
                 
                width: 5px !important; 
                height: 5px !important; 
            } 
            ::-webkit-scrollbar-track { 
                background: transparent 
            } 
 
            ::-webkit-scrollbar-thumb { 
                border-radius: 10px; 
                background: var(--main) 
            } 
            .owl-items { 
                max-width: 220px; 
                max-height: 220px; 
 
            } 
 
 
            .owl-items img { 
                border-radius: 25px !important; 
                animation: glow 2s infinite ease-in-out; 
            } 
 
            body { 
                background-image: url('https://img5.pic.in.th/file/secure-sv1/20240604_174742.png'); 
                background-repeat: no-repeat; 
                background-attachment: fixed; 
                background-position: center; 
                background-size: cover; 
                overflow-x: hidden; 
            } 
 
 
 
.bg-custom { 
     
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
    background-color:#FF9900; 
} 
 
 
 
 
 
 
 
.form-control { 
    color: var(--font)!important; 
    background-image: url(''); 
    display: block; 
    width: 100%; 
    padding: 0.375rem 0.75rem; 
    font-size: 1rem; 
    font-weight: 400; 
    line-height: 1.5; 
    background-color:#FF9900; 
    background-clip: padding-box; 
    border: 1px solid var(--font); 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    border-radius: 0.25rem; 
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
} 
 
.form-control:focus { 
    color: var(--font)!important; 
    background-color:#FF9900; 
    border-color: var(--main) !important; 
    outline: 0 !important; 
    box-shadow: 0 0 0 .25rem var(--main) !important; 
} 
.btn { 
    transition: 0.3s ease-in-out; 
} 
.btn:hover, 
.btn:focus, 
.btn:active { 
    color: var(--font)!important; 
    border-color: var(--font) !important; 
    outline: 0 !important; 
     
    filter: drop-shadow(0 0 .8em var(--main)); 
    box-shadow: 0 0 0 0 var(--main) !important; 
} 
.dataTables_wrapper .dataTables_length select { 
    border: 1px solid var(--main); 
    border-radius: 3px; 
    padding: 5px; 
    background-color:#FF9900; 
    padding: 4px; 
} 
.paginate_button { 
    border-radius: 5px; 
    color: var(--font) !important; 
    border: 1px solid var(--main) !important; 
    background-color:#FF9900; 
} 
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { 
    border-radius: 5px; 
    color: var(--font) !important; 
    border: 1px solid rgba(0, 0, 0, 0.3); 
    background-color: rgba(230, 230, 230, 0.1); 
    background: var(--main) !important; 
    /* background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */ 
    background: var(--main) !important; 
    background: var(--main) !important; 
    background: var(--main) !important; 
    /* background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */ 
} 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { 
    border-radius: 5px; 
    color: var(--font) !important; 
    border: 1px solid rgba(0, 0, 0, 0.3); 
    background-color: rgba(230, 230, 230, 0.1); 
    background: var(--main) !important; 
    /* background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */ 
    background: var(--main) !important; 
    background: var(--main) !important; 
    background: var(--main) !important; 
    /* background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */ 
} 
.paginate_button { 
    border-radius: 5px !important; 
} 
.dataTables_empty { 
    color: var(--font) !important; 
} 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { 
    border-radius: 5px; 
    cursor: default; 
    color: var(--font) !important; 
    border: 1px solid transparent; 
    background: transparent; 
    box-shadow: none; 
} 
.dataTables_wrapper .dataTables_filter input { 
    border: 1px solid var(--main); 
    border-radius: 5px; 
    padding: 5px; 
    background-color:#FF9900; 
    margin-left: 3px; 
} 
.dataTables_filter { 
    margin-bottom: 1rem !important; 
} 
.table { 
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05); 
} 
.table-striped>tbody>tr:nth-of-type(odd)>* { 
    --bs-table-accent-bg: var(--bs-table-striped-bg); 
    color: var(--bs-table-striped-color); 
} 
tr { 
    border-radius: 10px; 
} 
td { 
    text-align: center; 
    vertical-align: middle; 
    color: var(--font) !important; 
    border-right: 1px solid var(--main) !important; 
    border-top: 1px solid var(--main) !important; 
} 
th { 
    text-align: center; 
    vertical-align: middle; 
    color: var(--font) !important; 
    border-right: 1px solid var(--main) !important; 
    border-top: 1px solid var(--main) !important; 
} 
.table>:not(caption)>*>* { 
    padding: 0.5rem 0.5rem; 
    background-color:#FF9900; 
    border-bottom-width: 0px; 
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); 
} 
table.dataTable thead th, table.dataTable thead td { 
    padding: 10px; 
    border-bottom: 1px solid var(--main); 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: var(--main); 
} 
[type=search] { 
    outline-offset: 0px; 
    outline-color: var(--main); 
    -webkit-appearance: textfield; 
} 
 
.btnm { 
    color: var(--font) !important; 
    background-color:#FF9900; 
} 
 
 
 
.form-control-color { 
    width: 3rem; 
    height: 38px; 
    padding: 0.375rem; 
} 
 
.modal-content { 
    border-radius: 15px; 
} 
 
 
.bdr25px { 
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
    border-radius: 25px; 
    border: 1px solid var(--main); 
} 
 
.bdr15px { 
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
    border-radius: 15px; 
    border: 1px solid var(--main); 
} 
 
.shadow-main { 
    filter: drop-shadow(0 0 10px var(--main-color)); 
} 
 
 
.btn-custom { 
    position: relative; 
    max-width: 350px; 
    border-radius: 10px; 
} 
.btn-custom img { 
    max-width: 100%; 
    border-radius: 10px; 
} 
 
.stat h6 { 
    border-radius: 1vh; 
    color: var(--font); 
    border: 1px solid var(--main); 
} 
.bdc { 
    border: 1px solid var(--main); 
} 
 
.modal-content { 
    border: 2px solid var(--main); 
} 
 
.bdr3vh { 
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
    border: 1px solid var(--main); 
    border-radius: 3vh; 
} 
.bdr1vh { 
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
    border: 1px solid var(--main); 
    border-radius: 1vh; 
} 
.bdr1vh { 
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; 
    border: 1px solid var(--main); 
    border-radius: 1vh; 
} 
 
.form-control:disabled, .form-control[readonly] { 
    color: var(--font) !important; 
    background-color:#FF9900; 
    opacity: 1; 
} 
 
input::placeholder { 
    color: var(--font)!important; 
} 
 
 
 
.input-group-text { 
    border: 1px solid var(--font); 
    color: var(--font)!important; 
    background-color:#FF9900; 
} 
 
.quantity { 
    border-radius: 3px; 
} 
 
.border-hov { 
    border: 1px solid var(--main) !important; 
} 
 
.line { 
    height: 2px; 
    width: 100%; 
    background-color:#FF9900; 
} 
 
.catebox { 
    position: relative; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid var(--main); 
} 
 
 
.cateimg { 
    height: auto; 
    margin-left: auto; 
    width: 100%; 
    padding: 10px; 
    border-radius: 20px; 
} 
 
.slow-start { 
    --aos-delay: 500ms; 
  } 
 
.count-only { 
    border: 1px solid var(--main); 
} 
 
lable { 
    margin-top: 2px; 
} 
 
.hvr-grow2 { 
    display: inline-block; 
    vertical-align: middle; 
    -webkit-transform: perspective(1px) translateZ(0); 
    transform: perspective(1px) translateZ(0); 
    box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
    -webkit-transition-duration: 0.3s; 
    transition-duration: 0.3s; 
    -webkit-transition-property: transform; 
    transition-property: transform; 
    transition: 0.3s ease-in-out; 
} 
 
.hvr-grow2:hover, 
.hvr-grow2:focus, 
.hvr-grow2:active { 
    filter: drop-shadow(0 0 .4em var(--main)); 
    -webkit-transform: scale(1.05); 
    transform: scale(1.05); 
} 
 
.hvr-bd { 
    display: inline-block; 
    vertical-align: middle; 
    -webkit-transform: perspective(1px) translateZ(0); 
    transform: perspective(1px) translateZ(0); 
    box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
    -webkit-transition-duration: 0.3s; 
    transition-duration: 0.3s; 
    -webkit-transition-property: transform; 
    transition-property: transform; 
    transition: 0.3s ease-in-out; 
} 
 
.hvr-bd:hover, 
.hvr-bd:focus, 
.hvr-bd:active { 
    filter: drop-shadow(0 0 .4em var(--main)); 
} 
 
table.dataTable.no-footer { 
    border: 1px solid var(--main); 
    border-radius: 10px; 
    margin-top: 10px !important; 
} 
.sorting { 
    text-align: center !important; 
} 
 
.modal-footer { 
    display: flex; 
    flex-wrap: wrap; 
    flex-shrink: 0; 
    align-items: center; 
    justify-content: flex-end; 
    padding: 0.75rem; 
    border-top: 1px solid var(--main); 
    border-bottom-right-radius: calc(0.3rem - 1px); 
    border-bottom-left-radius: calc(0.3rem - 1px); 
} 
 
.modal-header { 
    display: flex; 
    flex-shrink: 0; 
    align-items: center; 
    justify-content: space-between; 
    padding: 1rem 1rem; 
    border-bottom: 1px solid var(--main); 
    border-top-left-radius: calc(0.3rem - 1px); 
    border-top-right-radius: calc(0.3rem - 1px); 
} 
 
.bg-main80 { 
    background-color: #FF9900; 
} 
 
.bg-trans { 
    background-color: #FF9900; 
} 
 
.grid-nofmanage { 
    display: grid; 
    grid-template-columns: auto auto; 
    gap: 10px; 
} 
 
.grid-sidebar { 
    display: grid; 
    grid-template-columns: auto auto; 
    gap: 10px; 
} 
 
 
.grid-homepage { 
    display: grid; 
    grid-template-columns: auto 230px; 
    gap: 10px; 
} 
 
.hidden { 
    display: none; 
} 
 
.grid-checkbox { 
    display: grid; 
    grid-template-columns: auto 27px; 
    gap: 60px; 
} 
 
.toggle { 
  --width: 50px; 
  --height: calc(var(--width) / 2); 
  --border-radius: calc(var(--height) / 2); 
 
  display: inline-block; 
  cursor: pointer; 
} 
 
.toggle__input { 
  display: none; 
} 
 
.toggle__fill { 
    border: 1px solid var(--main); 
  position: relative; 
  width: var(--width); 
  height: var(--height); 
  border-radius: var(--border-radius); 
  background: var(--sub); 
  transition: background 0.2s; 
} 
 
.toggle__input:checked ~ .toggle__fill { 
  background: var(--sub); 
} 
 
.toggle__fill::after { 
  content: ""; 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 23px; 
  width: 23px; 
  background: var(--main); 
  border-radius: var(--border-radius); 
  transition: transform 0.2s; 
} 
 
.toggle__input:checked ~ .toggle__fill::after { 
  transform: translateX(var(--height)); 
} 
option { 
    background-color: #FF9900 !important; 
    color: var(--font) !important; 
} 
.hvr-ds { 
    filter: drop-shadow(0 0 .4em var(--main)); 
} 
 
 
        .btn-main { 
            border-radius: 1vh; 
            text-decoration: none; 
            border: 2.5px solid var(--main); 
            transition: all .5s ease; 
        } 
 
        .btn-main:hover { 
            color: var(--font); 
            background-color:#FF9900; 
            border: 2.5px solid var(--main); 
        } 
 
        </style> 
         
    </head> 
 
     
    <body> 
 
     
 
    <style> 
        body { 
            margin: 0; 
            padding: 0; 
        } 
 
        .loader { 
            position: fixed; 
            top: 0; 
            left: 0; 
            width: 100vw; 
            height: 100vh; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            background: #000000; 
            opacity: 1; 
            visibility: visible;  
            z-index: 9999; 
        } 
 
 
        .loader--hidden { 
            opacity: 0; 
            visibility: hidden; 
            transition: opacity 0.75s, visibility 0.75s; 
        } 
 
        .loader::after { 
            content: ""; 
            width: 75px; 
            height: 75px; 
            border: 15px solid var(--main); 
            border-top-color: var(--sub); 
            border-radius: 50%; 
            animation: loading 0.75s ease infinite; 
        } 
 
        @keyframes loading { 
            from { 
                transform: rotate(0turn); 
            } 
            to { 
                transform: rotate(1turn); 
            } 
        } 
    </style> 
    <script> 
        function hextorgba(hex, alpha) { 
            const r = parseInt(hex.slice(1, 3), 16); 
            const g = parseInt(hex.slice(3, 5), 16); 
            const b = parseInt(hex.slice(5, 7), 16); 
            return `rgba(${r}, ${g}, ${b}, ${alpha})`; 
            } 
                window.addEventListener("load", () => { 
                    const loader = document.querySelector(".loader"); 
                    const nav = document.querySelector(".nav"); 
                    const footer = document.querySelector(".footer"); 
 
                    loader.classList.add("loader--hidden"); 
                    const elementsToUnhide = document.querySelectorAll("#hideload"); 
                        elementsToUnhide.forEach(element => { 
                            element.classList.remove("loader--hidden"); 
                        }); 
                    loader.addEventListener("transitionend", () => { 
                        document.body.removeChild(loader); 
                         
                    }); 
                }); 
            </script> 
            <div class="loader"></div> 
            <div class="snowflake"></div> 
<script> 
    function slicenav() { 
        const element = document.getElementById("side-bar"); 
        element.classList.toggle("show"); 
    }; 
        document.addEventListener('DOMContentLoaded', function() { 
            adjustMargin(); 
        }); 
 
        window.addEventListener('resize', function() { 
            adjustMargin(); 
        }); 
 
        function adjustMargin() { 
            if (window.innerWidth < 992) { 
                $('#bar-btn').removeClass('hidden'); 
                $('#nav-menu').addClass('hidden'); 
            } else { 
                $('#bar-btn').addClass('hidden'); 
                $('#nav-menu').removeClass('hidden'); 
            } 
        } 
</script> 
 
 
<script> 
document.addEventListener("DOMContentLoaded", function() { 
    var backendelm = document.getElementById("backend"); 
 
    if (backendelm) { 
        var navHideBackendelm = document.getElementById("nav-hide-backend"); 
        var logoHideBackendelm = document.getElementById("logo-hide-backend"); 
        var exitBackendelm = document.getElementById("exit-backend"); 
 
        if (navHideBackendelm) { 
            navHideBackendelm.parentNode.removeChild(navHideBackendelm); 
            $('#nav-menu').addClass('hidden'); 
            logoHideBackendelm.classList.add("hidden"); 
        } 
 
        if (exitBackendelm) { 
            exitBackendelm.classList.remove("hidden"); 
        } 
    } 
}); 
 
</script> 
<style> 
.grid-nav { 
    display: grid; 
    grid-template-columns: 70px auto; 
    gap: 10px; 
} 
</style> 
 
<script type="2eeadb7ab83da02ff3d30ffb-text/javascript"> 
  
</script> 
        <!DOCTYPE html> 
<html lang="en"> 
 
<head> 
 
<meta charset="UTF-8"> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
        <meta property="og:title" content="Eleven SHOP - "> 
        <meta property="og:type" content="website"> 
        <meta property="og:url" content="twentyseven.xnlc.xyz"> 
        <meta name="twitter:card" content="summary_large_image"> 
        <meta property="og:image" content="https://img5.pic.in.th/file/secure-sv1/27rockstar.png"> 
        <meta property="og:description" content="? Rockstar ?  !!! 
 Rockstar    Crack   "> 
 
        <title>27 Rockstar</title> 
        <link rel="shortcut icon" href="https://img5.pic.in.th/file/secure-sv1/27rockstar.png" type="image/png" sizes="16x16"> 
 
         
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> 
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> 
        <link rel="stylesheet" href="//cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css"> 
        <script src="//cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script> 
        <!-- <link rel="stylesheet" href="services/gshake/css/box.css"> --> 
        <link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet"> 
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> 
        <script src="https://www.google.com/recaptcha/api.js" async defer></script> 
        <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 
        <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> 
        <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> 
        <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=Kanit:wght@600&family=Kanit&display=swap" rel="stylesheet"> 
        <link rel="stylesheet" href="services/styles/styles.css"> 
 
    <style> 
        @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@900&display=swap'); 
        @import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap'); 
 
        :root { 
            --main-color: #8e38ff; 
            --sub-color: #ede1fe; 
            --font-color: #8e38ff; 
            --main: #8e38ff; 
            --sub: #ede1fe; 
            --font: #ffffff; 
            --icon_color: #ffffff; 
            --sub-opa-50: #8e38ff80; 
            --sub-opa-25: #8e38ff; 
        } 
 
        * { 
            font-family: 'Kanit', sans-serif; 
        } 
 
        ::-webkit-scrollbar { 
            width: 3px; 
        } 
 
        ::-webkit-scrollbar-track { 
            background: black; 
        } 
 
        ::-webkit-scrollbar-thumb { 
            border-radius: 25px; 
            background: -webkit-linear-gradient(transparent, var(--main-color)); 
        } 
 
        .bg-cover { 
            position: fixed; 
            background-size: cover; 
            background-repeat: no-repeat; 
            background-position: center; 
            width: 100%; 
            min-height: 100vh; 
            z-index: -10; 
        } 
 
        .blur { 
            position: fixed; 
            width: 100%; 
            height: 100vh; 
            z-index: -9; 
            filter: blur(10px); 
        } 
 
        .bg-80 { 
            width: 100%; 
            height: 90vh; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
        } 
 
        .bg-80-center { 
            width: 1200px; 
            height: auto; 
        } 
 
        .bg-20 { 
            width: 100%; 
            min-height: 10vh; 
            max-height: auto; 
            background-color: rgba(0, 0, 0, .5); 
        } 
 
        .bg-black-80 { 
            background-color: rgba(0, 0, 0, .5); 
        } 
 
        .text-ani { 
            color: #fff; 
            font-size: 60px; 
            font-family: 'Prompt', sans-serif; 
            transition: all .5s ease; 
            text-transform: uppercase; 
            background-image: linear-gradient(to right, 
                    var(--sub-color) 0%, 
                    var(--main-color) 55%, 
                    var(--main-color) 63%, 
                    var(--sub-color) 100%); 
            background-size: auto auto; 
            background-clip: border-box; 
            background-size: 200% auto; 
            background-clip: text; 
            text-fill-color: transparent; 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
            animation: textclip 1s linear infinite; 
            transition: all .5s ease; 
        } 
 
        .text-ani:hover { 
            transform: scale(1.8); 
        } 
 
        @keyframes textclip { 
            to { 
                background-position: 200% center; 
            } 
        } 
 
        .img-ani { 
            color: var(--main-color); 
            font-size: 60px; 
            transition: all .5s ease; 
        } 
 
        .img-ani:hover { 
            transform: translateY(-10px); 
        } 
 
        .btn-main { 
            font-size: 15px; 
            padding: 10px 25px; 
            border-radius: 1vh; 
            text-decoration: none; 
            color: var(--main-color); 
            font-family: 'Prompt', sans-serif; 
            border: 2.5px solid var(--main-color); 
            filter: drop-shadow(0 0 10px var(--main-color)); 
            transition: all .5s ease; 
        } 
 
        .btn-main:hover { 
            color: white; 
            background-color:#FF9900; 
            border: 2.5px solid var(--main-color); 
        } 
 
        .float-ani { 
            animation: float 4s ease-in-out infinite; 
        } 
 
        @keyframes float { 
            0% { 
                transform: translatey(0px); 
            } 
 
            50% { 
                transform: translatey(-30px); 
            } 
 
            100% { 
                transform: translatey(0px); 
            } 
        } 
 
        .cc { 
                    width: 100%; 
                    max-width: 250px; 
                } 
 
                @media only screen and (max-width: 1000px) { 
                    .cc { 
                        width: 100%; 
                        max-width: 100vh; 
                    } 
                } 
 
 
                .shops { 
        padding: 20px; 
        border-radius: 1vh; 
    } 
 
    .shops-body { 
        position: relative; 
        color: #fff; 
        font-weight: 600; 
        height: 100%; 
    } 
 
    .shops-body>.shops-img { 
        width: 100%; 
        height: 100%; 
        border-radius: 1vh; 
        transition: all .5s ease; 
    } 
 
    .shops-body>.shops-img:hover { 
        transform: scale(1.035); 
    } 
 
    .shops-body>.shops-text-center { 
        position: absolute; 
        top: 80%; 
        left: 20%; 
        transform: translate(-50%, -50%); 
        opacity: 0; 
        transition: all .5s ease; 
    } 
 
    .shops-body:hover>.shops-text-center { 
        left: 50%; 
        opacity: 1; 
        font-size: 30px; 
        padding: 0 20px; 
        border-radius: 2vh; 
        background-color:#FF9900; 
    } 
 
    </style> 
    <style> 
    .shops { 
        padding: 20px; 
        border-radius: 1vh; 
    } 
 
    .shops-body { 
        position: relative; 
        color: #fff; 
        font-weight: 600; 
        height: 100%; 
    } 
 
    .shops-body>.shops-img { 
        width: 100%; 
        height: 100%; 
        border-radius: 1vh; 
        transition: all .5s ease; 
    } 
 
    .shops-body>.shops-img:hover { 
        transform: scale(1.035); 
    } 
 
    .shops-body>.shops-text-center { 
        position: absolute; 
        top: 80%; 
        left: 20%; 
        transform: translate(-50%, -50%); 
        opacity: 0; 
        transition: all .5s ease; 
    } 
 
    .shops-body:hover>.shops-text-center { 
        left: 50%; 
        opacity: 1; 
        font-size: 20px; 
        padding: 0 20px; 
        border-radius: 2vh; 
        background-color:#FF9900; 
    } 
</style> 
<style> 
   .img-anim { 
        position: relative; 
        text-align: center; 
        overflow: hidden; 
        border-radius: 1vh; 
    } 
 
    .img-anim img { 
        width: 100%; 
        height: auto; 
        margin-left: auto; 
    } 
 
    .img-anim>img { 
        background-size: cover; 
        background-position: center; 
        transition: all 0.3s ease; 
    } 
 
    .img-anim>div.bg { 
        position: absolute; 
        z-index: 2; 
        opacity: 0; 
        width: 100%; 
        height: 100%; 
        background-color: rgba(1, 1, 1, 0.3); 
        transition: all 0.3s ease; 
    } 
 
    .img-anim>div.text { 
        position: absolute; 
        z-index: 3; 
        top: 120%; 
        left: 50%; 
        opacity: 0; 
        color: #fff; 
        font-size: 20px; 
        border-bottom: 3px solid transparent; 
        border-image: linear-gradient(to right, var(--main), var(--main)); 
        border-image-slice: 1; 
        transform: translate(-50%, -50%); 
        transition: all 0.3s ease; 
    } 
 
    .img-anim:hover>img { 
        transform: scale(1.1); 
    } 
 
    .img-anim:hover>div { 
        opacity: 1; 
    } 
 
    .img-anim:hover>div.text { 
        top: 80%; 
        opacity: 1; 
    } 
 
    .content { 
        height: auto; 
        border: 3px solid rgba(0, 0, 0, .3); 
        transition: all .5s ease; 
    } 
 
    .content:hover { 
        border: 3.5px solid var(--main); 
    } 
    .font-bold { 
        font-weight: 700; 
    } 
    .font-semibold { 
        font-weight: 600; 
    }   
    .border-hov { 
        border: 1px solid #ccc; 
        transition: 0.3s ease-in-out; 
    } 
    *{ 
            font-family: 'Noto Sans Thai', "Lao_CollegeOT", sans-serif; 
        } 
</style> 
<style> 
         
            *, 
            html, 
            body, 
            h1, 
            h2, 
            h3, 
            h4, 
            h5, 
            h6, 
            span, 
            small, 
            active, 
            p, 
            a, 
            button, 
            .btn, 
            .nav-link, 
            .text-dark, 
            .text-white, 
            .text-secondary, 
            .underline-active { 
                color: var(--font); 
            } 
            .bg-custom{ 
              background: linear-gradient(135deg, rgba(255, 255,255 , 0.1)  ,  rgba(255, 255,255 , 0)  ); 
              backdrop-filter: blur(30px); 
              -webkit-backdrop-filter: blur(30px); 
              box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37); 
          } 
            ::-webkit-scrollbar { 
    width: 1px 
} 
            .owl-items { 
                max-width: 220px; 
                max-height: 220px; 
 
            } 
 
 
            .owl-items img { 
                border-radius: 25px !important; 
                animation: glow 2s infinite ease-in-out; 
            } 
 
            body { 
                background-image: url('https://img5.pic.in.th/file/secure-sv1/20240604_174742.png'); 
                background-repeat: no-repeat; 
                background-attachment: fixed; 
                background-position: center; 
                background-size: cover; 
                overflow-x: hidden; 
            } 
 
          ::-webkit-scrollbar-track { 
    background: var(--font) 
} 
 
::-webkit-scrollbar-thumb { 
    border-radius: 15px; 
    background: -webkit-linear-gradient(transparent,var(--main)) 
} 
 
.bg-custom { 
    background-color: #FF9900; 
} 
            
        </style> 
    <link rel="icon" href="https://img5.pic.in.th/file/secure-sv1/27rockstar.png" type="image/x-icon"> 
    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 
    <link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet"> 
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> 
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous" type="2eeadb7ab83da02ff3d30ffb-text/javascript"></script> 
</head> 
 
                        <style> 
 
                            .btn-main { 
                                display: inline-flex; 
                                flex-direction: column; 
                                align-items: center; 
                                justify-content: center; 
                                text-decoration: none; 
                                border-radius: 10px; 
                                width: 200px; 
                                padding: 20px; 
                                margin-right: 10px; 
                                background-color: #FF9900; /* Yellow color */ 
  transition: background-color 0.3s ease, transform 0.3s ease; 
                            } 
 
                             
                            .icon-font { 
                                font-size: 4em; 
                            } 
 
                            .font-bold { 
                                font-weight: bold; 
                                font-size: 1.25rem; 
                                white-space: nowrap; 
                            } 
 
                            .btn-main:hover { 
                                background-color: var(--main); 
                                transform: translateY(-5px); 
                            } 
 
                            @media (max-width: 768px) { 
                                .btn-main { 
                                    width: 150px; 
                                    padding: 15px; 
                                    margin-right: 5px; 
                                } 
 
                                .icon-font { 
                                    font-size: 3em; 
                                } 
 
                                .font-bold { 
                                    font-size: 1rem; 
                                } 
                            } 
 
                            #img-load { 
                                margin-top: 350px; 
                                transform: scale(1.5); 
                                transition: margin-top 0.5s ease, transform 0.5s ease; 
                            } 
                        </style> 
 
 
<body> 
    <main> 
        <div class="bg-cover" style="background-image: url('https://img5.pic.in.th/file/secure-sv1/20240604_174742.png');"></div> 
            <div class="container"> 
            </div> 
            <div class="bg-80 p-3"> 
                <div class="bg-80-center"> 
                    <center data-aos="fade-up"  data-aos-delay="100" data-aos-duration="800" > 
                        <div><img src="https://img2.pic.in.th/pic/Logoe71cae62ff891860.png" class="float-ani" width="300"></div> 
                         
                    </center> 
                    <div> 
                         
                        <center class="letter" style="opacity: 1; transform: translateY(0px) translateZ(0px);"> 
                            <h1 style="font-size: 50px" class="text-font text-strongest" data-aos="fade-up"  data-aos-delay="200"  data-aos-duration="800">Eleven SHOP</h1> 
                            <div class="bg-main80 shadow-main mb-4" style="width: 14%; border-radius: 5px; height: 5px;" data-aos="fade-up"  data-aos-delay="300"  data-aos-duration="800"> 
                              
                            </div> 
                            <style> 
                            .ic-home { 
                                font-size: 55px; 
                            } 
                            </style> 
                                                        <center> 
                                <div class="bdr1vh bg-main80 shadow-main" style="width: 415px; height: 29px; margin-right: 9px; z-index: 5;" data-aos="fade-up"  data-aos-delay="400"  data-aos-duration="800"> 
                                    <h5 style="font-size: 16px; margin-top: 4px;"> 
                                        <a href="" class="typewrite" style="text-decoration: none;" data-period="2000" data-type='[ " blox fruit  10", " !!!", " Support 24Hr.", "//" ]'> 
                                            <span class="wrap"></span> 
                                        </a> 
                                    </h5> 
                                </div> 
                            </center> 
                                                        <div class="mt-2" data-aos="fade-up"  data-aos-delay="400"  data-aos-duration="800"> 
                                                        <a href="?page=login" class="btn-main btn btnm bdc mt-2 icon-font yellow"> 
    <i class="fa-solid fa-sign-in ic-home"></i> 
    <span class="font-bold mt-3"></span> 
</a> 
                                                                <a href="?page=home" class="btn-main btn btnm bdc mt-2 icon-font"> 
                                    <i class="fa-solid fa-store ic-home"></i> 
                                    <span class="font-bold mt-3"></span> 
                                </a> 
                            </div> 
 
                        </center> 
                         
                    </div> 
                </div> 
            </div> 
    </main> 
    <script> 
        var TxtType = function(el, toRotate, period) { 
            this.toRotate = toRotate; 
            this.el = el; 
            this.loopNum = 0; 
            this.period = parseInt(period, 10) || 2000; 
            this.txt = ''; 
            this.tick(); 
            this.isDeleting = false; 
        }; 
 
        TxtType.prototype.tick = function() { 
            var i = this.loopNum % this.toRotate.length; 
            var fullTxt = this.toRotate[i]; 
 
            if (this.isDeleting) { 
            this.txt = fullTxt.substring(0, this.txt.length - 1); 
            } else { 
            this.txt = fullTxt.substring(0, this.txt.length + 1); 
            } 
 
            this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; 
 
            var that = this; 
            var delta = 50; 
 
            if (this.isDeleting) { delta /= 2; } 
 
            if (!this.isDeleting && this.txt === fullTxt) { 
            delta = this.period; 
            this.isDeleting = true; 
            } else if (this.isDeleting && this.txt === '') { 
            this.isDeleting = false; 
            this.loopNum++; 
            delta = 500; 
            } 
 
            setTimeout(function() { 
            that.tick(); 
            }, delta); 
        }; 
 
        window.onload = function() { 
                            var elements = document.getElementsByClassName('typewrite'); 
                for (var i=0; i<elements.length; i++) { 
                    var toRotate = elements[i].getAttribute('data-type'); 
                    var period = elements[i].getAttribute('data-period'); 
                    if (toRotate) { 
                    new TxtType(elements[i], JSON.parse(toRotate), period); 
                    } 
                } 
                // INJECT CSS 
                var css = document.createElement("style"); 
                css.type = "text/css"; 
                 
                document.body.appendChild(css); 
                         
        }; 
 
            </script> 
    <style> 
        .blur-eff { 
            filter: blur(5px); 
            transition: all .5s ease; 
        } 
        .blur-eff:hover { 
            filter: blur(0px); 
        } 
    </style> 
 
    <!-- on --> 
    <center> 
 
     
    <script src="https://unpkg.com/[email protected]/dist/aos.js" type="2eeadb7ab83da02ff3d30ffb-text/javascript"></script> 
    <script type="2eeadb7ab83da02ff3d30ffb-text/javascript"> 
        AOS.init(); 
    </script> 
<script src="services/styles/rocket-loader.min.js" data-cf-settings="2eeadb7ab83da02ff3d30ffb-|49" defer></script></body> 
 
</html> 
 
<script> 
        $(document).on("change", "#site_color_main", function() { 
            $(':root').css('--color-main', $("#site_color_main").val()); 
        }); 
 
        $(document).on("change", "#site_color_button", function() { 
            $(':root').css('--color-button', $("#site_color_button").val()); 
        }); 
 
        $(document).on("change", "#site_color_text", function() { 
            $(':root').css('--color-text', $("#site_color_text").val()); 
        }); 
 
        $(document).on("change", "#site_font", function() { 
            $('*:not(i)').css('font-family', $("#site_font").val() + ', sans-serif'); 
        }); 
 
        function restoreScrollPos() { 
            let scroll = window.scrollY; 
            let scrollString = scroll.toString(); 
            localStorage.setItem("scrollPosition", scrollString); 
        } 
 
        function number_comma(x) { 
            return x.toLocaleString(); 
        } 
 
        var lazyloadImages = document.querySelectorAll("img"); 
        lazyloadImages.forEach(function(img) { 
            img.classList.add('lozad'); 
        }); 
 
        const observer = lozad(); 
        observer.observe(); 
            </script> 
            <script> 
            var texts = [ 
                " Develop Mode !?", 
                " !?", 
                "?", 
                "!", 
                "", 
                " !!!", 
                "! ?", 
                "!", 
                "!?", 
                "!", 
                "??", 
                "!" 
            ]; 
 
            var warp = [ 
                "https://www.youtube.com/embed/1lP6qIaIRNs?autoplay=1&start=0", 
                "https://www.youtube.com/embed/AyqbOtqfPQ8?autoplay=1&start=24", 
                "https://www.youtube.com/embed/0WjDrQ0IhBw?autoplay=1&start=84", 
                "https://www.youtube.com/embed/84Vkg98iie4?autoplay=1&start=25", 
                "https://www.youtube.com/embed/HZWgt8vUZjY?autoplay=1&start=17", 
                "https://www.youtube.com/embed/sZy8qQYyUDs?autoplay=1&start=9", 
                "https://www.youtube.com/embed/SVg70JMLOmE?autoplay=1&start=11" 
            ]; 
 
            var CountDev = 0; 
 
            function ctrlShiftKey(e, keyCode) { 
                return e.ctrlKey && e.shiftKey && e.keyCode === keyCode.charCodeAt(0); 
            } 
 
            document.onkeydown = (e) => { 
                if (event.keyCode === 123 || ctrlShiftKey(e, 'I') || ctrlShiftKey(e, 'J') || ctrlShiftKey(e, 'C') || (e.ctrlKey && e.keyCode === 'U'.charCodeAt(0))) { 
                    e.preventDefault(); 
                    if (CountDev <= 1) { 
                        var randomIndex = Math.floor(Math.random() * texts.length); 
                        var randomText = texts[randomIndex]; 
                        CountDev++ 
                        alert(randomText); 
                    } else { 
                        var randomIndex = Math.floor(Math.random() * warp.length); 
                        var randomWarp = warp[randomIndex]; 
                        window.location.href = randomWarp 
                    } 
                } 
            }; 
 
            
            var addHandler = function(element, type, handler) { 
                if (element.addEventListener) { 
                    element.addEventListener(type, handler, false); 
                } else if (element.attachEvent) { 
                    element.attachEvent("on" + type, handler); 
                } else { 
                    element["on" + type] = handler; 
                } 
            }; 
 
            var preventDefault = function(event) { 
                if (event.preventDefault) { 
                    event.preventDefault(); 
                } else { 
                    event.returnValue = false; 
                } 
            }; 
 
             
 
 
document.addEventListener('contextmenu', (e) => e.preventDefault()); 
        </script> 
     
 
 ?>

Did this file decode correctly?

Original Code


<!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta property="og:title" content="Eleven SHOP - ">
        <meta property="og:type" content="website">
        <meta property="og:url" content="elevenshoplao.rf.gd">
        <meta name="twitter:card" content="summary_large_image">
        <meta property="og:image" content="https://img2.pic.in.th/pic/Logoe71cae62ff891860.png">
        <meta property="og:description" content="? Rockstar ?  !!!
 Rockstar    Crack   ">

        <title>Eleven SHOP</title>
        <link rel="shortcut icon" href="https://img2.pic.in.th/pic/Logoe71cae62ff891860.png" type="image/png" sizes="16x16">

        <link rel="stylesheet" href="services/styles/styles.css">
        <link rel="stylesheet" href="services/styles/hover.css">
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <link rel="stylesheet" href="//cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
        <script src="//cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
        <!-- <link rel="stylesheet" href="services/gshake/css/box.css"> -->
        <link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/gh/eliyantosarage/font-awesome-pro@main/fontawesome-pro-6.5.1-web/css/all.min.css" rel="stylesheet">
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
        <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
        <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=Kanit:wght@600&family=Kanit&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="font/stylesheet.css">
        <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>
        <style>
            :root {
                --main: #8e38ff;
                --sub: #ede1fe;
                --font: #ffffff;
                --icon_color: #ffffff;
                --sub-opa-50: #8e38ff80;
                --sub-opa-25: #8e38ff;
            }
        </style>
        <link rel="stylesheet" href="services/styles/styles.css">
        <style>
        
            *,
            html,
            body,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            span,
            small,
            active,
            p,
            a,
            button,
            .btn,
            .nav-link,
            .text-dark,
            .text-white,
            .text-secondary,
            .underline-active {
                color: var(--font);
            }
            .bg-glass{
              background: linear-gradient(135deg, rgba(255, 255,255 , 0.1)  ,  rgba(255, 255,255 , 0)  );
              backdrop-filter: blur(30px);
              -webkit-backdrop-filter: blur(30px);
              box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
          }
            ::-webkit-scrollbar {
                
                width: 5px !important;
                height: 5px !important;
            }
            ::-webkit-scrollbar-track {
                background: transparent
            }

            ::-webkit-scrollbar-thumb {
                border-radius: 10px;
                background: var(--main)
            }
            .owl-items {
                max-width: 220px;
                max-height: 220px;

            }


            .owl-items img {
                border-radius: 25px !important;
                animation: glow 2s infinite ease-in-out;
            }

            body {
                background-image: url('https://img5.pic.in.th/file/secure-sv1/20240604_174742.png');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: center;
                background-size: cover;
                overflow-x: hidden;
            }



.bg-custom {
    
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    background-color:#FF9900;
}







.form-control {
    color: var(--font)!important;
    background-image: url('');
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color:#FF9900;
    background-clip: padding-box;
    border: 1px solid var(--font);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: var(--font)!important;
    background-color:#FF9900;
    border-color: var(--main) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem var(--main) !important;
}
.btn {
    transition: 0.3s ease-in-out;
}
.btn:hover,
.btn:focus,
.btn:active {
    color: var(--font)!important;
    border-color: var(--font) !important;
    outline: 0 !important;
    
    filter: drop-shadow(0 0 .8em var(--main));
    box-shadow: 0 0 0 0 var(--main) !important;
}
.dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--main);
    border-radius: 3px;
    padding: 5px;
    background-color:#FF9900;
    padding: 4px;
}
.paginate_button {
    border-radius: 5px;
    color: var(--font) !important;
    border: 1px solid var(--main) !important;
    background-color:#FF9900;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 5px;
    color: var(--font) !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(230, 230, 230, 0.1);
    background: var(--main) !important;
    /* background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */
    background: var(--main) !important;
    background: var(--main) !important;
    background: var(--main) !important;
    /* background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-radius: 5px;
    color: var(--font) !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(230, 230, 230, 0.1);
    background: var(--main) !important;
    /* background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */
    background: var(--main) !important;
    background: var(--main) !important;
    background: var(--main) !important;
    /* background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */
}
.paginate_button {
    border-radius: 5px !important;
}
.dataTables_empty {
    color: var(--font) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border-radius: 5px;
    cursor: default;
    color: var(--font) !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--main);
    border-radius: 5px;
    padding: 5px;
    background-color:#FF9900;
    margin-left: 3px;
}
.dataTables_filter {
    margin-bottom: 1rem !important;
}
.table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
tr {
    border-radius: 10px;
}
td {
    text-align: center;
    vertical-align: middle;
    color: var(--font) !important;
    border-right: 1px solid var(--main) !important;
    border-top: 1px solid var(--main) !important;
}
th {
    text-align: center;
    vertical-align: middle;
    color: var(--font) !important;
    border-right: 1px solid var(--main) !important;
    border-top: 1px solid var(--main) !important;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color:#FF9900;
    border-bottom-width: 0px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px;
    border-bottom: 1px solid var(--main);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--main);
}
[type=search] {
    outline-offset: 0px;
    outline-color: var(--main);
    -webkit-appearance: textfield;
}

.btnm {
    color: var(--font) !important;
    background-color:#FF9900;
}



.form-control-color {
    width: 3rem;
    height: 38px;
    padding: 0.375rem;
}

.modal-content {
    border-radius: 15px;
}


.bdr25px {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 25px;
    border: 1px solid var(--main);
}

.bdr15px {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 15px;
    border: 1px solid var(--main);
}

.shadow-main {
    filter: drop-shadow(0 0 10px var(--main-color));
}


.btn-custom {
    position: relative;
    max-width: 350px;
    border-radius: 10px;
}
.btn-custom img {
    max-width: 100%;
    border-radius: 10px;
}

.stat h6 {
    border-radius: 1vh;
    color: var(--font);
    border: 1px solid var(--main);
}
.bdc {
    border: 1px solid var(--main);
}

.modal-content {
    border: 2px solid var(--main);
}

.bdr3vh {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border: 1px solid var(--main);
    border-radius: 3vh;
}
.bdr1vh {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border: 1px solid var(--main);
    border-radius: 1vh;
}
.bdr1vh {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border: 1px solid var(--main);
    border-radius: 1vh;
}

.form-control:disabled, .form-control[readonly] {
    color: var(--font) !important;
    background-color:#FF9900;
    opacity: 1;
}

input::placeholder {
    color: var(--font)!important;
}



.input-group-text {
    border: 1px solid var(--font);
    color: var(--font)!important;
    background-color:#FF9900;
}

.quantity {
    border-radius: 3px;
}

.border-hov {
    border: 1px solid var(--main) !important;
}

.line {
    height: 2px;
    width: 100%;
    background-color:#FF9900;
}

.catebox {
    position: relative;
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--main);
}


.cateimg {
    height: auto;
    margin-left: auto;
    width: 100%;
    padding: 10px;
    border-radius: 20px;
}

.slow-start {
    --aos-delay: 500ms;
  }

.count-only {
    border: 1px solid var(--main);
}

lable {
    margin-top: 2px;
}

.hvr-grow2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: 0.3s ease-in-out;
}

.hvr-grow2:hover,
.hvr-grow2:focus,
.hvr-grow2:active {
    filter: drop-shadow(0 0 .4em var(--main));
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.hvr-bd {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: 0.3s ease-in-out;
}

.hvr-bd:hover,
.hvr-bd:focus,
.hvr-bd:active {
    filter: drop-shadow(0 0 .4em var(--main));
}

table.dataTable.no-footer {
    border: 1px solid var(--main);
    border-radius: 10px;
    margin-top: 10px !important;
}
.sorting {
    text-align: center !important;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid var(--main);
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid var(--main);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.bg-main80 {
    background-color: #FF9900;
}

.bg-trans {
    background-color: #FF9900;
}

.grid-nofmanage {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
}

.grid-sidebar {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
}


.grid-homepage {
    display: grid;
    grid-template-columns: auto 230px;
    gap: 10px;
}

.hidden {
    display: none;
}

.grid-checkbox {
    display: grid;
    grid-template-columns: auto 27px;
    gap: 60px;
}

.toggle {
  --width: 50px;
  --height: calc(var(--width) / 2);
  --border-radius: calc(var(--height) / 2);

  display: inline-block;
  cursor: pointer;
}

.toggle__input {
  display: none;
}

.toggle__fill {
    border: 1px solid var(--main);
  position: relative;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  background: var(--sub);
  transition: background 0.2s;
}

.toggle__input:checked ~ .toggle__fill {
  background: var(--sub);
}

.toggle__fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background: var(--main);
  border-radius: var(--border-radius);
  transition: transform 0.2s;
}

.toggle__input:checked ~ .toggle__fill::after {
  transform: translateX(var(--height));
}
option {
    background-color: #FF9900 !important;
    color: var(--font) !important;
}
.hvr-ds {
    filter: drop-shadow(0 0 .4em var(--main));
}


        .btn-main {
            border-radius: 1vh;
            text-decoration: none;
            border: 2.5px solid var(--main);
            transition: all .5s ease;
        }

        .btn-main:hover {
            color: var(--font);
            background-color:#FF9900;
            border: 2.5px solid var(--main);
        }

        </style>
        
    </head>

    
    <body>

    

    <style>
        body {
            margin: 0;
            padding: 0;
        }

        .loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #000000;
            opacity: 1;
            visibility: visible; 
            z-index: 9999;
        }


        .loader--hidden {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.75s, visibility 0.75s;
        }

        .loader::after {
            content: "";
            width: 75px;
            height: 75px;
            border: 15px solid var(--main);
            border-top-color: var(--sub);
            border-radius: 50%;
            animation: loading 0.75s ease infinite;
        }

        @keyframes loading {
            from {
                transform: rotate(0turn);
            }
            to {
                transform: rotate(1turn);
            }
        }
    </style>
    <script>
        function hextorgba(hex, alpha) {
            const r = parseInt(hex.slice(1, 3), 16);
            const g = parseInt(hex.slice(3, 5), 16);
            const b = parseInt(hex.slice(5, 7), 16);
            return `rgba(${r}, ${g}, ${b}, ${alpha})`;
            }
                window.addEventListener("load", () => {
                    const loader = document.querySelector(".loader");
                    const nav = document.querySelector(".nav");
                    const footer = document.querySelector(".footer");

                    loader.classList.add("loader--hidden");
                    const elementsToUnhide = document.querySelectorAll("#hideload");
                        elementsToUnhide.forEach(element => {
                            element.classList.remove("loader--hidden");
                        });
                    loader.addEventListener("transitionend", () => {
                        document.body.removeChild(loader);
                        
                    });
                });
            </script>
            <div class="loader"></div>
            <div class="snowflake"></div>
<script>
    function slicenav() {
        const element = document.getElementById("side-bar");
        element.classList.toggle("show");
    };
        document.addEventListener('DOMContentLoaded', function() {
            adjustMargin();
        });

        window.addEventListener('resize', function() {
            adjustMargin();
        });

        function adjustMargin() {
            if (window.innerWidth < 992) {
                $('#bar-btn').removeClass('hidden');
                $('#nav-menu').addClass('hidden');
            } else {
                $('#bar-btn').addClass('hidden');
                $('#nav-menu').removeClass('hidden');
            }
        }
</script>


<script>
document.addEventListener("DOMContentLoaded", function() {
    var backendelm = document.getElementById("backend");

    if (backendelm) {
        var navHideBackendelm = document.getElementById("nav-hide-backend");
        var logoHideBackendelm = document.getElementById("logo-hide-backend");
        var exitBackendelm = document.getElementById("exit-backend");

        if (navHideBackendelm) {
            navHideBackendelm.parentNode.removeChild(navHideBackendelm);
            $('#nav-menu').addClass('hidden');
            logoHideBackendelm.classList.add("hidden");
        }

        if (exitBackendelm) {
            exitBackendelm.classList.remove("hidden");
        }
    }
});

</script>
<style>
.grid-nav {
    display: grid;
    grid-template-columns: 70px auto;
    gap: 10px;
}
</style>

<script type="2eeadb7ab83da02ff3d30ffb-text/javascript">
 
</script>
        <!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta property="og:title" content="Eleven SHOP - ">
        <meta property="og:type" content="website">
        <meta property="og:url" content="twentyseven.xnlc.xyz">
        <meta name="twitter:card" content="summary_large_image">
        <meta property="og:image" content="https://img5.pic.in.th/file/secure-sv1/27rockstar.png">
        <meta property="og:description" content="? Rockstar ?  !!!
 Rockstar    Crack   ">

        <title>27 Rockstar</title>
        <link rel="shortcut icon" href="https://img5.pic.in.th/file/secure-sv1/27rockstar.png" type="image/png" sizes="16x16">

        
        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <link rel="stylesheet" href="//cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
        <script src="//cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
        <!-- <link rel="stylesheet" href="services/gshake/css/box.css"> -->
        <link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet">
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
        <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
        <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=Kanit:wght@600&family=Kanit&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="services/styles/styles.css">

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@900&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

        :root {
            --main-color: #8e38ff;
            --sub-color: #ede1fe;
            --font-color: #8e38ff;
            --main: #8e38ff;
            --sub: #ede1fe;
            --font: #ffffff;
            --icon_color: #ffffff;
            --sub-opa-50: #8e38ff80;
            --sub-opa-25: #8e38ff;
        }

        * {
            font-family: 'Kanit', sans-serif;
        }

        ::-webkit-scrollbar {
            width: 3px;
        }

        ::-webkit-scrollbar-track {
            background: black;
        }

        ::-webkit-scrollbar-thumb {
            border-radius: 25px;
            background: -webkit-linear-gradient(transparent, var(--main-color));
        }

        .bg-cover {
            position: fixed;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            min-height: 100vh;
            z-index: -10;
        }

        .blur {
            position: fixed;
            width: 100%;
            height: 100vh;
            z-index: -9;
            filter: blur(10px);
        }

        .bg-80 {
            width: 100%;
            height: 90vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .bg-80-center {
            width: 1200px;
            height: auto;
        }

        .bg-20 {
            width: 100%;
            min-height: 10vh;
            max-height: auto;
            background-color: rgba(0, 0, 0, .5);
        }

        .bg-black-80 {
            background-color: rgba(0, 0, 0, .5);
        }

        .text-ani {
            color: #fff;
            font-size: 60px;
            font-family: 'Prompt', sans-serif;
            transition: all .5s ease;
            text-transform: uppercase;
            background-image: linear-gradient(to right,
                    var(--sub-color) 0%,
                    var(--main-color) 55%,
                    var(--main-color) 63%,
                    var(--sub-color) 100%);
            background-size: auto auto;
            background-clip: border-box;
            background-size: 200% auto;
            background-clip: text;
            text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: textclip 1s linear infinite;
            transition: all .5s ease;
        }

        .text-ani:hover {
            transform: scale(1.8);
        }

        @keyframes textclip {
            to {
                background-position: 200% center;
            }
        }

        .img-ani {
            color: var(--main-color);
            font-size: 60px;
            transition: all .5s ease;
        }

        .img-ani:hover {
            transform: translateY(-10px);
        }

        .btn-main {
            font-size: 15px;
            padding: 10px 25px;
            border-radius: 1vh;
            text-decoration: none;
            color: var(--main-color);
            font-family: 'Prompt', sans-serif;
            border: 2.5px solid var(--main-color);
            filter: drop-shadow(0 0 10px var(--main-color));
            transition: all .5s ease;
        }

        .btn-main:hover {
            color: white;
            background-color:#FF9900;
            border: 2.5px solid var(--main-color);
        }

        .float-ani {
            animation: float 4s ease-in-out infinite;
        }

        @keyframes float {
            0% {
                transform: translatey(0px);
            }

            50% {
                transform: translatey(-30px);
            }

            100% {
                transform: translatey(0px);
            }
        }

        .cc {
                    width: 100%;
                    max-width: 250px;
                }

                @media only screen and (max-width: 1000px) {
                    .cc {
                        width: 100%;
                        max-width: 100vh;
                    }
                }


                .shops {
        padding: 20px;
        border-radius: 1vh;
    }

    .shops-body {
        position: relative;
        color: #fff;
        font-weight: 600;
        height: 100%;
    }

    .shops-body>.shops-img {
        width: 100%;
        height: 100%;
        border-radius: 1vh;
        transition: all .5s ease;
    }

    .shops-body>.shops-img:hover {
        transform: scale(1.035);
    }

    .shops-body>.shops-text-center {
        position: absolute;
        top: 80%;
        left: 20%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all .5s ease;
    }

    .shops-body:hover>.shops-text-center {
        left: 50%;
        opacity: 1;
        font-size: 30px;
        padding: 0 20px;
        border-radius: 2vh;
        background-color:#FF9900;
    }

    </style>
    <style>
    .shops {
        padding: 20px;
        border-radius: 1vh;
    }

    .shops-body {
        position: relative;
        color: #fff;
        font-weight: 600;
        height: 100%;
    }

    .shops-body>.shops-img {
        width: 100%;
        height: 100%;
        border-radius: 1vh;
        transition: all .5s ease;
    }

    .shops-body>.shops-img:hover {
        transform: scale(1.035);
    }

    .shops-body>.shops-text-center {
        position: absolute;
        top: 80%;
        left: 20%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: all .5s ease;
    }

    .shops-body:hover>.shops-text-center {
        left: 50%;
        opacity: 1;
        font-size: 20px;
        padding: 0 20px;
        border-radius: 2vh;
        background-color:#FF9900;
    }
</style>
<style>
   .img-anim {
        position: relative;
        text-align: center;
        overflow: hidden;
        border-radius: 1vh;
    }

    .img-anim img {
        width: 100%;
        height: auto;
        margin-left: auto;
    }

    .img-anim>img {
        background-size: cover;
        background-position: center;
        transition: all 0.3s ease;
    }

    .img-anim>div.bg {
        position: absolute;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(1, 1, 1, 0.3);
        transition: all 0.3s ease;
    }

    .img-anim>div.text {
        position: absolute;
        z-index: 3;
        top: 120%;
        left: 50%;
        opacity: 0;
        color: #fff;
        font-size: 20px;
        border-bottom: 3px solid transparent;
        border-image: linear-gradient(to right, var(--main), var(--main));
        border-image-slice: 1;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease;
    }

    .img-anim:hover>img {
        transform: scale(1.1);
    }

    .img-anim:hover>div {
        opacity: 1;
    }

    .img-anim:hover>div.text {
        top: 80%;
        opacity: 1;
    }

    .content {
        height: auto;
        border: 3px solid rgba(0, 0, 0, .3);
        transition: all .5s ease;
    }

    .content:hover {
        border: 3.5px solid var(--main);
    }
    .font-bold {
        font-weight: 700;
    }
    .font-semibold {
        font-weight: 600;
    }  
    .border-hov {
        border: 1px solid #ccc;
        transition: 0.3s ease-in-out;
    }
    *{
            font-family: 'Noto Sans Thai', "Lao_CollegeOT", sans-serif;
        }
</style>
<style>
        
            *,
            html,
            body,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            span,
            small,
            active,
            p,
            a,
            button,
            .btn,
            .nav-link,
            .text-dark,
            .text-white,
            .text-secondary,
            .underline-active {
                color: var(--font);
            }
            .bg-custom{
              background: linear-gradient(135deg, rgba(255, 255,255 , 0.1)  ,  rgba(255, 255,255 , 0)  );
              backdrop-filter: blur(30px);
              -webkit-backdrop-filter: blur(30px);
              box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
          }
            ::-webkit-scrollbar {
    width: 1px
}
            .owl-items {
                max-width: 220px;
                max-height: 220px;

            }


            .owl-items img {
                border-radius: 25px !important;
                animation: glow 2s infinite ease-in-out;
            }

            body {
                background-image: url('https://img5.pic.in.th/file/secure-sv1/20240604_174742.png');
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: center;
                background-size: cover;
                overflow-x: hidden;
            }

          ::-webkit-scrollbar-track {
    background: var(--font)
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: -webkit-linear-gradient(transparent,var(--main))
}

.bg-custom {
    background-color: #FF9900;
}
           
        </style>
    <link rel="icon" href="https://img5.pic.in.th/file/secure-sv1/27rockstar.png" type="image/x-icon">
    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
    <link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous" type="2eeadb7ab83da02ff3d30ffb-text/javascript"></script>
</head>

                        <style>

                            .btn-main {
                                display: inline-flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: center;
                                text-decoration: none;
                                border-radius: 10px;
                                width: 200px;
                                padding: 20px;
                                margin-right: 10px;
                                background-color: #FF9900; /* Yellow color */
  transition: background-color 0.3s ease, transform 0.3s ease;
                            }

                            
                            .icon-font {
                                font-size: 4em;
                            }

                            .font-bold {
                                font-weight: bold;
                                font-size: 1.25rem;
                                white-space: nowrap;
                            }

                            .btn-main:hover {
                                background-color: var(--main);
                                transform: translateY(-5px);
                            }

                            @media (max-width: 768px) {
                                .btn-main {
                                    width: 150px;
                                    padding: 15px;
                                    margin-right: 5px;
                                }

                                .icon-font {
                                    font-size: 3em;
                                }

                                .font-bold {
                                    font-size: 1rem;
                                }
                            }

                            #img-load {
                                margin-top: 350px;
                                transform: scale(1.5);
                                transition: margin-top 0.5s ease, transform 0.5s ease;
                            }
                        </style>


<body>
    <main>
        <div class="bg-cover" style="background-image: url('https://img5.pic.in.th/file/secure-sv1/20240604_174742.png');"></div>
            <div class="container">
            </div>
            <div class="bg-80 p-3">
                <div class="bg-80-center">
                    <center data-aos="fade-up"  data-aos-delay="100" data-aos-duration="800" >
                        <div><img src="https://img2.pic.in.th/pic/Logoe71cae62ff891860.png" class="float-ani" width="300"></div>
                        
                    </center>
                    <div>
                        
                        <center class="letter" style="opacity: 1; transform: translateY(0px) translateZ(0px);">
                            <h1 style="font-size: 50px" class="text-font text-strongest" data-aos="fade-up"  data-aos-delay="200"  data-aos-duration="800">Eleven SHOP</h1>
                            <div class="bg-main80 shadow-main mb-4" style="width: 14%; border-radius: 5px; height: 5px;" data-aos="fade-up"  data-aos-delay="300"  data-aos-duration="800">
                             
                            </div>
                            <style>
                            .ic-home {
                                font-size: 55px;
                            }
                            </style>
                                                        <center>
                                <div class="bdr1vh bg-main80 shadow-main" style="width: 415px; height: 29px; margin-right: 9px; z-index: 5;" data-aos="fade-up"  data-aos-delay="400"  data-aos-duration="800">
                                    <h5 style="font-size: 16px; margin-top: 4px;">
                                        <a href="" class="typewrite" style="text-decoration: none;" data-period="2000" data-type='[ " blox fruit  10", " !!!", " Support 24Hr.", "//" ]'>
                                            <span class="wrap"></span>
                                        </a>
                                    </h5>
                                </div>
                            </center>
                                                        <div class="mt-2" data-aos="fade-up"  data-aos-delay="400"  data-aos-duration="800">
                                                        <a href="?page=login" class="btn-main btn btnm bdc mt-2 icon-font yellow">
    <i class="fa-solid fa-sign-in ic-home"></i>
    <span class="font-bold mt-3"></span>
</a>
                                                                <a href="?page=home" class="btn-main btn btnm bdc mt-2 icon-font">
                                    <i class="fa-solid fa-store ic-home"></i>
                                    <span class="font-bold mt-3"></span>
                                </a>
                            </div>

                        </center>
                        
                    </div>
                </div>
            </div>
    </main>
    <script>
        var TxtType = function(el, toRotate, period) {
            this.toRotate = toRotate;
            this.el = el;
            this.loopNum = 0;
            this.period = parseInt(period, 10) || 2000;
            this.txt = '';
            this.tick();
            this.isDeleting = false;
        };

        TxtType.prototype.tick = function() {
            var i = this.loopNum % this.toRotate.length;
            var fullTxt = this.toRotate[i];

            if (this.isDeleting) {
            this.txt = fullTxt.substring(0, this.txt.length - 1);
            } else {
            this.txt = fullTxt.substring(0, this.txt.length + 1);
            }

            this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';

            var that = this;
            var delta = 50;

            if (this.isDeleting) { delta /= 2; }

            if (!this.isDeleting && this.txt === fullTxt) {
            delta = this.period;
            this.isDeleting = true;
            } else if (this.isDeleting && this.txt === '') {
            this.isDeleting = false;
            this.loopNum++;
            delta = 500;
            }

            setTimeout(function() {
            that.tick();
            }, delta);
        };

        window.onload = function() {
                            var elements = document.getElementsByClassName('typewrite');
                for (var i=0; i<elements.length; i++) {
                    var toRotate = elements[i].getAttribute('data-type');
                    var period = elements[i].getAttribute('data-period');
                    if (toRotate) {
                    new TxtType(elements[i], JSON.parse(toRotate), period);
                    }
                }
                // INJECT CSS
                var css = document.createElement("style");
                css.type = "text/css";
                
                document.body.appendChild(css);
                        
        };

            </script>
    <style>
        .blur-eff {
            filter: blur(5px);
            transition: all .5s ease;
        }
        .blur-eff:hover {
            filter: blur(0px);
        }
    </style>

    <!-- on -->
    <center>

    
    <script src="https://unpkg.com/[email protected]/dist/aos.js" type="2eeadb7ab83da02ff3d30ffb-text/javascript"></script>
    <script type="2eeadb7ab83da02ff3d30ffb-text/javascript">
        AOS.init();
    </script>
<script src="services/styles/rocket-loader.min.js" data-cf-settings="2eeadb7ab83da02ff3d30ffb-|49" defer></script></body>

</html>

<script>
        $(document).on("change", "#site_color_main", function() {
            $(':root').css('--color-main', $("#site_color_main").val());
        });

        $(document).on("change", "#site_color_button", function() {
            $(':root').css('--color-button', $("#site_color_button").val());
        });

        $(document).on("change", "#site_color_text", function() {
            $(':root').css('--color-text', $("#site_color_text").val());
        });

        $(document).on("change", "#site_font", function() {
            $('*:not(i)').css('font-family', $("#site_font").val() + ', sans-serif');
        });

        function restoreScrollPos() {
            let scroll = window.scrollY;
            let scrollString = scroll.toString();
            localStorage.setItem("scrollPosition", scrollString);
        }

        function number_comma(x) {
            return x.toLocaleString();
        }

        var lazyloadImages = document.querySelectorAll("img");
        lazyloadImages.forEach(function(img) {
            img.classList.add('lozad');
        });

        const observer = lozad();
        observer.observe();
            </script>
            <script>
            var texts = [
                " Develop Mode !?",
                " !?",
                "?",
                "!",
                "",
                " !!!",
                "! ?",
                "!",
                "!?",
                "!",
                "??",
                "!"
            ];

            var warp = [
                "https://www.youtube.com/embed/1lP6qIaIRNs?autoplay=1&start=0",
                "https://www.youtube.com/embed/AyqbOtqfPQ8?autoplay=1&start=24",
                "https://www.youtube.com/embed/0WjDrQ0IhBw?autoplay=1&start=84",
                "https://www.youtube.com/embed/84Vkg98iie4?autoplay=1&start=25",
                "https://www.youtube.com/embed/HZWgt8vUZjY?autoplay=1&start=17",
                "https://www.youtube.com/embed/sZy8qQYyUDs?autoplay=1&start=9",
                "https://www.youtube.com/embed/SVg70JMLOmE?autoplay=1&start=11"
            ];

            var CountDev = 0;

            function ctrlShiftKey(e, keyCode) {
                return e.ctrlKey && e.shiftKey && e.keyCode === keyCode.charCodeAt(0);
            }

            document.onkeydown = (e) => {
                if (event.keyCode === 123 || ctrlShiftKey(e, 'I') || ctrlShiftKey(e, 'J') || ctrlShiftKey(e, 'C') || (e.ctrlKey && e.keyCode === 'U'.charCodeAt(0))) {
                    e.preventDefault();
                    if (CountDev <= 1) {
                        var randomIndex = Math.floor(Math.random() * texts.length);
                        var randomText = texts[randomIndex];
                        CountDev++
                        alert(randomText);
                    } else {
                        var randomIndex = Math.floor(Math.random() * warp.length);
                        var randomWarp = warp[randomIndex];
                        window.location.href = randomWarp
                    }
                }
            };

           
            var addHandler = function(element, type, handler) {
                if (element.addEventListener) {
                    element.addEventListener(type, handler, false);
                } else if (element.attachEvent) {
                    element.attachEvent("on" + type, handler);
                } else {
                    element["on" + type] = handler;
                }
            };

            var preventDefault = function(event) {
                if (event.preventDefault) {
                    event.preventDefault();
                } else {
                    event.returnValue = false;
                }
            };

            


document.addEventListener('contextmenu', (e) => e.preventDefault());
        </script>
    

Function Calls

None

Variables

None

Stats

MD5 8cba4d21a64bc48964d649ae7954e517
Eval Count 0
Decode Time 100 ms