<!doctype html>
<html itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="id-ID">

<head>
    <title>Internet Positif</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <meta http-equiv="refresh" content="2; url=http://bimatri.ioh.co.id/#/?source=web_negativepage&amp;tid=pwa">
         
</head>
<style>
    * {
        box-sizing: border-box;
    }

    body {
        padding: 0px;
        margin: 0px;
        font-family: 'IndosatRegular', sans-serif;

    }

    @font-face {
        font-family: 'IndosatRegular';
        src: url('fonts/Indosat/IndosatRegular-Regular.ttf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'IndosatBold';
        src: url('fonts/Indosat/IndosatBold-Bold.ttf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }

    #wrapper-indosat {
        font-family: 'IndosatBold', sans-serif;
        padding: 0px 90px;
        height: 90vh;
        align-content: space-between;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #wrapper-3 {
        font-family: 'IndosatBold', sans-serif;
        padding: 0px 90px;
        height: 90vh;
        align-content: space-between;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .bg-im3 {
        padding: 14px 90px;
        background-image: linear-gradient(#FFD500, #FF9900);
        height: 100vh !important;
    }

    .bg-3 {
        padding: 14px 90px;
        background-image: linear-gradient(#FF007A, #EE7C33);
        height: 100vh !important;
    }


    .container-kominfo {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;

    }

    .logo-3 {
        width: 4rem;
    }

    .logo-ioh {
        width: 8rem;
    }

    .logo-im3 {
        width: 4rem;
    }

    .title {
        font-size: 48px;
    }

    .subtitle {
        font-size: 18px;
        font-family: 'IndosatRegular', sans-serif;
    }

    .text-kominfo {
        font-size: 10px;
        font-family: 'IndosatRegular', sans-serif;
        color: #B8B7B7;
    }

    .logo-kominfo {
        width: 50px;
    }

    .container-content {
        width: 50%;
    }

    .clr-white {
        color: white;
    }

    .countdown {
        color: #ED1C24;
        font-weight: 900;
    }

    @media (max-width: 576px) {
        #wrapper-indosat {
            padding: 0px 8px;
            height: 100vh;
            align-content: space-between;
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        #wrapper-3 {
            padding: 13px 14px;
            height: 100vh;
            align-content: space-between;
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }

        .bg-im3 {
            padding: 17px 8px !important;
            background-image: linear-gradient(#FFD500, #FF9900);
            height: 100vh !important;
        }


        .container-kominfo {
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: auto;

        }

        .logo-ioh {
            width: 8rem;
        }

        .title {
            font-size: 36px;
            text-align: center;
        }

        .subtitle {
            font-size: 14px;
            font-family: 'IndosatRegular', sans-serif;
            text-align: center;
            line-height: 20px;
        }

        .text-kominfo {
            font-size: 8px;
            font-family: 'IndosatRegular', sans-serif;
            color: #B8B7B7;
        }

        .logo-kominfo {
            width: 50px;
        }

        .container-content {
            width: 100%;
        }

        .clr-white {
            color: white;
        }

    }
</style>

<body>
    
        <div id="wrapper-3" class="bg-3 clr-white">
    
        <div class="container-content">
            
                <img class="logo-3" src="https://myim3banner.kloc.co/assets/uploads/Frame_2671_1723091127.png" alt="">
            

            <p class="title">Situs web yang coba kamu akses diblokir</p>
            
            <div class="subtitle">
                <p>
                    Maaf, Anda tidak dapat mengakses halaman situs ini
                    karena terindikasi mengandung pornografi, judi, pishing,
                    SARA atau penyalahgunaan proxy.
                </p>
                
                <p>Halaman ini akan dialihkan ke aplikasi BIMA dalam 2 detik!</p>
                
            </div>
        </div>
        <div class="container-kominfo">
            
                <img class="logo-kominfo" src="https://myim3banner.kloc.co/assets/uploads/Frame_2653_1723005314.png" alt="">
            

            
                <div class="text-kominfo clr-white">
            
                <p>Undang-undang nomor 19 tahun 2016 Pasal 40 (2a) dan (2b) tentang informasi dan transaksi elektronik
                </p>
                <p>Peraturan Mentri Komunikasi dan Informatika No.5 tahun 2020 tentang penyelanggaraan sistem elektronik
                    lingkup privat</p>
            </div>
        </div>
    </div>
</body>

</html>
