Add the “Users” part of the landing page

app/assets/stylesheets/landing.scss

@@ -172,3 +172,24 @@ $number-count: 3;
   font-weight: bold;
   font-size: 20px;
 }
+
+.users {
+  @extend %horizontal-list;
+}
+
+$image-width: 170px;
+$images-total-width: $image-width * 5;
+$images-count: 5;
+
+.user {
+  @extend %horizontal-list-item;
+  margin-right: calc((#{$page-width} - (#{$images-total-width}))/ (#{$images-count} - 1));
+
+  &:hover {
+    opacity: 0.6;
+  }
+}
+
+.user-image {
+  width: $image-width;
+}

app/views/root/landing.html.haml

@@ -101,3 +101,24 @@
               de réduction
               %br<>
               des délais de traitement
+
+  .landing-panel.users-panel
+    .landing-panel-inner-content
+      %h2.landing-panel-title Ils nous font confiance
+
+      %ul.users
+        %li.user
+          %a{ :href => "http://www.developpement-durable.gouv.fr/", :target => "_blank " }
+            %img.user-image{ :src => image_url("landing/users/ministere-environnement.jpg") }
+        %li.user
+          %a{ :href => "https://www.iledefrance.fr/", :target => "_blank " }
+            %img.user-image{ :src => image_url("landing/users/region-idf.jpg") }
+        %li.user
+          %a{ :href => "http://www.artisanat.fr/", :target => "_blank " }
+            %img.user-image{ :src => image_url("landing/users/chambres-de-metiers.jpg") }
+        %li.user
+          %a{ :href => "http://www.cci.fr/", :target => "_blank " }
+            %img.user-image{ :src => image_url("landing/users/cci.jpg") }
+        %li.user
+          %a{ :href => "http://www.driea.ile-de-france.developpement-durable.gouv.fr/", :target => "_blank " }
+            %img.user-image{ :src => image_url("landing/users/driea-idf.jpg") }