<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Sample illustrating testing app icons / adding to home screen.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Web Application for testing app icons / adding to home screen</title>

    <meta name="theme-color" content="#263238">

    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="chrome-touch-icon.png">

    <!-- iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Money"> 
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
   
    <!-- Windows -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon.png">
    <meta name="msapplication-TileColor" content="#263238">


  </head>

  <body>
    <h1>Example page for app icons</h1>
    <h3>This is a code example that you can use in your own server to mimic add to homescreen.</h3>

    <p>
      Try me out in Chrome 39+ on Android: from Chrome's menu, select
      <strong>Add to homescreen</strong>.
    </p>

    <p>
      When you tap the new icon on your homescreen, I'll launch as a standalone app,
      with the page displayed in landscape orientation.
    </p>

    <!-- Built with love using Web Starter Kit -->
  </body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.