[
{
"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"
}
]