landing-page/_layouts/home.html

---
layout: default
---

<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.title }}</span>
            </div>
  
            <h2 class="marketing-header">{{ page.title }}</h2>
            {{ content }}
  
            <div class="download-buttons">
              {% if site.app.ios_beta %}
              <a
                class="download-btn btn btn-lg"
                href="{{ site.app.ios_beta }}">
                <i class="fa fa-apple fa-lg" aria-hidden="true"></i> Beta Program
              </a>
              {% elsif site.app.ios_id %}
              <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>
              {% endif %}
  
              {% 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 class="social">
                <div class="row">
                  <div class="col-sm-12">
                    {% include social.html %}
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
  
  
        <div class="col-sm-6">
  
          <!-- App Preview or Screenshot(s) -->
          {% if site.app.appetize_key %}
          <div class="device appetize">
            <div class="frame"></div>
            <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>
          </div>
          {% elsif site.app.video %}
          <div class="device appetize">
            <div class="frame"></div>
            <div class="video-container">
              <iframe src="{{ site.app.video }}" height="426.66" width="240" allowfullscreen="" frameborder="0"></iframe>
            </div>
          </div>
          {% else %}
          <div class="device screenshot">
            <div class="frame"></div>
            <img class="app-screenshot" {% if site.app.screenshot %}src="{{ site.app.screenshot }}"{% endif %}/>
          </div>
          {% endif %}
        </div>
      </div>
  
    </div>
  </div>
  
  <div class="footer">
    <div class="container">
      {% for footer in site.footers %}
        <a class="footer-links" target="_self" href="{{ footer.url }}">{{ footer.title }}</a>
      {% endfor %}
    </div>
  </div>