<html>
  <head>
    <meta charset=utf-8" />
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">

    <title><%= app_name %></title>
  </head>

  <body>
    <h1><%= app_name %></h1>
    <img src="http://chart.apis.google.com/chart?cht=qr&chs=300x300&chl=<%= base_url %>/index.html" alt="" />
    <h2>Version: <%= app_version %></h2>
    <h3>
      <a href="itms-services://?action=download-manifest&url=<%= base_url %>/manifest.plist">Install </a>
    </h3>
  </body>
</html>


<html>
  <head>
    <meta charset=utf-8" />
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">

    <style type="text/css" media="all">
      * {
        display: border-box;
      }
      body {
        margin: 0;
        font-family: 'Avenir Next', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      }
      .container {
        margin: 30px auto 0 auto;
        border: 1px solid #ccc;
        width: 80vw;
        max-width: 400px;
        text-align: center;
      }
      .button {
        margin: 0 10px 0 10px;
        line-height: 60px;
        font-size: 28px;
        display: block;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        background-color: rgb(51, 204, 204);
      }
      h1 {
        color: rgb(51, 204, 204);
      }
    </style>

    <title><%= app_name %></title>
  </head>

  <body>
    <div class="container">
      <h1><%= app_name %></h1>
      <img src="http://chart.apis.google.com/chart?cht=qr&chs=300x300&chl=<%= base_url %>/index.html" alt="" />
      <h2>Version: <%= app_version %></h2>
      <p>
        <a class="button" href="itms-services://?action=download-manifest&url=<%= base_url %>/manifest.plist">Install</a>
      </p>
    </div>
  </body>
</html>


Add style to HTML template.
Add style to HTML template.
