Nicer cards
This commit is contained in:
parent
287353dfca
commit
9cf04a9ef2
@ -119,20 +119,33 @@ layout = "usage"
|
|||||||
Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous :
|
Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous :
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="list-group list-group-horizontal-md">
|
<div class="row cols-1 cols-sm-3">
|
||||||
<a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
|
<div class="col">
|
||||||
|
<div class="card h-100">
|
||||||
|
<a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
|
||||||
<img src="/img/screenshots/users/survey.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/survey.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>Donnez-nous votre avis</span>
|
<span>Donnez-nous votre avis</span>
|
||||||
</a>
|
</a>
|
||||||
<a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card">
|
||||||
|
<a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
|
||||||
<img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>Rendez-vous sur Matrix</span>
|
<span>Rendez-vous sur Matrix</span>
|
||||||
</a>
|
</a>
|
||||||
<a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item list-group-item-action text-center font-weight-bold d-flex flex-column">
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="card">
|
||||||
|
<a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
|
||||||
<img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>Rendez-vous sur IRC</span>
|
<span>Rendez-vous sur IRC</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -22,48 +22,39 @@
|
|||||||
<div class="row row-cols-sm-2 row-cols-md-3 row-cols-xl-5">
|
<div class="row row-cols-sm-2 row-cols-md-3 row-cols-xl-5">
|
||||||
<div class="col mb-4">
|
<div class="col mb-4">
|
||||||
<div class="card h-100">
|
<div class="card h-100">
|
||||||
<div class="card-body d-flex flex-column">
|
<a href="{{ ref . "/use-happyDNS/freelance" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
|
||||||
<a href="{{ ref . "/use-happyDNS/freelance" }}" class="list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
|
|
||||||
<img src="/img/screenshots/users/freelance.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/freelance.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>{{ i18n "freelance" }}</span>
|
<span>{{ i18n "freelance" }}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col mb-4">
|
<div class="col mb-4">
|
||||||
<div class="card h-100">
|
<div class="card h-100">
|
||||||
<div class="card-body d-flex flex-column">
|
<a href="{{ ref . "/use-happyDNS/sysadmin" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
|
||||||
<a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
|
||||||
<img src="/img/screenshots/users/sysadmin.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/sysadmin.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>{{ i18n "sysadmin" }}</span>
|
<span>{{ i18n "sysadmin" }}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col mb-4">
|
<div class="col mb-4">
|
||||||
<div class="card h-100">
|
<div class="card h-100">
|
||||||
<div class="card-body d-flex flex-column">
|
<a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
||||||
<a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
|
||||||
<img src="/img/screenshots/users/devops.svg" alt="{{ i18n "devops" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/devops.svg" alt="{{ i18n "devops" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>{{ i18n "devops" }}</span>
|
<span>{{ i18n "devops" }}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col mb-4">
|
<div class="col mb-4">
|
||||||
<div class="card h-100">
|
<div class="card h-100">
|
||||||
<div class="card-body d-flex flex-column">
|
<a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
||||||
<a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
|
||||||
<img src="/img/screenshots/users/cio.svg" alt="{{ i18n "cio" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/cio.svg" alt="{{ i18n "cio" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>{{ i18n "cio" }}</span>
|
<span>{{ i18n "cio" }}</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="col mb-4">
|
<div class="col mb-4">
|
||||||
<div class="card h-100">
|
<div class="card h-100">
|
||||||
<div class="card-body d-flex flex-column">
|
<a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
||||||
<a class="list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
|
|
||||||
<img src="/img/screenshots/users/geek.svg" alt="{{ i18n "geek" }}" class="w-100 mb-3 flex-grow-1">
|
<img src="/img/screenshots/users/geek.svg" alt="{{ i18n "geek" }}" class="w-100 mb-3 flex-grow-1">
|
||||||
<span>{{ i18n "geek" }}</span>
|
<span>{{ i18n "geek" }}</span>
|
||||||
</a>
|
</a>
|
||||||
@ -71,5 +62,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user