website/layouts/partials/jumbo.html

<div class="jumbotron bg-light mt-n1 mb-0">
  <div class="container">
    <h2 class="display-5 text-center text-muted">
      {{ i18n "slogan" }}
    </h2>
    <p class="mt-4 lead">
      happy<strong>Domain</strong>
      {{ i18n "lead" | markdownify }}
    </p>
    <p>
      <a class="btn btn-primary mt-2 umami--click--jumbo-tryit" href="/join">{{ i18n "tryit" }} &#187;</a>
      <a class="btn btn-outline-secondary mt-2 umami--click--jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} &#187;</a>
    </p>
  </div>

  <hr class="my-4">

  <div class="container">
    <h4 class="text-center mb-4">
      {{ i18n "learnhow" }} happy<strong>Domain</strong> {{ i18n "canhelpyou" }}
    </h4>
    <div class="list-group list-group-horizontal-md">
      <a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold">{{ i18n "freelance" }}</a>
      <a class="list-group-item list-group-item-action text-center font-weight-bold disabled">{{ i18n "sysadmin" }}</a>
      <a class="list-group-item list-group-item-action text-center font-weight-bold disabled">{{ i18n "devops" }}</a>
      <a class="list-group-item list-group-item-action text-center font-weight-bold disabled">{{ i18n "cio" }}</a>
      <a class="list-group-item list-group-item-action text-center font-weight-bold disabled">{{ i18n "geek" }}</a>
    </div>
    <div class="lead text-muted font-italic text-center mt-4">
      {{ i18n "goodreasontouse" }}
    </div>
  </div>
</div>