|
1 | | -<html> |
2 | | - <head> |
3 | | - <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> |
4 | | - <title>TMS Web Project</title> |
5 | | - </head> |
6 | | - <body> |
7 | | - <header> |
8 | | - <img src="https://www.tmssoftware.com/site/img/logos/loper.svg" class="background-image"> |
9 | | - <div class="top-title top-title-small"> |
10 | | - <a href="https://www.tmssoftware.com/" target="_blank" title="Visit tmssoftware"> |
11 | | - <img class="large" src="https://www.tmssoftware.com/site/img/logo_tms_software.png"> |
12 | | - <img class="small" src="https://www.tmssoftware.com/site/img/logo_tms_software_small.png"> |
13 | | - </a> |
14 | | - </div> |
15 | | - <div class="top-title top-title-small"> |
16 | | - <a href="http://web.tmssoftware.com/" target="_blank" title="Visit TMS Web Core page"> |
17 | | - <div class="tms-panel-thumb">WEB</div> |
18 | | - <div class="tms-thumb-text">TMS WEB Core</div> |
19 | | - </a> |
20 | | - </div> |
21 | | - <div class="bg-webgreen top-title top-title-detail" id="title">Title</div> |
22 | | - <div class="bg-webgreen top-title top-title-description"> |
23 | | - <table> |
24 | | - <tr><td class="icon"> |
25 | | - <i class="icon material-icons">info</i> |
26 | | - </td><td> |
27 | | - <span id="description">Description</span> |
28 | | - </td></tr> |
29 | | - </table> |
30 | | - </div> |
31 | | - </header> |
32 | | - <div id="appcontent" class="appcontent"> |
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="pt-br" data-bs-theme="dark"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | + <title>Push Notifications - Delphi</title> |
| 7 | + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> |
| 8 | + <style> |
| 9 | + body { |
| 10 | + background-color: #121212; |
| 11 | + color: #f8f9fa; |
| 12 | + } |
| 13 | + .btn-group button { |
| 14 | + font-weight: 500; |
| 15 | + transition: all 0.2s; |
| 16 | + margin: 30px 0 0 0; |
| 17 | + } |
| 18 | + .btn-group button:hover { |
| 19 | + /*background-color: #343a40; */ |
| 20 | + /*color: #fff;*/ |
| 21 | + font-weight: bold; |
| 22 | + } |
| 23 | + .footer { |
| 24 | + height: 60px; |
| 25 | + background-color: #1e1e1e; |
| 26 | + border-top: 1px solid #343a40; |
| 27 | + border-radius: 0 0 12px 12px; |
| 28 | + font-size: 14px; |
| 29 | + } |
| 30 | + </style> |
| 31 | +</head> |
| 32 | +<body> |
| 33 | + <div class="container py-4"> |
| 34 | + <!-- FORMULARIO --> |
| 35 | + <div class="card bg-dark border-secondary rounded-3 p-3 mb-4" id="divFormulario"> |
| 36 | + <div class="mb-3"> |
| 37 | + <label for="edtUserID" class="form-label text-white" id="lbUserID">UserID</label> |
| 38 | + <input type="text" class="form-control" id="edtUserID" placeholder="Enter Userid"> |
| 39 | + </div> |
| 40 | + |
| 41 | + <!-- BOTOES --> |
| 42 | + <div class="btn-group w-100 mb-3" role="group" id="divBotoes"> |
| 43 | + <button type="button" class="btn btn-success" id="btnSubscribe">Subscribe for push notifications</button> |
| 44 | + <button type="button" class="btn btn-danger" id="btnUnsubscribe">Unsubscribe from push notifications</button> |
| 45 | + </div> |
33 | 46 | </div> |
34 | | - </body> |
35 | | -</html> |
36 | 47 |
|
| 48 | + <!-- RODAPE OU ESPACO INFERIOR --> |
| 49 | + <div class="footer d-flex align-items-center justify-content-center"> |
| 50 | + <span class="text-secondary"> 2025 - |
| 51 | + <a target="_blank" href="https://www.youtube.com/@code4delphi" class="link-success link-offset-2 link-underline-opacity-0 link-underline-opacity-25-hover"> |
| 52 | + @Code4Delphi |
| 53 | + </a> - Push Notifications - Delphi - TMS Web Core</span> |
| 54 | + </div> |
| 55 | + </div> |
| 56 | + |
| 57 | + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> |
| 58 | +</body> |
| 59 | +</html> |
0 commit comments