website/layouts/partials/jumbo.html

<div class="jumbotron bg-light mt-n1 mb-0">
  <div class="container">
    <div class="row">
      <div class="col-md-3 d-flex flex-column mb-4">
        <img src="/img/screenshots/happydomain-rounded.webp" alt="happyDomain logo">
      </div>
      <div class="col">
        <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 class="mt-4">
          <a class="btn btn-primary mt-2" data-umami-event="jumbo-tryit" href="/join">{{ i18n "tryit" }} &#187;</a>
          <a class="btn btn-outline-secondary mt-2" data-umami-event="jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} &#187;</a>
        </p>
      </div>
    </div>
  </div>
</div>