index.html

---
layout: homepage
---

<div class="container-fluid">
  <div class="container py-5">
    <div class="row">
      <div class="col-8">
      </div>
      <div class="col-4">
      </div>
    </div>
  </div>
</div>

<div class="container-fluid">
    <div class="container pt-3 pb-0">
        <div class="row justify-content-between align-items-center py-5 text-lg-left">
            <div class="col-12 col-lg-6 order-2 order-lg-2">
                <h2 class="color-gray-900 hero-header">{% t homepage.features.adfree.title %}</h2>
                <p class="size-20 mb-4 color-gray-900">{% t homepage.features.adfree.description %}</p>
            </div>
            <div class="col-12 col-lg-5 order-1 order-lg-1 pl-lg-0 mb-4 mb-lg-0">
                <div class="w-50 half-phone float-md-right">
                    {% capture img-alt-adfree %}{% t homepage.features.adfree.img-alt %}{% endcapture %}
                    {% include image.html
                       alt=img-alt-adfree
                       loc="/assets/images/screenshots"
                       file="00.png"
                       class="w-100"
                    %}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="container pt-3 pb-0">
        <div class="row justify-content-between align-items-center py-5 text-lg-right">
            <div class="col-12 col-lg-6 order-2 order-lg-1">
                <h2 class="color-gray-900 hero-header">{% t homepage.features.listenanywhere.title %}</h2>
                <p class="size-20 mb-4 color-gray-900">{% t homepage.features.listenanywhere.description %}</p>
            </div>
            <div class="col-12 col-lg-5 order-1 order-lg-2 pl-lg-0 mb-4 mb-lg-0">
                <div class="w-50 half-phone float-md-left">
                    {% capture img-alt-listenanywhere %}{% t homepage.features.listenanywhere.img-alt %}{% endcapture %}
                    {% include image.html
                       alt=img-alt-listenanywhere
                       loc="/assets/images/screenshots"
                       file="00.png"
                       class="w-100"
                    %}
                </div>
            </div>
        </div>
    </div>
</div>