Created
December 5, 2020 08:07
-
-
Save mp5maker/b7995b74391498e8b74edaa346677aa5 to your computer and use it in GitHub Desktop.
PWA html with banner
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>PWA</title> | |
| <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css'/> | |
| <link rel="stylesheet" href="main.css"> | |
| <link rel="manifest" href="manifest.json"> | |
| <link rel="shortcut icon" href="images/icon-72x72.png" type="image/x-icon"> | |
| <meta name="theme-color" content="#317EFB"/> | |
| <link rel="apple-touch-icon" href="images/icon-72x72.png"> | |
| </head> | |
| <body> | |
| <button class="alert alert-success banner"> | |
| <strong>Install PWA App</strong>. | |
| </button> | |
| <main class="container-fluid"> | |
| <header class="row"> | |
| <div class="col mt-5"> | |
| <div class="d-flex justify-content-center align-items-center"> | |
| <h2> | |
| Simple PWA APP | |
| </h2> | |
| </div> | |
| </div> | |
| </header> | |
| <section class="posts"></section> | |
| </main> | |
| <footer> | |
| 2020 PWA App | |
| </footer> | |
| <script src='https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.0/axios.js'></script> | |
| <script src="main.js"></script> | |
| <script src="add-to-your-home-screen.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment