Start landing page

This commit is contained in:
Xavier J 2016-01-29 10:52:06 +01:00
parent 9daeafbad3
commit 1e3a7b1495
10 changed files with 123 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 719 KiB

View file

@ -26,3 +26,12 @@
//= require leaflet.freedraw //= require leaflet.freedraw
//= require smart_listing //= require smart_listing
//= require turf //= require turf
$(document).ready(function() {
$('.js-scrollTo').on('click', function() { // Au clic sur un élément
var page = $(this).attr('cible'); // Page cible
var speed = 600; // Durée de l'animation (en ms)
$('html, body').animate( { scrollTop: $(page).offset().top-100 }, speed ); // Go
return false;
});
});

View file

@ -0,0 +1,65 @@
#wrap {
}
.max-size {
margin-left: -13%;
margin-right: -13%;
}
#landing {
margin-top: -20px;
background-image: image-url('landing_background.jpg');
background-repeat: no-repeat;
#title {
h1 {
font-size: 65px;
}
h2 {
font-size: 35px;
}
color: white;
padding-top: 6%;
padding-bottom: 9%;
text-shadow: 3px 3px 4px rgba(0, 0, 0, .6);
}
.logo img {
width: 70px;
}
#buttons {
margin-top: 5%;
button {
margin-left: 30px;
margin-right: 30px;
}
}
}
#suite {
.word {
border-bottom: solid darkgrey 1px;
//height: 300px;
img {
padding-top: 50px;
padding-bottom: 50px;
width: 200px;
margin-left: 25%;
}
}
.securiser {
img {
width: 300px;
}
}
.profiter {
border-bottom: none;
}
}

View file

@ -11,7 +11,7 @@ class RootController < ApplicationController
redirect_to admin_procedures_path redirect_to admin_procedures_path
else else
redirect_to new_user_session_path render 'landing'
end end
end end
end end

View file

@ -0,0 +1,48 @@
#landing.max-size
#title
%h1.center
TPS
%h2.center
TéléProcédure Simplifiée
%br
%h3.center
Simplifié toutes vos démarches pour les rendre 100% en ligne.
#buttons.center
%button.js-scrollTo.btn.btn-lg.btn-default{cible: '.simplifier'}
Simplifier
%button.js-scrollTo.btn.btn-lg.btn-default{cible: '.securiser'}
Sécuriser
%button.js-scrollTo.btn.btn-lg.btn-default{cible: '.echanger'}
Échanger
%button.js-scrollTo.btn.btn-lg.btn-default{cible: '.faciliter'}
Faciliter
%button.js-scrollTo.btn.btn-lg.btn-default{cible: '.profiter'}
Profiter
#suite.max-size
.row.word.simplifier
.col-md-6.col-lg-6
= image_tag image_url('keywords/simplifier.png')
.col-md-6.col-lg-6
.row.word.securiser
.col-md-6.col-lg-6
.col-md-6.col-lg-6
= image_tag image_url('keywords/securiser.png')
.row.word.echanger
.col-md-6.col-lg-6
= image_tag image_url('keywords/echanger.png')
.col-md-6.col-lg-6
.row.word.faciliter
.col-md-6.col-lg-6
.col-md-6.col-lg-6
= image_tag image_url('keywords/faciliter.png')
.row.word.profiter
.col-md-6.col-lg-6
= image_tag image_url('keywords/profiter.png')
.col-md-6.col-lg-6