<!DOCTYPE html>
<html lang="en">
    <head>    
      <!-- Meta Tags for Responsive Design -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
     
      <title>Simple PWA Hello World</title>
     
      <!-- Meta Tags for Progressive Web App -->
      <meta name="apple-mobile-web-app-status-bar" content="#aa7700">
      <meta name="theme-color" content="black">
     
      <!-- Link to the Manifest File -->
      <link rel="manifest" href="manifest.json">
 
      <!-- Styling -->
      <style>
          h1 {text-align: center; color: rgb(9, 0, 128);}
          p {text-align: center; font-family: sans-serif;}
      </style>
    </head>
     
    <body>
      <h1>Hello World</h1>
      <p>
        This is a Progressive Web Application
      </p>
      <!-- Link to the Service Worker -->
      <script src="app.js"></script>
    </body>
</html>