landing-page/themes/default/index.html

<div class="main" role="main">
  <div class="container">

    <div class="row">
      <div class="col-sm-6">

        <!-- Marketing -->
        <div class="marketing">
          <div class="app-meta">
            {% if site.enable.app_icon %}
              <img
                class="app-icon"
                style="min-width: 92px;"
                height="auto"
                {% if site.app.icon %} src="{{ site.app.icon }}"{% endif %}
              />
            {% endif %}
            <span class="app-name">{{ site.app.name }}</span>
          </div>

          {% if site.marketing_header %}
          <h2 class="marketing-header">{{ site.marketing_header }}</h2>
          {% endif %}

          <p class="marketing-desc">{{ site.marketing_desc }}</p>
          {% if site.marketing_features %}
          <h4>Features:</h4>
          <ul>
            {% for feature in site.marketing_features %}
            <li><span>{{ feature }}</span></li>
            {% endfor %}
          </ul>
          {% endif %}
          
          <div class="download-buttons">
            <a
              class="download-btn btn btn-lg"
              href="https://itunes.apple.com/app/id{{ site.app.ios_id }}?mt=8">
              <i class="fa fa-apple fa-lg" aria-hidden="true"></i> App Store
            </a>

            {% if site.app.android_id %}
            <a
              class="download-btn btn btn-lg"
              href="https://play.google.com/store/apps/details?id={{ site.app.android_id }}">
              <i class="fa fa-android fa-lg" aria-hidden="true"></i> Google Play
            </a>
            {% endif %}
          </div>
        </div>
      </div>


      <div class="col-sm-6">

        <!-- App Preview or Screenshot(s) -->
        <div class="device appetize">
          <div class="frame"></div>
          {% if site.app.appetize_key %}
          <iframe src="https://appetize.io/embed/{{ site.app.appetize_key }}?autoplay=true&useLastFrame=true&orientation=portrait&deviceColor=black&screenOnly=true&disableHome=true&device=iphonex&scale=100" frameborder="0" scrolling="no"></iframe>
          {% elsif site.app.video %}
          <div class="video-container">
            <iframe src="{{ site.app.video }}" height="426.66" width="240" allowfullscreen="" frameborder="0">
            </iframe>
          </div>
          {% else %}
          <img class="app-screenshot"
          {% if site.app.screenshot %}src="{{ site.app.screenshot }}"{% endif %}
          />
          {% endif %}
        </div>
      </div>
    </div>

  </div>
</div>

<div class="social">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        {% include social.html %}
      </div>
    </div>
  </div>
</div>


<div class="footer">
  <div class="container">
    {% for footer in site.footers %}
      <a target="_self" href="{{ footer.url }}" style="margin: 12px; font-size: 14px;">{{ footer.title }}</a>
    {% endfor %}
  </div>
</div>