DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Add the “Testimonials” part of the landing page

Browse source
This commit is contained in:
gregoirenovel 2017-04-04 14:41:37 +02:00
parent 58a7f399c0
commit 4b2baa25b7
3 changed files with 65 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/images/landing/testimonials/quotation-mark.svg Normal file
View file

@ -0,0 +1 @@
<svg width="39" height="31" viewBox="0 0 39 31" xmlns="http://www.w3.org/2000/svg"><title>Slice</title><path d="M14.832 15.96v14.432H0v-10.13c0-3.886.672-7.471 2.016-10.756C3.36 6.222 5.616 3.053 8.784 0l5.472 4.163C10.512 8.05 8.4 11.981 7.92 15.96h6.912zm24.192 0v14.432H24.192v-10.13c0-3.886.672-7.471 2.016-10.756 1.344-3.284 3.6-6.453 6.768-9.506l5.472 4.163c-3.744 3.886-5.856 7.818-6.336 11.796h6.912z" fill="#4393F3" fill-rule="nonzero"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 452 B

35
app/assets/stylesheets/landing.scss
View file

@ -108,3 +108,38 @@ $features-count: 3;
margin: 0 auto;
margin-bottom: 24px;
}
.quotes {
@extend %horizontal-list;
}
$quote-width: 500px;
$quote-count: 2;
.quote {
@extend %horizontal-list-item;
width: $quote-width;
margin-right: calc((#{$page-width} - (#{$quote-width} * #{$quote-count}))/ (#{$quote-count} - 1));
background-color: #FFFFFF;
box-shadow: 0 4px 16px 0 rgba(153, 153, 153, 0.2);
padding: 24px;
}
.quote-quotation-mark {
margin-top: 12px;
}
.quote-content {
font-size: 18px;
width: 388px;
margin-bottom: 24px;
}
.quote-author {
font-size: 14px;
margin-left: 64px;
}
.quote-author-name {
font-weight: bold;
}

29
app/views/root/landing.html.haml
View file

@ -45,3 +45,32 @@
pour instruire les demandes

%br
à plusieurs
.landing-panel
.landing-panel-inner-content
%h2.landing-panel-title Ce que les utilisateurs pensent du service
%ul.quotes
%li.quote
%img.quote-quotation-mark.pull-left{ :src => image_url("landing/testimonials/quotation-mark.svg") }
%p.quote-content.pull-right
TPS c’est surtout l’assurance d’un dialogue en toute fluidité et en toute transparence entre les porteurs de projet et l’administration. Un service qui garantit une économie de temps et beaucoup moins de manipulations des dossiers.
.clearfix
%p.quote-author.pull-left
%span.quote-author-name Nadja Briki
%br
Déléguée de la Préfète du Pas-de-Calais
.clearfix
%li.quote
%img.quote-quotation-mark.pull-left{ :src => image_url("landing/testimonials/quotation-mark.svg") }
%p.quote-content.pull-right
TPS est un outil de dématérialisation adapté au dépôt de dossiers de demande d’inscription au registre des transporteurs routiers en Ile-de-France. Les échanges avec les usagers sont facilités, ce qui permet de réduire les délais d’instructions et de gagner en efficacité.
.clearfix
%p.quote-author.pull-left
%span.quote-author-name Elodie Le Rhun
%br
Chef de bureau, DRIEA Ile-de-France
.clearfix