<hr/>

<p class="text-center">$switcher$: <a href="/nl/index.html">Nederlands</a> | <a href="/jp/index.html">日本語</a> | <a href="/en/index.html">English</a></p>

<div class="container text-center">
  <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-4">

    <!-- Japan -->
    <div class="col d-flex justify-content-center">
      <div class="card mt-2" style="width: 256px;">
        <a href="/$language$/japan.html">
          <img src="/images/home-japan.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
        </a>
        <div class="card-body">
          <p class="card-text text-center">$title-japan$</p>
        </div>
      </div>
    </div>

    <!-- Plamo -->
    <div class="col d-flex justify-content-center">
      <div class="card mt-2" style="width: 256px;">
        <a href="/$language$/plamo.html">
          <img src="/images/home-plamo.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
        </a>
        <div class="card-body">
          <p class="card-text text-center">$title-plamo$</p>
        </div>
      </div>
    </div>

    <!-- Radio  -->
    <div class="col d-flex justify-content-center">
      <div class="card mt-2" style="width: 256px;">
        <a href="/$language$/radio.html">
          <img src="/images/home-radio.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
        </a>
        <div class="card-body">
          <p class="card-text text-center">$title-radio$</p>
        </div>
      </div>
    </div>

    <!-- Software -->
    <div class="col d-flex justify-content-center">
      <div class="card mt-2" style="width: 256px;">
        <a href="/$language$/software.html">
          <img src="/images/home-software.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
        </a>
        <div class="card-body">
          <p class="card-text text-center">$title-software$</p>
        </div>
      </div>
    </div>
  </div>
</div>

<hr/>
