à la carte : tableaux

This commit is contained in:
Pascal Engélibert 2023-06-17 10:26:06 +02:00
parent 263412d1f9
commit 7c9bfa28e5
2 changed files with 82 additions and 82 deletions

View file

@ -55,64 +55,88 @@ Librezo vous installe à domicile et configure votre serveur.
<h2 style="margin-top: 64px;margin-bottom: 64px;">À la carte</h2> <h2 style="margin-top: 64px;margin-bottom: 64px;">À la carte</h2>
<div class="alacarte nn1200"> <table class="prices nn1200">
{{ alacarte_item( <thead>
title = "Assistance &amp; Maintenance" <tr>
text1 = "à partir de 300€/an (3 premiers mois offerts)" <th>Assistance &amp; Maintenance</th>
text2 = "(3 premiers mois offerts)<br/>Debian / Nextcloud / Dolibarr" <th>Accompagnement sur les outils</th>
) }} <th>Accompagnement administration système</th>
{{ alacarte_item( </tr>
title = "Création d'un site de sauvegardes" </thead>
text1 = "à partir de 500€" <tbody>
) }} <tr>
{{ alacarte_item( <td class="prices-price">à partir de 300€/an<br/>(3 premiers mois offerts)</td>
title = "Création de logos" <td class="prices-price">à partir de 40€/h</td>
text1 = "à partir de 500€" <td class="prices-price">à partir de 40€/h</td>
) }} </tr>
{{ alacarte_item( <tr>
title = "Création intégrale de site" <td class="prices-power">Debian, NextCloud, Dolibarr</td>
text1 = "à partir de 1000€" <td class="prices-power">NextCloud, YunoHost, Jirafeau, BBB, Jitsi</td>
text2 = "(variable selon le devis)" <td class="prices-power">sur Debian exclusivement</td>
) }} </tr>
{{ alacarte_item( </tbody>
title = "Création d'un site miroir" </table>
text1 = "à partir de 1500€"
) }} <table class="prices nn1200" style="margin-top: 32px">
{{ alacarte_item( <thead>
title = "Serveur de visioconférence" <tr>
text1 = "à partir de 500€" <th>Création intégrale de site</th>
text2 = "BigBlueButton, Jitsi ou Galène" <th>Création d'un site de sauvegardes</th>
) }} <th>Création d'un site miroir</th>
{{ alacarte_item( </tr>
title = "Yunohost" </thead>
text1 = "à partir de 500€" <tbody>
text2 = "Interface simplifiée d'administration du serveur" <tr>
) }} <td class="prices-price">à partir de 1000€<br/>(variable selon le devis)</td>
{{ alacarte_item( <td class="prices-price">à partir de 500€</td>
title = "Partage de fichiers sécurisé" <td class="prices-price">à partir de 1500€</td>
text1 = "à partir de 300€" </tr>
text2 = "Jirafeau ou Lufi" </tbody>
) }} </table>
{{ alacarte_item(
title = "Installation GNU/Linux" <table class="prices nn1200" style="margin-top: 32px">
text1 = "à partir de 70€" <thead>
text2 = "Votre OS libre sur votre ordinateur personnel<br/>(variable selon la configuration souhaitée)" <tr>
) }} <th>Yunohost</th>
{{ alacarte_item( <th>Partage de fichiers sécurisé</th>
title = "Accompagnement sur les outils" <th>Serveur de visioconférence</th>
text1 = "à partir de 40€/h" </tr>
text2 = "Nextcloud, YunoHost, Jirafeau, BBB, Jitsi" </thead>
) }} <tbody>
{{ alacarte_item( <tr>
title = "Accompagnement AdminSys" <td class="prices-price">à partir de 500€</td>
text1 = "à partir de 40€/h" <td class="prices-price">à partir de 300€</td>
text2 = "sur Debian exclusivement" <td class="prices-price">à partir de 500€</td>
) }} </tr>
{{ alacarte_item( <tr>
title = "Installation d'outil libre" <td class="prices-power">Interface simplifiée d'administration du serveur</td>
text1 = "de 300 à 1500€" <td class="prices-power">Jirafeau ou Lufi</td>
) }} <td class="prices-power">BigBlueButton, Jitsi ou Galène</td>
</div> </tr>
</tbody>
</table>
<table class="prices nn1200" style="margin-top: 32px;margin-bottom: 64px;">
<thead>
<tr>
<th>Installation GNU/Linux</th>
<th>Installation d'outil libre</th>
<th>Création de logos</th>
</tr>
</thead>
<tbody>
<tr>
<td class="prices-price">à partir de 70€</td>
<td class="prices-price">de 300 à 1500€</td>
<td class="prices-price">à partir de 500€</td>
</tr>
<tr>
<td class="prices-power">Votre OS libre sur votre ordinateur personnel<br/>(variable selon la configuration souhaitée)</td>
<td class="prices-power"></td>
<td class="prices-power"></td>
</tr>
</tbody>
</table>
## Hébergement en ligne ## Hébergement en ligne

View file

@ -32,27 +32,3 @@
.prices tr td:first-of-type + td + td { .prices tr td:first-of-type + td + td {
background-color: $grad3_3tr; background-color: $grad3_3tr;
} }
// À LA CARTE
.alacarte {
display: flex;
gap: 32px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.alacarte-item {
text-align: center;
min-height: 150px;
}
.alacarte-title {
font-family: Neucha;
font-size: 22px;
background: linear-gradient(0.125turn, $blue, $violet);
color: #fff;
padding: 8px;
border-radius: 8px;
}