diff --git a/content/_index.md b/content/_index.md
index fd56e53..c0d85e8 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -20,21 +20,21 @@ title = "Librezo"
{{ need_box(title="Publier des vidéos") }}
-{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/peertube.svg") }}
+{{ service_box(href="https://joinpeertube.org", title="PeerTube", img="/img/solutions/peertube.svg") }}
{{ need_box(title="Visioconférence") }}
-{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/bigbluebutton.png") }}
-{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/jitsi.png") }}
+{{ service_box(href="https://bigbluebutton.org", title="BigBlueButton", img="/img/solutions/bigbluebutton.png") }}
+{{ service_box(href="https://jitsi.org", title="Jitsi", img="/img/solutions/jitsi.png") }}
{{ need_box(title="Partage de fichiers") }}
-{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/jirafeau.png") }}
-{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/lufi.svg") }}
+{{ service_box(href="https://framalibre.org/content/jirafeau", title="Jirafeau", img="/img/solutions/jirafeau.png") }}
+{{ service_box(href="https://linuxfr.org/news/un-nouveau-logiciel-libre-lufi", title="Lufi", img="/img/solutions/lufi.svg") }}
@@ -59,3 +59,23 @@ title = "Librezo"
{{ process_box(number="6", title="Accompagnement administrateur", description="Devenez administrateur-système de votre propre infrastructure (plusieurs semaines).") }}
{{ process_box(number="7", title="Autonomie", description="Vous êtes capable de gérer votre système et vos applications : vous êtes autonome et n'avez plus besoin de tiers de confiance.") }}
+
+
+{{ client_box(
+ title = "Novelcast"
+ href = "https://novelcast.com"
+ img = "/img/clients/novelcast.png"
+ text =
+ "J'ai fait appel à Librezo pour développer un CRM back-office autonome, indépendant et léger, afin de maîtriser nos données sensibles, sur un serveur local, indépendant, avec une redondance sur un serveur miroir.
+ La proposition de Librezo s'est porté des serveurs de petite taille, abordables, très économes en énergie, et très facilement sécurisables.
+ L'équipe de Librezo a été d'un grand secours, et la maîtrise des impératifs de sécurité des données contre l'effacement ou le piratage est indéniable.
+ En plus, ils sont gentils et ils sentent bon sous les bras..."
+) }}
+{{ client_box(
+ title = "Oasis21"
+ href = "https://oasis21.org"
+ img = "/img/partners/oasis21.png"
+ text =
+ "La SCIC Oasis21 fait appel à Librezo pour la gestion technique de son serveur mutualisé de stockage en ligne via Nextcloud. Nous avons construit une vraie relation partenariale et de confiance, brique qui nous semble indispensable pour gérer un projet informatique aussi crucial pour les structures de l'ESS qui en bénéficient. Nous sommes ravis de pouvoir collaborer ensemble dans la durée autour de ce projet et de bénéficier des compétences techniques et de l'écoute de Librezo afin d'offrir un service de qualité aux membres de notre coopérative."
+) }}
+
diff --git a/sass/css/base.scss b/sass/css/base.scss
index 3c00450..49895b3 100644
--- a/sass/css/base.scss
+++ b/sass/css/base.scss
@@ -1,5 +1,6 @@
@import "defs";
+@import "clients";
@import "footer";
@import "header";
@import "process";
diff --git a/sass/css/clients.scss b/sass/css/clients.scss
new file mode 100644
index 0000000..74b8b6e
--- /dev/null
+++ b/sass/css/clients.scss
@@ -0,0 +1,45 @@
+@import "defs";
+
+.client_box {
+ display: flex;
+}
+
+.client_box-left {
+ flex: 38%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+.client_box-right {
+ flex: 62%;
+}
+
+.client_box-left-row {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+}
+
+.client_box-img {
+ margin: 32px;
+}
+
+.client_box-text {
+ text-align: left;
+ max-width: 800px;
+ margin: 32px;
+ font-size: 110%;
+ line-height: 130%;
+}
+
+.client_box-text::before {
+ font-size: 96px;
+ content: "“";
+ color: #888;
+ position: relative;
+ left: -16px;
+ top: 40px;
+}
diff --git a/sass/css/footer.scss b/sass/css/footer.scss
index f007022..0b6db91 100644
--- a/sass/css/footer.scss
+++ b/sass/css/footer.scss
@@ -18,7 +18,7 @@ footer {
flex: 1;
}
-footer a {
+footer a, footer a:visited {
color: #fdb;
}
diff --git a/static/img/clients/novelcast.png b/static/img/clients/novelcast.png
new file mode 100644
index 0000000..9c7994e
Binary files /dev/null and b/static/img/clients/novelcast.png differ
diff --git a/static/img/oasis21.png b/static/img/oasis21.png
deleted file mode 100644
index 3b31614..0000000
Binary files a/static/img/oasis21.png and /dev/null differ
diff --git a/static/img/ethicit-mini.png b/static/img/partners/ethicit-mini.png
similarity index 100%
rename from static/img/ethicit-mini.png
rename to static/img/partners/ethicit-mini.png
diff --git a/static/img/foopgp-mini.png b/static/img/partners/foopgp-mini.png
similarity index 100%
rename from static/img/foopgp-mini.png
rename to static/img/partners/foopgp-mini.png
diff --git a/static/img/immae-mini.png b/static/img/partners/immae-mini.png
similarity index 100%
rename from static/img/immae-mini.png
rename to static/img/partners/immae-mini.png
diff --git a/static/img/librecours-mini.png b/static/img/partners/librecours-mini.png
similarity index 100%
rename from static/img/librecours-mini.png
rename to static/img/partners/librecours-mini.png
diff --git a/static/img/partners/oasis21.png b/static/img/partners/oasis21.png
new file mode 100644
index 0000000..16dd280
Binary files /dev/null and b/static/img/partners/oasis21.png differ
diff --git a/static/img/p2plegal-mini.png b/static/img/partners/p2plegal-mini.png
similarity index 100%
rename from static/img/p2plegal-mini.png
rename to static/img/partners/p2plegal-mini.png
diff --git a/static/img/pccom-mini.png b/static/img/partners/pccom-mini.png
similarity index 100%
rename from static/img/pccom-mini.png
rename to static/img/partners/pccom-mini.png
diff --git a/static/img/bigbluebutton.png b/static/img/solutions/bigbluebutton.png
similarity index 100%
rename from static/img/bigbluebutton.png
rename to static/img/solutions/bigbluebutton.png
diff --git a/static/img/jirafeau.png b/static/img/solutions/jirafeau.png
similarity index 100%
rename from static/img/jirafeau.png
rename to static/img/solutions/jirafeau.png
diff --git a/static/img/jitsi.png b/static/img/solutions/jitsi.png
similarity index 100%
rename from static/img/jitsi.png
rename to static/img/solutions/jitsi.png
diff --git a/static/img/lufi.svg b/static/img/solutions/lufi.svg
similarity index 100%
rename from static/img/lufi.svg
rename to static/img/solutions/lufi.svg
diff --git a/static/img/peertube.svg b/static/img/solutions/peertube.svg
similarity index 100%
rename from static/img/peertube.svg
rename to static/img/solutions/peertube.svg
diff --git a/templates/base.html b/templates/base.html
index 7dd7f81..44a59ed 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -43,7 +43,7 @@
diff --git a/templates/shortcodes/client_box.html b/templates/shortcodes/client_box.html
new file mode 100644
index 0000000..ea0a954
--- /dev/null
+++ b/templates/shortcodes/client_box.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+