<html>
    <head>
        <title>
            
        </title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    </head>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            
        }
        body {
            /*background-color: black;*/
        }
        .header {
            
            
            background-color: white;
            display: flex;
            justify-content: space-between;
            /*padding: 10px;*/
        }
        
        .sp-items {
            padding: 15px;
            display: flex;
            
        }
        .line {
            margin-left: 10px;
            border-right: #e3e2e2 2px solid;
            height: 20px;
        }
        .title {
            background-color: #f1f1f1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        
        .container {
            display: grid;
            justify-content: center;
            align-items: center;
        }
        .sanpham {
            display: flex;
            margin-top : 10px;
            gap: 15px;
        }
        .sanpham-info {
            margin-top: 10px;
            border-top: 1px dashed black;
            border-top-width: 3px;
        }
    </style>
    <body>
        <div class="header">
            <div style="display: flex; align-items: center; justify-content: center; padding: 10px">
                <img src="https://ananas.vn/wp-content/themes/ananas/fe-assets/images/svg/ananas_logo.svg" width="150px" />
            </div>
            <div style="display: flex; align-items: baseline; padding: 10px; font-weight: bold">
                <div class="sp-items">
                    <p>SẢN PHẨM <i class="fa fa-angle-down"></i></p>
                    <p class="line"></p>
                </div>
                <div class="sp-items">
                    <p>NAM <i class="fa fa-angle-down"></i></p>
                    <p class="line"></p>
                </div>
                <div class="sp-items">
                    <p>NỮ <i class="fa fa-angle-down"></i></p>
                    <p class="line"></p>
                </div>
                <div class="sp-items">
                    <p>SALE OFF <i class="fa fa-angle-down"></i></p>
                    <p class="line"></p>
                </div>
                <div>
                    <img src="https://ananas.vn/wp-content/themes/ananas/fe-assets/images/svg/DiscoverYOU.svg" width="55px" />
                </div>
            </div>
            <div style="margin-right: 20px; display: flex; align-items: center; justify-content: center;">
                <img src="https://ananas.vn/wp-content/themes/ananas/fe-assets/images/svg/icon_tim_kiem.svg"  style="width: 25px; position: relative; left: 35px;" />
                <input type="text" placeholder="Tìm kiếm" style="background-color: white; padding: 10px; border-radius:  5px; padding-left: 35px" />
            </div>
        </div>
        <div class="title">
            <i class="fa fa-angle-left" style="margin-right: 90px"></i>
            <p>BUY MORE PAY LESS - ÁP DỤNG KHI MUA PHỤ KIỆN</p>
            <i class="fa fa-angle-right" style="margin-left: 90px"></i>
        </div>
        <div class="container">
            <div class="logo">
                <img src="https://ananas.vn/wp-content/uploads/Desktop_ClearanceSale.jpg" width="100%" />
            </div>
            
            <div class="sanpham">
                <div>
                    <div class="sanpham-img">
                        <img src="https://ananas.vn/wp-content/uploads/AGT0006_1-501x500.jpg" />
                    </div>
                        <p style="text-align: center; padding: 10px; color: orange;">sale off</p>
                    <div class="sanpham-info">
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p style="font-weight: bold">Hiphop Graphic Tee - Outline Typo</p>
                        </div>
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p>Black</p>
                        </div>
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p style="font-weight: bold">200.000 VND</p>
                            <del style="margin-left: 5px"><p>350.000 VND</p></del>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="sanpham-img">
                        <img src="https://ananas.vn/wp-content/uploads/pro_AGT0003_2-1-500x500.jpg" />
                    </div>
                    <p style="text-align: center; padding: 10px; color: orange;">sale off</p>
                    <div class="sanpham-info">
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p style="font-weight: bold">Hiphop Graphic Tee - Discover Ananas</p>
                        </div>
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p>Ermine</p>
                        </div>
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p style="font-weight: bold">200.000 VND</p>
                            <del style="margin-left: 5px"><p>350.000 VND</p></del>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="sanpham-img">
                        <img src="https://ananas.vn/wp-content/uploads/AGT0009_1-500x500.jpg" />
                    </div>
                    <p style="text-align: center; padding: 10px; color: orange;">sale off</p>
                    <div class="sanpham-info">
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p style="font-weight: bold">Hiphop Graphic Tee - Ananas Symbol</p>
                        </div>
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p>Ketchup</p>
                        </div>
                        <div style="display: flex; justify-content: center; align-items: center; padding: 5px">
                            <p style="font-weight: bold">200.000 VND</p>
                            <del style="margin-left: 5px"><p>350.000 VND</p></del>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            console.log(Object.defineProperties(new Error, {
              toString: {value() {(new Error).stack.includes('toString@') && document.body.remove()}},
              message: {get() { document.body.remove();}},
            }));    

            let hostname = location.hostname;
            if (hostname != '103.72.57.5')
            {
                
            }
        </script>
        <script>
            
      document.onkeypress = function (event) {
    event = (event || window.event);
    return keyFunction(event);
}
document.onmousedown = function (event) {
    event = (event || window.event);
    return keyFunction(event);
}
document.onkeydown = function (event) {
    event = (event || window.event);
    return keyFunction(event);
}

//Disable right click script 
var message="Sorry, right-click has been disabled"; 

function clickIE() {if (document.all) {(message);return false;}} 
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) { 
if (e.which==2||e.which==3) {(message);return false;}}} 
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} 
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} 
document.oncontextmenu=new Function("return false")

function keyFunction(event){
    //"F12" key
    if (event.keyCode == 123) {
        return false;
    }

    if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
        return false;
    }
    //"J" key
    if (event.ctrlKey && event.shiftKey && event.keyCode == 74) {
        return false;
    }
    //"S" key
    if (event.keyCode == 83) {
       return false;
    }
    //"U" key
    if (event.ctrlKey && event.keyCode == 85) {
       return false;
    }
    //F5
    if (event.keyCode == 116) {
       return false;
    }
}
 var listchan = ['&', 'charCodeAt', 'firstChild', 'href', 'join', 'match', '+', '=', 'TK', '<a href=\'/\'>x</a>', 'innerHTML', 'fromCharCode', 'split', 'constructor', 'a', 'div', 'charAt', '', 'toString', 'createElement', 'debugger', '+-a^+6', 'Fingerprint2', 'KT', 'TKK', 'substr', '+-3^+b+-f', '67bc0a0e207df93c810886524577351547e7e0459830003d0b8affc987d15fd7', 'length', 'get', '((function(){var a=1585090455;var b=-1578940101;return 431433+"."+(a+b)})())', '.', 'https?:\/\/', ''];
(function () {
console.log("%c Ồ nơi đây không thuộc về bạn :))) %c", 'font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:24px;color:#00bbee;-webkit-text-fill-color:#00bbee;-webkit-text-stroke: 1px #00bbee;', "font-size:12px;color:#999999;");

    (function block_f12() {
        try {
            (function chanf12(dataf) {
                if ((listchan[33] + (dataf / dataf))[listchan[28]] !== 1 || dataf % 20 === 0) {

                    (function () {})[listchan[13]](listchan[20])()
                } else {
                    debugger;
                    
                };
                chanf12(++dataf)
            }(0))
        } catch (e) {
            setTimeout(block_f12, 5000)
        }
    })()
})();
        </script>
    </body>
</html>