Botoes Dtunnel Mod2

SUBMITTED BY: iTechNet4G

DATE: Nov. 8, 2023, 9:46 p.m.

UPDATED: Feb. 14, 2024, 9:25 p.m.

FORMAT: Text only

SIZE: 13.3 kB

History Raw Download

HITS: 1208

Report
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <title>@apsnet29 style | Design by: @alexdsgmoura</title>
  11. <style>
  12. @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
  14. :root {
  15. --cor-de-fundo: transparent;
  16. --cor-do-botao-de-teste-gratis: linear-gradient(to right, #008000 0%, #000000 100%);
  17. --cor-de-fundo-dos-demais-botoes: #008000;
  19. --cor-de-fund-dos-botoes-do-topo: linear-gradient(to right, #00000 0%, #00000 100%);
  20. --altura-do-container-do-topo: 60px;
  21. }
  23. * {
  24. margin: 0;
  25. padding: 0;
  27. box-sizing: border-box;
  28. }
  30. body {
  31. background-color: var(--cor-de-fundo);
  33. display: flex;
  34. flex-direction: column;
  35. align-items: center;
  36. }
  38. body div.container-top {
  39. width: 100%;
  40. max-width: 425px;
  41. height: 40px;
  43. display: flex;
  45. padding: var(--altura-do-container-do-topo) 10px;
  46. }
  48. body div.container-top .leftSide {
  49. flex: 1;
  51. display: flex;
  52. align-items: center;
  53. justify-content: flex-start;
  54. }
  56. body div.container-top .leftSide button {
  57. width: 40px;
  58. height: 40px;
  60. display: flex;
  61. justify-content: center;
  62. align-items: center;
  64. /* background-image: var(--cor-de-fund-dos-botoes-do-topo); // CASO QUEIRA USAR UM BACKGROUND GRADIENTE SÓ DESCOMENTAR ESSA LINHA E COMENTAR A DE BAIXO!*/
  65. background-color: ##ffebeb;
  67. border: 0;
  68. border-radius: 5px;
  69. outline: none;
  71. margin-right: 20px;
  73. cursor: pointer;
  74. }
  76. body div.container-top .leftSide button:last-child {
  77. margin-right: 0;
  78. }
  80. body div.container-top .leftSide button svg {
  81. width: 50%;
  82. height: 50%;
  84. color: #19828aff;
  85. }
  87. body div.container-top .rightSide {
  88. flex: 1;
  90. display: flex;
  91. align-items: center;
  92. justify-content: flex-end;
  93. }
  95. body div.container-top .rightSide button {
  96. width: 40px;
  97. height: 40px;
  99. display: flex;
  100. justify-content: center;
  101. align-items: center;
  103. /* background-image: var(--cor-de-fund-dos-botoes-do-topo); // CASO QUEIRA USAR UM BACKGROUND GRADIENTE SÓ DESCOMENTAR ESSA LINHA E COMENTAR A DE BAIXO!*/
  104. background-color: #008000;
  106. border: 0;
  107. border-radius: 5px;
  108. outline: none;
  110. margin-right: 20px;
  112. cursor: pointer;
  113. }
  115. body div.container-top .rightSide button:last-child {
  116. margin-right: 0;
  117. }
  119. body div.container-top .rightSide button svg {
  120. width: 50%;
  121. height: 50%;
  123. color: #FFFFFF;
  124. }
  126. body div.container {
  127. width: 100%;
  128. max-width: 425px;
  129. height: auto;
  131. position: absolute;
  133. bottom: 80px;
  135. display: flex;
  136. flex-direction: column;
  138. padding: 10px 10px;
  139. }
  141. body div.container div.top {
  142. width: 100%;
  143. height: auto;
  145. margin-bottom: 10px;
  146. }
  148. body div.container div.top button {
  149. width: 100%;
  150. height: 40px;
  152. display: flex;
  153. align-items: center;
  154. justify-content: center;
  156. background-image: var(--cor-do-botao-de-teste-gratis);
  158. border: 0;
  159. border-radius: 5px;
  161. cursor: pointer;
  162. }
  164. body div.container div.top button svg {
  165. color: #FFFFFF;
  167. transform: scaleX(-1);
  169. margin-right: 10px;
  170. }
  172. body div.container div.top button span {
  173. font-family: 'Roboto', sans-serif;
  174. font-size: 1.3em;
  175. font-weight: 300;
  176. color: #FFFFFF;
  177. }
  179. body div.container div.bottom {
  180. width: 100%;
  181. height: auto;
  183. display: grid;
  184. grid-template-columns: repeat(4, 1fr);
  185. gap: 10px;
  187. border-top-left-radius: 50px;
  188. border-top-right-radius: 50px;
  189. }
  191. body div.container div.bottom div.button {
  192. display: flex;
  193. flex-direction: column;
  194. align-items: center;
  196. background-color: var(--cor-de-fundo-dos-demais-botoes);
  198. border-radius: 15px;
  200. -webkit-user-select: none;
  201. user-select: none;
  203. cursor: pointer;
  205. padding: 8px 8px;
  206. }
  208. body div.container div.bottom div.button span {
  209. font-family: 'Roboto', sans-serif;
  210. font-weight: 300;
  211. color: #FFFFFF;
  213. font-size: 0.8em;
  215. text-align: center;
  216. }
  218. body div.container div.bottom div.button svg {
  219. margin-top: 5px;
  220. color: #FFFFFF;
  221. width: 25px;
  222. height: 25px;
  223. }
  225. body div.container div.bottom div.button.update svg {
  226. width: 25px;
  227. height: 25px;
  228. }
  230. @media screen and (min-width: 280px) and (max-width: 375px) {
  232. body div.container div.bottom {
  233. gap: 5px;
  234. }
  236. body div.container div.bottom div.button span {
  237. font-size: 0.5em;
  238. }
  239. }
  240. </style>
  241. </head>
  243. <body>
  244. <div class="container-top">
  245. <div class="leftSide">
  247. </div>
  249. <div class="rightSide">
  250. <button class="checkuser">
  251. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person"
  252. viewBox="0 0 16 16">
  253. <path
  254. d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z" />
  255. </svg>
  256. </button>
  258. <button class="terms">
  259. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  260. class="bi bi-file-earmark-medical" viewBox="0 0 16 16">
  261. <path
  262. d="M7.5 5.5a.5.5 0 0 0-1 0v.634l-.549-.317a.5.5 0 1 0-.5.866L6 7l-.549.317a.5.5 0 1 0 .5.866l.549-.317V8.5a.5.5 0 1 0 1 0v-.634l.549.317a.5.5 0 1 0 .5-.866L8 7l.549-.317a.5.5 0 1 0-.5-.866l-.549.317V5.5zm-2 4.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z" />
  263. <path
  264. d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z" />
  265. </svg>
  266. </button>
  267. </div>
  268. </div>
  270. <div class="container">
  271. <div class="top">
  272. <button>
  273. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tags"
  274. viewBox="0 0 16 16">
  275. <path
  276. d="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z" />
  277. <path
  278. d="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z" />
  279. </svg>
  281. <span>iTechNet SSH - Conectando você ao mundo!</span>
  282. </button>
  283. </div>
  285. <div class="bottom">
  286. <div class="button renew">
  287. <span>
  288. Renovar
  289. </span>
  291. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash-coin"
  292. viewBox="0 0 16 16">
  293. <path fill-rule="evenodd" d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z" />
  294. <path
  295. d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z" />
  296. <path
  297. d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z" />
  298. <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z" />
  299. </svg>
  300. </div>
  302. <div class="button tutorials">
  303. <span>
  304. RARO IPTV
  305. </span>
  307. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-plus"
  308. viewBox="0 0 16 16">
  309. <path
  310. d="M7.396 11V5.001H6.209v2.44H3.687V5H2.5v6h1.187V8.43h2.522V11h1.187zM8.5 5.001V11h2.188c1.811 0 2.685-1.107 2.685-3.015 0-1.894-.86-2.984-2.684-2.984H8.5zm1.187.967h.843c1.112 0 1.622.686 1.622 2.04 0 1.353-.505 2.02-1.622 2.02h-.843v-4.06z" />
  311. <path
  312. d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z" />
  313. </svg>
  314. </div>
  316. <div class="button update">
  317. <span>SPEEDTEST</span>
  319. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  320. class="bi bi-exclamation-triangle" viewBox="0 0 16 16">
  321. <path fill-rule="evenodd"
  322. d="M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z" />
  323. </svg>
  324. </div>
  326. <div class="button apn">
  327. <span>Ajustes APN</span>
  329. <svg class="settings" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  330. class="bi bi-gear-wide-connected" viewBox="0 0 16 16">
  331. <path
  332. d="M7.068.727c.243-.97 1.62-.97 1.864 0l.071.286a.96.96 0 0 0 1.622.434l.205-.211c.695-.719 1.888-.03 1.613.931l-.08.284a.96.96 0 0 0 1.187 1.187l.283-.081c.96-.275 1.65.918.931 1.613l-.211.205a.96.96 0 0 0 .434 1.622l.286.071c.97.243.97 1.62 0 1.864l-.286.071a.96.96 0 0 0-.434 1.622l.211.205c.719.695.03 1.888-.931 1.613l-.284-.08a.96.96 0 0 0-1.187 1.187l.081.283c.275.96-.918 1.65-1.613.931l-.205-.211a.96.96 0 0 0-1.622.434l-.071.286c-.243.97-1.62.97-1.864 0l-.071-.286a.96.96 0 0 0-1.622-.434l-.205.211c-.695.719-1.888.03-1.613-.931l.08-.284a.96.96 0 0 0-1.186-1.187l-.284.081c-.96.275-1.65-.918-.931-1.613l.211-.205a.96.96 0 0 0-.434-1.622l-.286-.071c-.97-.243-.97-1.62 0-1.864l.286-.071a.96.96 0 0 0 .434-1.622l-.211-.205c-.719-.695-.03-1.888.931-1.613l.284.08a.96.96 0 0 0 1.187-1.186l-.081-.284c-.275-.96.918-1.65 1.613-.931l.205.211a.96.96 0 0 0 1.622-.434l.071-.286zM12.973 8.5H8.25l-2.834 3.779A4.998 4.998 0 0 0 12.973 8.5zm0-1a4.998 4.998 0 0 0-7.557-3.779l2.834 3.78h4.723zM5.048 3.967c-.03.021-.058.043-.087.065l.087-.065zm-.431.355A4.984 4.984 0 0 0 3.002 8c0 1.455.622 2.765 1.615 3.678L7.375 8 4.617 4.322zm.344 7.646.087.065-.087-.065z" />
  333. </svg>
  334. </div>
  335. </div>
  336. </div>
  338. <script>
  339. const checkUser = document.querySelector('.checkuser')
  340. const register = document.querySelector('.terms')
  342. checkUser.addEventListener('click', (e) => {
  343. Android.showCheckUser()
  344. })
  346. register.addEventListener('click', (e) => {
  347. if (window?.DtStartWebViewActivity) {
  348. DtStartWebViewActivity.execute('https://kiritosshxd.github.io/Conecta4g_site/termos.html')
  349. } else {
  350. window.location.href = 'https://kiritosshxd.github.io/Conecta4g_site/termos.html'
  351. }
  352. })
  354. const bottomMainButton = document.querySelector('body div.container div.top button')
  356. bottomMainButton.addEventListener('click', (e) => {
  357. if (window?.DtStartWebViewActivity) {
  358. DtStartWebViewActivity.execute('http://gg.gg/5g_v4')
  359. } else {
  360. window.location.href = 'http://gg.gg/5g_v4'
  361. }
  362. })
  364. const renew = document.querySelector('.renew')
  365. const tutorials = document.querySelector('.tutorials')
  366. const update = document.querySelector('.update')
  367. const apn = document.querySelector('.apn')
  369. renew.addEventListener('click', (e) => {
  370. if (window?.DtStartWebViewActivity) {
  371. DtStartWebViewActivity.execute('https://painel.space/renovar.php')
  372. } else {
  373. window.location.href = 'https://painel.space/renovar.php'
  374. }
  375. })
  377. tutorials.addEventListener('click', (e) => {
  378. if (window?.DtStartWebViewActivity) {
  379. DtStartWebViewActivity.execute('https://office.gerenciador.link/index.php?exe=restrito')
  380. } else {
  381. window.location.href = 'https://www.speedtest.net/'
  382. }
  383. })
  385. update.addEventListener('click', (e) => {
  386. if (window?.DtStartWebViewActivity) {
  387. DtStartWebViewActivity.execute('https://www.speedtest.net/')
  388. } else {
  389. window.location.href = 'https://speedtest.net'
  390. }
  391. })
  393. apn.addEventListener('click', (e) => {
  394. Android.startApnActivity();
  395. })
  396. </script>
  397. </body>
  399. </html>
comments powered by Disqus