Skip to content

Hlakaza/adt

Repository files navigation

Add to home Screen

Create your index.html in <head>....</head> and add below.

<meta name="msapplication-navbutton-color" content="#3f51b5">
<meta name="msapplication-starturl" content="/?utm_source=homescreen">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="Add To Home">
<meta name="apple-mobile-web-app-title" content="ADH">
<meta name="apple-mobile-web-app-status-bar-style" content="#3f51b5">
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" sizes="192x192" href="icons/android-chrome-192x192.png" />
<link rel="apple-touch-icon" sizes="144x144" href="icons/android-chrome-144x144.png" />
<link rel="apple-touch-icon" sizes="114x114" href="icons/android-chrome-114x114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="icons/android-chrome-72x72.png" />
<link rel="apple-touch-icon" sizes="57x57" href="icons/android-chrome-57x57.png" />
<link rel="apple-touch-icon" sizes="48x48" href="icons/android-chrome-48x48.png" />
<link rel="apple-touch-icon" sizes="36x36" href="icons/android-chrome-36x36.png" />
<link rel="icon" sizes="192x192" href="/icons/android-chrome-192x192.png" />
<link rel="icon" sizes="144x144" href="icons/android-chrome-144x144.png" />
<link rel="icon" sizes="114x114" href="icons/android-chrome-114x114.png" />
<link rel="icon" sizes="72x72" href="icons/android-chrome-72x72.png" />
<link rel="icon" sizes="57x57" href="icons/android-chrome-57x57.png" />
<link rel="icon" sizes="48x48" href="icons/android-chrome-48x48.png" />
<link rel="icon" sizes="36x36" href="icons/android-chrome-36x36.png" />
<link rel="icon" type="image/x-icon" href="icons/favicon.ico" />
<meta name="msapplication-TileColor" content="#3f51b5">
<meta name="theme-color" content="#3f51b5">

The quick brown fox jumped over the jagged fence