Awesome Mobile Features for Mobile Sites

header.html

    <title>TITLE HERE</title>
    <meta name="description" content="DESCRIPTION ">
    
    <!-- Mobile features -->
    <link rel="apple-touch-startup-image" href="favicon.ico">
    <link rel="icon" type="image/png" href="favicon.ico">
    <link rel="apple-touch-icon" type="image/png" href="favicon.ico">
    <link rel="icon" sizes="144x144" href="favicon.ico">
    <link rel="icon" sizes="192x192" href="favicon.ico">
    
    <!-- Add to homescreen for Chrome on Android + Colored Tilebar on Chrome Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#203041">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="TITLE">
    <link rel="apple-touch-icon-precomposed" href="favicon.ico">

    <!-- Tile icon for Windows 10 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="favicon.ico">
    <meta name="msapplication-square310x310logo" content="favicon.ico">
    <meta name="msapplication-TileColor" content="#3372DF">
    
    <!--Website Details-->
    <meta name="description" content="">
    <meta name="author" content="">
    <meta property="og:url" content=""/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="TITLE"/>
    <meta property="og:description" content="DESCRIPTION"/>
    <meta property="og:image" content="favicon.ico"/>