66 lines
3.0 KiB
HTML
66 lines
3.0 KiB
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" data-umami-event="jumbo-tryit" href="/join">{{ i18n "tryit" }} »</a>
|
|
<a class="btn btn-outline-secondary mt-2" data-umami-event="jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} »</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="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5">
|
|
<div class="col mb-4">
|
|
<a href="{{ ref . "/use-happyDomain/freelance" }}" class="card h-100">
|
|
<img src="/img/screenshots/users/freelance.webp" alt="{{ i18n "freelance" }}" class="img-top flex-grow-1">
|
|
<div class="card-body pt-3 list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-freelance">
|
|
<span>{{ i18n "freelance" }}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col mb-4">
|
|
<a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card h-100">
|
|
<div class="card-body pt-3 list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-sysadmin">
|
|
<span>{{ i18n "sysadmin" }}</span>
|
|
</div>
|
|
<img src="/img/screenshots/users/sysadmin.webp" alt="{{ i18n "sysadmin" }}" class="img-top flex-grow-1">
|
|
</a>
|
|
</div>
|
|
<div class="col mb-4">
|
|
<a class="card h-100">
|
|
<img src="/img/screenshots/users/devops.webp" alt="{{ i18n "devops" }}" class="img-top flex-grow-1">
|
|
<div class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column" data-umami-event="learnmore-devops">
|
|
<span>{{ i18n "devops" }}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col mb-4">
|
|
<a href="{{ ref . "/use-happyDomain/cio" }}" class="card h-100">
|
|
<div class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-cio">
|
|
<span>{{ i18n "cio" }}</span>
|
|
</div>
|
|
<img src="/img/screenshots/users/cio.webp" alt="{{ i18n "cio" }}" class="img-top flex-grow-1">
|
|
</a>
|
|
</div>
|
|
<div class="col mb-4">
|
|
<a href="{{ ref . "/use-happyDomain/geek" }}" class="card h-100">
|
|
<img src="/img/screenshots/users/geek.webp" alt="{{ i18n "geek" }}" class="img-top flex-grow-1">
|
|
<div class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-geek">
|
|
<span>{{ i18n "geek" }}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|