Change the features panel

This commit is contained in:
gregoirenovel 2018-02-01 08:56:06 +01:00
parent 02552c7a7f
commit c6318c666f
4 changed files with 15 additions and 21 deletions

View file

@ -1 +0,0 @@
<svg width="96" height="80" viewBox="0 0 96 80" xmlns="http://www.w3.org/2000/svg"><title>BB9A4BB9-1A5D-4E79-92B9-D2AF8B16FCF3</title><g fill="none" fill-rule="evenodd"><path d="M0-8h96v96H0z"/><path d="M17 17h63" stroke="#F8F8F8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.423 13.029a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3 0m5.001.001a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3 0m5.001.001a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3 0" fill="#FFF"/><path d="M69 36H29m40 8H29m23-16H29m51 23V12c0-1.657-1.843-3-3.5-3h-57c-1.657 0-2.5 1.343-2.5 3v39" stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M95 62.023a3.918 3.918 0 0 1-3.912 3.923H4.908A3.914 3.914 0 0 1 1 62.023v-56.6A3.914 3.914 0 0 1 4.908 1.5h86.18A3.918 3.918 0 0 1 95 5.423v56.6zM66.998 78.5c-5.837-1.744-10.642-2.479-11.383-8.78v-3.774H38.08v3.386c-.582 6.664-5.468 7.388-11.423 9.168h40.341zM2 51h93" stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>

Before

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1 @@
<svg width="78" height="77" viewBox="0 0 78 77" xmlns="http://www.w3.org/2000/svg"><title>Bubble</title><g fill="none" fill-rule="evenodd"><path d="M1.71 74.123S7.274 57.91 6.97 57.397c-.03-.05-.054-.097-.082-.14A37.27 37.27 0 0 1 1.841 38.5C1.84 17.79 18.628 1 39.335 1c20.712 0 37.5 16.79 37.5 37.5S60.047 76 39.335 76a37.353 37.353 0 0 1-20.765-6.282.213.213 0 0 1 .032.025L1.71 74.123z" stroke="#FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.168 38.917a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0M42.882 38.917a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0M60.597 38.917a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0" fill="#FFF"/></g></svg>

After

Width:  |  Height:  |  Size: 678 B

View file

@ -85,7 +85,7 @@ $landing-breakpoint: 1040px;
.feature {
@extend %horizontal-list-item;
width: 320px;
width: 260px;
@media (max-width: $landing-breakpoint) {
margin: 15px 20px;
@ -93,9 +93,9 @@ $landing-breakpoint: 1040px;
}
.feature-text {
text-align: center;
color: #FFFFFF;
font-size: 20px;
text-align: center;
}
.feature-text-em {

View file

@ -14,33 +14,27 @@
.landing-panel.features-panel
.container
%h2.landing-panel-title.features-panel-title Un outil dédié aux organismes publics
%ul.features
%li.feature
%img.feature-image{ :src => image_url("landing/features/creer.svg") }
%img.feature-image{ :src => image_url("landing/features/messagerie.svg") }
%p.feature-text
%em.feature-text-em Créer
%em.feature-text-em Dialogue
%br
des procédures en ligne
%br
en toute simplicité
%li.feature
%img.feature-image{ :src => image_url("landing/features/gerer.svg") }
%p.feature-text
%em.feature-text-em Gérer
%br
les demandes des usagers
%br
sur la plateforme
entre usagers et services plus simple
%li.feature
%img.feature-image{ :src => image_url("landing/features/collaborer.svg") }
%p.feature-text
%em.feature-text-em Collaborer
%em.feature-text-em Collaboration
%br
pour instruire les demandes
pour un traitement des dossiers plus fluide
%li.feature
%img.feature-image{ :src => image_url("landing/features/gerer.svg") }
%p.feature-text
%em.feature-text-em Intégration
%br
à plusieurs
à l'ensemble des services l'État plateforme
.landing-panel
.container