boutons reprenez le contrôle
This commit is contained in:
parent
a3e6323201
commit
b465f0f19a
@ -22,9 +22,11 @@ title = "Librezo"
|
|||||||
<p><span class="city">Melun</span> <span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Roanne</span> <span class="city">Toulouse</span></p>
|
<p><span class="city">Melun</span> <span class="city">Montreuil</span> <span class="city">Nantes</span> <span class="city">Pau</span> <span class="city">Rennes</span> <span class="city">Roanne</span> <span class="city">Toulouse</span></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="/logiciel-libre" class="slogan1">Reprenez le contrôle</a>
|
<div style="height: 32px;"> </div>
|
||||||
|
|
||||||
<div class="square_boxes nn1400" style="margin-top: 64px;">
|
<a href="/logiciel-libre" class="bigbutton">Reprenez le contrôle ↱</a>
|
||||||
|
|
||||||
|
<div class="square_boxes nn1400" style="margin-top: 64px;margin-bottom: 64px;">
|
||||||
{{ square_box(title="Confidentialité", text="Vos données personnelles le restent") }}
|
{{ square_box(title="Confidentialité", text="Vos données personnelles le restent") }}
|
||||||
{{ square_box(title="Résilience", text="Récupérez rapidement d'une panne avec des sauvegardes") }}
|
{{ square_box(title="Résilience", text="Récupérez rapidement d'une panne avec des sauvegardes") }}
|
||||||
{{ square_box(title="Souveraineté", text="Reprenez le contrôle de votre infrastructure informatique") }}
|
{{ square_box(title="Souveraineté", text="Reprenez le contrôle de votre infrastructure informatique") }}
|
||||||
@ -37,6 +39,8 @@ title = "Librezo"
|
|||||||
{{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
|
{{ square_box(title="Solidarité", text="15% de nos bénéfices sont reversés au développement des logiciels utilisés") }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<a href="/logiciel-libre" class="bigbutton2">En savoir plus sur les logiciels libres</a>
|
||||||
|
|
||||||
<h2 class="title-bar" style="margin-top: 96px;">Pour qui ?</h2>
|
<h2 class="title-bar" style="margin-top: 96px;">Pour qui ?</h2>
|
||||||
|
|
||||||
<div class="nn" style="text-align: left">
|
<div class="nn" style="text-align: left">
|
||||||
|
@ -212,3 +212,43 @@ h3 {
|
|||||||
.img-right img {
|
.img-right img {
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bigbutton {
|
||||||
|
background: linear-gradient(-0.125turn, $blue, $violet);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-family: Neucha;
|
||||||
|
font-size: 150%;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.bigbutton, a.bigbutton:hover, a.bigbutton:focus {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.bigbutton:hover, a.bigbutton:focus {
|
||||||
|
box-shadow: 4px 4px 0 $violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bigbutton2 {
|
||||||
|
border: 1px solid $blue;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-family: Neucha;
|
||||||
|
font-size: 150%;
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.bigbutton2, a.bigbutton2:hover, a.bigbutton2:focus {
|
||||||
|
color: black;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.bigbutton2:hover, a.bigbutton2:focus {
|
||||||
|
box-shadow: 4px 4px 0 $violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
a.bigbutton2, a.bigbutton2:hover, a.bigbutton2:focus {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user