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

Add a “Call Us” CTA on the landing page

Browse source
This commit is contained in:
gregoirenovel 2017-04-20 17:20:32 +02:00
parent 03761c1136
commit 595ea9bb37
2 changed files with 29 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -63,6 +63,13 @@
} }
} }
.hero-phone-cta {
color: $grey;
text-align: center;
width: 293px;
margin-top: 12px;
}
.landing-panel-title { .landing-panel-title {
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
@ -202,7 +209,7 @@ $images-count: 5;
.cta-panel-title { .cta-panel-title {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
margin-top: 0; margin-top: 13px;
} }
.cta-panel-explanation { .cta-panel-explanation {
@ -216,14 +223,13 @@ $cta-panel-button-border-size: 2px;
.cta-panel-button { .cta-panel-button {
@include horizontal-padding(30px); @include horizontal-padding(30px);
display: inline-block; display: block;
height: $cta-panel-button-height; height: $cta-panel-button-height;
line-height: $cta-panel-button-height - (2 * $cta-panel-button-border-size); line-height: $cta-panel-button-height - (2 * $cta-panel-button-border-size);
border-radius: $cta-panel-button-height; border-radius: $cta-panel-button-height;
border: $cta-panel-button-border-size solid #FFFFFF; border: $cta-panel-button-border-size solid #FFFFFF;
color: #FFFFFF; color: #FFFFFF;
font-size: 24px; font-size: 24px;
margin-top: 5px;
&:hover { &:hover {
color: #FFFFFF; color: #FFFFFF;
@ -236,3 +242,11 @@ $cta-panel-button-border-size: 2px;
text-decoration: none; text-decoration: none;
} }
} }
.cta-panel-phone-cta {
color: rgba(255, 255, 255, 0.9);
text-align: center;
width: 293px;
margin-top: 12px;
margin-bottom: 0;
}

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

@ -11,6 +11,9 @@
"mailto:#{t("dynamics.contact_email")}?subject=Demande de démo TPS", "mailto:#{t("dynamics.contact_email")}?subject=Demande de démo TPS",
:class => "hero-button" :class => "hero-button"
%p.hero-phone-cta
ou nous appeler au 01 40 15 68 49
.hero-illustration.pull-right .hero-illustration.pull-right
%img{ :src => image_url("landing/hero/dematerialiser.svg") } %img{ :src => image_url("landing/hero/dematerialiser.svg") }
@ -125,10 +128,14 @@
.landing-panel.cta-panel .landing-panel.cta-panel
.landing-panel-inner-content .landing-panel-inner-content
.pull-right
= link_to "Demander une démo", = link_to "Demander une démo",
"mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS", "mailto:#{t('dynamics.contact_email')}?subject=Demande de démo TPS",
:class => "cta-panel-button pull-right" :class => "cta-panel-button"
%h1.cta-panel-title.pull-left Commencez à dématerialiser vos démarches %p.cta-panel-phone-cta
%p.cta-panel-explanation.pull-left Nous vous accompagnons dans la prise en main de l’outil ou nous appeler au 01 40 15 68 49
.pull-left
%h1.cta-panel-title Commencez à dématerialiser vos démarches
%p.cta-panel-explanation Nous vous accompagnons dans la prise en main de l’outil
.clearfix .clearfix