[
    {
        "label": "Nome do app",
        "name": "APP_NAME",
        "value": null,
        "type": "STRING"
    },
    {
        "label": "Logo do app",
        "name": "APP_LOGO",
        "value": "https://techvpn.ml/portifolio/assets/image/eu.png",
        "type": "IMAGE"
    },
    {
        "label": "Imagem de fundo",
        "name": "APP_BACKGROUND_IMAGE",
        "value": null,
        "type": "IMAGE"
    },
    {
        "label": "Tipo do fundo do app",
        "name": "APP_BACKGROUND_TYPE",
        "value": {
            "options": [
                {
                    "label": "Imagem",
                    "value": "IMAGE"
                },
                {
                    "label": "Cor",
                    "value": "COLOR"
                }
            ],
            "selected": "COLOR"
        },
        "type": "SELECT"
    },
    {
        "label": "Cor de fundo",
        "name": "APP_BACKGROUND_COLOR",
        "value": "#808080C7",
        "type": "COLOR"
    },
    {
        "label": "Cor do card inicial",
        "name": "APP_CARD_COLOR",
        "value": "#373A3E00",
        "type": "COLOR"
    },
    {
        "label": "Raio do card inicial",
        "name": "APP_CARD_RADIUS",
        "value": 20,
        "type": "INTEGER"
    },
    {
        "label": "Cor do card de status",
        "name": "APP_CARD_STATUS_COLOR",
        "value": "#1d242e73",
        "type": "COLOR"
    },
    {
        "label": "Raio do card de status",
        "name": "APP_CARD_STATUS_RADIUS",
        "value": 25,
        "type": "INTEGER"
    },
    {
        "label": "Cor do card de configurações",
        "name": "APP_CARD_CONFIG_COLOR",
        "value": "#373A3ED8",
        "type": "COLOR"
    },
    {
        "label": "Cor do fundo dos dialogs",
        "name": "APP_DIALOG_BACKGROUND_COLOR",
        "value": "#292D32CF",
        "type": "COLOR"
    },
    {
        "label": "Cor do fundo do dialog de log",
        "name": "APP_DIALOG_LOGGER_COLOR",
        "value": "#080e16c7",
        "type": "COLOR"
    },
    {
        "label": "Cor das bordas",
        "name": "APP_BORDER_COLOR",
        "value": "#FF0000FF",
        "type": "COLOR"
    },
    {
        "label": "Cor dos inputs",
        "name": "APP_INPUT_COLOR",
        "value": "#1d242e73",
        "type": "COLOR"
    },
    {
        "label": "Raio dos inputs",
        "name": "APP_INPUT_RADIUS",
        "value": 25,
        "type": "INTEGER"
    },
    {
        "label": "Cor dos textos",
        "name": "APP_TEXT_COLOR",
        "value": "#FFFFFFFF",
        "type": "COLOR"
    },
    {
        "label": "Cor dos botões",
        "name": "APP_BUTTON_COLOR",
        "value": "#000000B8",
        "type": "COLOR"
    },
    {
        "label": "Raio dos botões",
        "name": "APP_BUTTON_RADIUS",
        "value": 25,
        "type": "INTEGER"
    },
    {
        "label": "Cor dos icones",
        "name": "APP_ICON_COLOR",
        "value": "#000000FF",
        "type": "COLOR"
    },
    {
        "label": "Exibir modo de conexão",
        "name": "APP_SHOW_CONNECTION_MODE",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
        "name": "APP_CONFIG_AUTO_UPDATE",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
        "name": "APP_AUTO_START",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar limiter de conexão",
        "name": "APP_CONNECTION_LIMITER",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar botão de atualizações",
        "name": "APP_BTN_UPDATE_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar botão de registros",
        "name": "APP_BTN_LOGGER_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar botão de pagina webview",
        "name": "APP_BTN_PAGE_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar dialog de erros",
        "name": "APP_DIALOG_ERROR_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar dialog de checkuser",
        "name": "APP_CHECKUSER_DIALOG_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar toast de sucesso",
        "name": "APP_SUCCESS_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Ativar toast de erro",
        "name": "APP_ERROR_TOAST_ENABLED",
        "value": true,
        "type": "BOOLEAN"
    },
    {
        "label": "Usar layout webview",
        "name": "APP_LAYOUT_WEBVIEW_ENABLED",
        "value": false,
        "type": "BOOLEAN"
    },
    {
        "label": "Mensagem",
        "name": "APP_MESSAGE",
        "value": "Bem vindo ao TECH VPN",
        "type": "TEXT"
    },
    {
        "label": "URL de atualização do aplicativo",
        "name": "APP_UPDATE_URL",
        "value": null,
        "type": "URL"
    },
    {
        "label": "Tipo de mensagem",
        "name": "APP_MESSAGE_TYPE",
        "value": {
            "options": [
                {
                    "label": "Alerta",
                    "value": "ALERT"
                },
                {
                    "label": "Informação",
                    "value": "INFO"
                },
                {
                    "label": "Boas vindas",
                    "value": "WELCOME"
                },
                {
                    "label": "Sem mensagem",
                    "value": "NONE"
                }
            ],
            "selected": "WELCOME"
        },
        "type": "SELECT"
    },
    {
        "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_LAYOUT_WEBVIEW",
        "value": null,
        "type": "HTML"
    },
    {
        "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_SUPPORT_BUTTON",
        "value": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>DTunnel</title>\r\n    <style>\r\n        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n\r\n        :root {\r\n            --icon-color: #FFFFFF;\r\n            --text-color: #FFFFFF;\r\n            --bg-color: #00000000;\r\n            --btn-color: #00000000;\r\n        }\r\n\r\n        html,\r\n        body {\r\n            font-family: 'Roboto', sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            background: var(--bg-color);\r\n        }\r\n\r\n        .container {\r\n            margin-top: 1rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0.6rem;\r\n            overflow: hidden;\r\n            color: var(--text-color);\r\n        }\r\n\r\n        .btn {\r\n            margin-right: 5px;\r\n            border: none;\r\n            background: var(--bg-color);\r\n            padding: 0.4rem;\r\n            border-radius: 10px;\r\n            color: var(--text-color);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .d-flex {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .ms-2 {\r\n            margin-left: 0.5rem;\r\n        }\r\n\r\n        svg {\r\n            color: var(--icon-color);\r\n            width: 1.2rem;\r\n            height: 1.2rem;\r\n            filter: drop-shadow(0 0 0.1rem #a7a7a7);\r\n        }\r\n    </style>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"d-flex ms-2\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z\" />\r\n            </svg>\r\n            <p class=\"ms-2\" id=\"total\">00</p>\r\n        </div>\r\n        <div class=\"d-flex\">\r\n            <svg id=\"network\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n                viewBox=\"0 0 16 16\">\r\n                <path\r\n                    d=\"M2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h5.5v3A1.5 1.5 0 0 0 6 11.5H.5a.5.5 0 0 0 0 1H6A1.5 1.5 0 0 0 7.5 14h1a1.5 1.5 0 0 0 1.5-1.5h5.5a.5.5 0 0 0 0-1H10A1.5 1.5 0 0 0 8.5 10V7H14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1z\" />\r\n            </svg>\r\n            <p class=\"ms-2\" id=\"name\">TIM:</p>\r\n            <p class=\"ms-2\" id=\"ip\">127.0.0.1</p>\r\n        </div>\r\n        <div class=\"d-flex\">\r\n            <button class=\"btn\" onclick=\"Android.showCheckUser()\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                    <path\r\n                        d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zm-2.24 4.855a.428.428 0 1 0 0-.855.426.426 0 0 0-.429.43c0 .238.192.425.43.425zm.337.563h-.672v4.105h.672V8.418zm-6.867 4.105v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105z\" />\r\n                </svg>\r\n            </button>\r\n            <button class=\"btn\" onclick=\"document.location.href='https://t.me/VEM_BRABO'\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                    <path\r\n                        d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z\" />\r\n                </svg>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <script>\r\n        class AndroidMock {\r\n            static getLocalIP() {\r\n                return '192.168.0.1';\r\n            }\r\n\r\n            static getConfig() {\r\n                return JSON.stringify({\r\n                    urlCheckUser: 'http://w.dutra01.xyz:5000'\r\n                });\r\n            }\r\n\r\n            static getNetworkName() {\r\n                return 'TIM';\r\n            }\r\n\r\n            static openRadioInfo() {\r\n                console.log('openRadioInfo');\r\n            }\r\n        }\r\n    </script>\r\n\r\n    <script>\r\n        function showLocalIP(android) {\r\n            console.log(android.getNetworkName());\r\n            document.getElementById('name').innerHTML = android.getNetworkName() + ':';\r\n            document.getElementById('ip').innerHTML = android.getLocalIP();\r\n\r\n            setInterval(() => {\r\n                document.getElementById('name').innerHTML = android.getNetworkName() + ':';\r\n                document.getElementById('ip').innerHTML = android.getLocalIP();\r\n            }, 2000)\r\n        }\r\n\r\n        function showCheckUser(android) {\r\n            const config = JSON.parse(android.getConfig());\r\n            const urlCheckUser = new URL(config.urlCheckUser);\r\n            urlCheckUser.protocol = 'ws:';\r\n            const socket = new WebSocket(urlCheckUser);\r\n            socket.onopen = function (e) {\r\n                socket.send(JSON.stringify({\r\n                    action: 'all',\r\n                    data: {}\r\n                }));\r\n            };\r\n\r\n            socket.onmessage = function (event) {\r\n                const data = JSON.parse(event.data);\r\n                if (data.total === undefined)\r\n                    return;\r\n\r\n                const total = data.total;\r\n                document.getElementById('total').innerHTML = String(total).padStart(2, '0');\r\n                socket.close();\r\n            };\r\n        }\r\n\r\n        document.getElementById('network').addEventListener('click', function () {\r\n            const android = window.Android || AndroidMock;\r\n            android.openRadioInfo();\r\n        });\r\n\r\n        window.onload = function () {\r\n            const android = window.Android || AndroidMock;\r\n            showLocalIP(android);\r\n            showCheckUser(android);\r\n        }\r\n\r\n    </script>\r\n</body>\r\n\r\n</html>",
        "type": "HTML"
    },
    {
        "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
        "name": "APP_WEB_VIEW",
        "value": "<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"utf-8\">\r\n  <title>all_sourcesbr_ofc</title>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n    img {\r\n    box-shadow: 20px 5px 10px 5px rgba(0,0,0,0.75); border-radius: 30%;\r\n}\r\n    #btn-mostrar-toast{\r\n    position: relative;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background-color: #808080;\r\n    border: 2px;\r\n    border-radius: 20px;\r\n    color: black;\r\n    padding: 15px 32px;\r\n    text-align: center;\r\n    display: inline-block;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    margin: 4px 2px;\r\n    box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.75); border-radius: 30%;\r\n    cursor: pointer;\r\n}\r\n    .toast {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tmargin: auto;\r\n\t\t\t\twidth: 350px;\r\n\t\t\t\theight: 800px;\r\n\t\t\t\tborder: 4px solid black;\r\n\t\t\t\tbackground-color: gray;\r\n\t\t\t\tz-index: 10;\r\n\t\t\t\tborder-radius: 45px;\r\n\t\t\t}\r\n\r\n\t\t\t.toast-content {\r\n\t\t\t\tpadding: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t.toast-video {\r\n\t\t\t\tmargin-top: 10px;\r\n\t\t\t}\r\n\t\t\t#close-toast {\r\n    position: none;\r\n    width: 350px;\r\n    height: 20px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    font-size: 20px;\r\n    font-weight: bold;   \r\n    text-align: center;\r\n    padding-top: 1px;\r\n    cursor: pointer;\r\n}\r\n#close-toast span {\r\n    font-size: 27px;\r\n    text-align: center;\r\n    padding-bottom: center;\r\n    background-color: none;\r\n    font-weight: bold;\r\n    color: yellow;\r\n    box-shadow: 10px 5px 5px 10px rgba(0,0,0,0.75); border-radius: 30%;\r\n}\r\n.iframe {\r\n    border: 0px solid black;\r\n    padding: 13px;\r\n    background-color: none;\r\n    width: 360px;\r\n    height: 100%;\r\n    z-index: 30;\r\n    margin: 0 auto;\r\n    margin-left: -38px;\r\n    \r\n  }\r\n    * {\r\n                margin: 0;\r\n                padding: 0;\r\n            }\r\n            #sidebar {\r\n                position: fixed;\r\n                text-decoration: #000000;\r\n                width: 250px;\r\n                height: 100%;\r\n                background: black;\r\n                border-radius: 20px;\r\n                padding-top: -30px;\r\n                left: -250px;\r\n                z-index: 11;\r\n                transition: all 500ms linear;\r\n            }\r\n            #sidebar.active {\r\n                left: 10px;\r\n            }\r\n            #sidebar ul li {\r\n                color: rgba(230, 230, 230, 0.9);\r\n                list-style: none;\r\n                padding: 15px 10px;\r\n                border-bottom: 1px solid rgba(100, 100, 100, 0.3);\r\n            }\r\n            #sidebar .toggle-btn {\r\n                position: absolute;\r\n                left: 270px;\r\n                top: 20px;\r\n            }\r\n            #sidebar .toggle-btn span {\r\n                display: block;\r\n                width: 30px;\r\n                height: 5px;\r\n                background: #151719;\r\n                margin: 5px 0px;\r\n            }\r\n    .box {\r\n  position: relative;\r\n  background-color: nome;\r\n  color: black;\r\n  padding: 10px;\r\n  border: 2px solid black;\r\n  border-radius: 20px;\r\n  margin: 0px;\r\n  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);\r\n  transition: 0.5s ease-out;\r\n  z-index: 1;\r\n}\r\n\r\n.box:hover {\r\n  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n    .cabecalho {\r\n        \r\n        width: 100%;\r\n        height: 100px;\r\n        margin-bottom: 10px;\r\n        background-color: #bfffff;\r\n        border-radius: 15px;\r\n        padding: auto;\r\n        \r\n        \r\n    }\r\n    .cabecalho h1 {\r\n        \r\n        color: black;\r\n        font-size: 30px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n       \r\n    }\r\n    .botao {\r\n        \r\n        width: 150px;\r\n        margin: 50%;\r\n        color: black;\r\n        font-size: 13px;\r\n        font-weight: bold;\r\n        background-color: #f59d17;\r\n        padding: 10px;\r\n        border-radius: 15px;\r\n        border: 4px;\r\n        \r\n        \r\n        \r\n    }\r\n    .botao:hover {\r\n        background-color: #f9c74d;\r\n        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);\r\n        \r\n    }\r\n    .botao span {\r\n        position: relative;\r\n        top: -1px;\r\n    }\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box: 20px;\r\n    }\r\n    body{\r\n        font-family: sans-serif;\r\n        background-color: none;\r\n        border-radius: 20px;\r\n    }\r\n    .banner{\r\n        \r\n        width:100%;\r\n        height: 400px;\r\n        background-image: url(\"https://techvpn.ml/imgshare/uploads/ic_launcher_round.png\");\r\n        background-size: cover;\r\n        background-position: center;\r\n        animation: banner 5s linear infinite;\r\n    }\r\n    @keyframes banner{\r\n        0%{\r\n            filter: blur(0px);\r\n        }\r\n        50%{\r\n            filter: blur(10px);\r\n        }\r\n        50%{\r\n            filter: blur(10px);\r\n        }\r\n        100%{\r\n            filter: blur(0px);\r\n        }\r\n    }\r\n    .container{\r\n        width: 90%;\r\n        margin: auto;\r\n        padding: 10px;\r\n    }\r\n    .main-content{\r\n        width: 100%;\r\n        color: black;\r\n        text-align: center;\r\n    }\r\n    .main-content p{\r\n        font-size: 18px;\r\n        line-height: 1.5;\r\n    }\r\n    .main-content h2{\r\n        font-size: 28px;\r\n        font-weight: bold;\r\n        padding: center;\r\n    }\r\n    .main-content img{\r\n        width: 80%;\r\n        border-radius: 30px;\r\n        padding-top: 5px;\r\n        padding: 5px;\r\n    }\r\n    .footer{\r\n        width: 350px;\r\n        height: 50px;\r\n        background-color: #c4c4c4;\r\n        padding: auto;\r\n        border-radius: 30px;\r\n        box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.75); border-radius: 30%;\r\n    }\r\n    .footer p{\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n        padding: 10px;\r\n        padding-right: 30px;\r\n    }\r\n    p {\r\n      font-size: 2rem;\r\n      text-align: center;\r\n      background: linear-gradient(to right, #f59d17, #0018ff, #ff00dc);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      animation-name: text-animation;\r\n      animation-duration: 3s;\r\n      \r\n    }\r\n    @keyframes text-animation {\r\n      0% {\r\n        background-position: 0%;\r\n      }\r\n      50% {\r\n        background-position: 50%;\r\n      }\r\n      100% {\r\n        background-position: 100%;\r\n      }\r\n    }\r\n</style>\r\n</head>\r\n<body>\r\n    <div class=\"box\">\r\n        <div id=\"sidebar\">\r\n            <div class=\"toggle-btn\" onclick=\"toggleSidebar()\">\r\n                <span></span>\r\n                <span></span>\r\n                <span></span>\r\n            </div>\r\n            <ul>\r\n   <li><a href=\"https://techvpn.ml\">• PAINEL CONECTA4G</a></li>\r\n   <li><a href=\"https://techvpn.ml/gltunnel\">• PAINEL CONFIG GLTUNNEL</a></li>\r\n   <li><a href=\"https://techvpn.ml/imgshare\">• UPLOUD IMAGEM SHARE</a></li>\r\n   <li><a href=\"https://techvpn.ml/banner\">• CRIAR BANNER RGB</a></li>\r\n   <li><a href=\"https://techvpn.ml/linkwhatsapp/\">• GERADOR DE LINKS WHATSAPP</a></li>\r\n   <li><a href=\"https://techvpn.ml/portifolio\">• CONTATO</a></li>\r\n   <li><a href=\"https://techvpn.ml/paste\">• SALVE SUAS CONFIG ONLINE</a></li>\r\n        </div>\r\n            </ul>\r\n   \r\n        <script>\r\n            function toggleSidebar(){\r\n                document.getElementById(\"sidebar\").classList.toggle('active');\r\n            }\r\n        </script>\r\n  <div class=\"box-animation\">\r\n      <div>\r\n          <table width=\"350\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" border-radius=\"10px\">\r\n  <tr>\r\n    <td>\r\n        <h2 style=\"text-align: center;\">SOBRE O GRUPO</h2>\r\n        <p style=\"text-align: center;\"><strong>@VEM_BRABO</strong> <img src=\"https://techvpn.ml/portifolio/assets/image/eu.png\" width=\"80\" height=\"80\" /></p>\r\n    </td>\r\n  </tr>\r\n</table>\r\n  <br><p>\r\n    ALL_SOURCESBR_OFC\r\n  </p><br>\r\n    <div class=\"cabecalho\">\r\n    <br><h1>Meu Grupo no Telegram</h1><br>\r\n    <br><br><a href=\"https://t.me/+8kZepXpkVoIyNTUx\" class=\"botao\"><span>GRUPO</span></a><br><br>\r\n    </div>\r\n<div class=\"cabecalho\">\r\n    <br><h1>Meu Canal no Telegram</h1><br>\r\n    <br><br><a href=\"https://t.me/allsourcesbr_canal\" class=\"botao\"><span>CANAL</span></a><br><br>\r\n\r\n<br><p>ASSISTIR TV ONLINE</p><br>\r\n\r\n<button id=\"btn-mostrar-toast\">ABRIR TELA DE VÍDEOS</button>\r\n\r\n\t\t <div class=\"toast\" id=\"toast\" style=\"display: none;\">\r\n\t\t\t<div class=\"toast-content\">\r\n\t\t\t<div id=\"close-toast\" onClick=\"closeToast()\">\r\n    <span>fechar</span>\r\n    \r\n    <div class=\"iframe\">\r\n       \r\n         <div>\r\n         \r\n         </div>\r\n         <div class=\"text-center mt-2 text-md-center mb-4 mt-md-0\"><h1 class=\"mt-2 mb-0 h5\"><h4 class=\"text-center\" id=\"title\"><strong>CANAL SBT SP</strong></h4> </h1>\r\n\t\t\t\t<iframe width=\"100%\" height=\"200\" class=\"toast-video\" src=\"https://www.youtube.com/embed/vhWoKzm8c4s\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope\" allowfullscreen></iframe>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t    <div class=\"text-center mt-2 text-md-center mb-4 mt-md-0\"><h1 class=\"mt-2 mb-0 h5\"><h4 class=\"text-center\" id=\"title\"><strong>CANAL SBT SP</strong></h4> </h1>\r\n         </div>\r\n\t\t\t\t<iframe width=\"100%\" height=\"200\" class=\"toast-video\" src=\"https://www.youtube.com/embed/X9q3K8d4LHs\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope\" allowfullscreen></iframe>\r\n\t\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t\t<div>\r\n\t\t\t\t    <div class=\"text-center mt-2 text-md-center mb-4 mt-md-0\"><h1 class=\"mt-2 mb-0 h5\"><h4 class=\"text-center\" id=\"title\"><strong>CANAL SBT SP</strong></h4> </h1>\r\n         </div>\r\n\t\t\t\t<iframe width=\"100%\" height=\"200\" class=\"toast-video\" src=\"https://www.youtube.com/embed/7V-Lz-uPjKc\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope\" allowfullscreen></iframe>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t<script>\r\n\t\t\tdocument.getElementById('btn-mostrar-toast').addEventListener('click', function() {\r\n\t\t\t\tdocument.getElementById('toast').style.display = 'block';\r\n\t\t\t});\r\n\t\t\tfunction closeToast(){\r\n    document.getElementById('toast').style.display = 'none';\r\n}\r\n\t\t</script>\r\n\t\t\r\n\r\n    <br><div class=\"banner\"></div>\r\n    <div></div>\r\n    <div class=\"container\"><br>\r\n        <div class=\"main-content\">\r\n            <br><h2></h2><br>\r\n            <div class=\"main-content\">\r\n            <img src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR1RXQL09mcgOi0q96mIq-m4DASRKWDbnYw8w&usqp=CAU\" alt=\"\">\r\n            <p>Este grupo tem por objetivo modificar aparência de apps, sources, e outras variadas maneiras de dar aquele toque de beleza aos seus textos. Aqui você encontra dicas e conselhos para mudar o design dos seus trabalhos, além de contar com a ajuda de profissionais que podem te ajudar a melhorar a sua criação. Seja você designer, artista gráfico ou programador, este grupo é a melhor opção para aprimorar seus trabalhos com as melhores técnicas e ferramentas. Venha para o grupo e dê aquele toque de beleza aos seus apps.</p>\r\n        </div>\r\n    </div>\r\n    <div class=\"footer\">\r\n        <p>Todos os direitos reservados</p>\r\n    </div>\r\n    </div>\r\n</div>\r\n</html>",
        "type": "HTML"
    }
]