brainstorming

app/assets/stylesheets/application.scss

@@ -111,7 +111,7 @@ h2{
  }
  body{
  font-family:Lato;
- font-weight:300;
+ font-weight:400;
  line-height:1.62;
  text-align:justify;
  background:#f4f6f6;
@@ -157,8 +157,9 @@ h2{
  }
  
  #brainstorming{
- background:url("/ardoise.jpg");
+ background:url("/ardoise.jpg") fixed;
  min-height:800px;
+ background-size:cover;
  box-sizing: border-box;
  color:white;
  padding-bottom:1px;
@@ -168,13 +169,15 @@ h2{
  text-align:center;
  ul{
    list-style:none;
-   font-size:2em;
+   font-size:1.6em;
    line-height:1.2em;
    li{
      display:inline-block;
      
      text-align:center;
-     padding:1em 2em;
+     padding:1em 1.5em;
+     position:relative;
+     
      
      a{
        color:white;
@@ -506,7 +509,7 @@ position:relative;
  
  strong{
    
-   font-weight:400;
+   font-weight:700;
    
  }
  

app/views/welcome/brainstorming.haml

@@ -1,48 +1,58 @@
 
 #brainstorming.top-padding
   .center
-    %h2 La logique vous mènera de A à B. L’imagination vous mènera partout. (Albert Einstein)
-
-    %h1.brain-title
-      Art des sens vous accompagne à la construction de vos idées…
-
-  %ul
-    %li
-      %a{:href => "", :onclick => "return false;"}
-        Est-il possible d'intégrer mon logo dans les 
-        %br
-        tables et les chaises de mon restaurant ?
     
-    %li
-      %a{:href => "", :onclick => "return false;"}
-        Intégrez-vous du braille directement 
-        %br
-        sur les panneaux ? Et la gravure ?
-    %li
-      %a{:href => "", :onclick => "return false;"}
-        Imprimez-vous les portes ? 
-        %br 
-        J'aimerais les décorer dans mon hôtel.
-    %li
-      %a{:href => "", :onclick => "return false;"}
-        Tu imagines, si nous pouvions personnaliser cette pièce   
-        %br
-        en imprimant le sol, les murs et le plafond !
     
-    %li
+      
-      %a{:href => "", :onclick => "return false;"}
+
-        Proposez-vous des solutions adaptées 
+    %h1
-        %br
+      =#.brain-title
-        aux situations de handicap ?
+      Art des sens vous accompagne et donne vie à vos idées…
-    %li
+    
-      %a{:href => "", :onclick => "return false;"}
+    %h2{:style => "font-family:Lato;font-style:italic;font-size:1.2em;"} 
-        J'adorerais avoir une crédence 
+      La logique vous mènera de A à B. L’imagination vous mènera partout ~ Albert Einstein
-        %br
+  
-        de cuisine personnalisée !
+
-    %li
+    %ul
-      %a{:href => "", :onclick => "return false;"}
+      %li
-        Comment mettre en valeur
+        %a{:href => "", :onclick => "return false;"}
-        %br
+          Est-il possible d'intégrer mon logo dans les 
-        l'histoire de ce parcours découverte ?
+          %br
-  .clear
+          tables et les chaises de mon restaurant ?
+    
+      %li
+        %a{:href => "", :onclick => "return false;"}
+          Intégrez-vous du braille directement 
+          %br
+          sur les panneaux ? Et la gravure ?
+          =image_tag "/brainstorming/1.jpg", :style => "position:absolute;width:200px;top:-130px;left:-30px;border:3px solid white;box-shadow:0 0 5px rgba(0,0,0,0.6);"
+      %li
+        %a{:href => "", :onclick => "return false;"}
+          Imprimez-vous les portes ? 
+          %br 
+          J'aimerais les décorer dans mon hôtel.
+          =image_tag "/brainstorming/3.jpg", :style => "position:absolute;height:150px;top:-140px;right:-10px;border:3px solid white;box-shadow:0 0 5px rgba(0,0,0,0.6);"
+      %li
+        %a{:href => "", :onclick => "return false;", :style => "position:relative;left:-150px;border:1px solid transparent;"}
+          Tu imagines, si nous pouvions personnaliser cette pièce   
+          %br
+          en imprimant le sol, les murs et le plafond !
+          =image_tag "/brainstorming/4.jpg", :style => "position:absolute;height:120px;bottom:-30px;right:-300px;border:3px solid white;box-shadow:0 0 5px rgba(0,0,0,0.6);"
+      %li
+        %a{:href => "", :onclick => "return false;"}
+          Proposez-vous des solutions adaptées 
+          %br
+          aux situations de handicap ?
+      %li
+        %a{:href => "", :onclick => "return false;"}
+          J'adorerais avoir une crédence 
+          %br
+          de cuisine personnalisée !
+          =image_tag "/brainstorming/2.jpg", :style => "position:absolute;height:120px;bottom:-120px;right:10px;border:3px solid white;box-shadow:0 0 5px rgba(0,0,0,0.6);"
+      %li
+        %a{:href => "", :onclick => "return false;"}
+          Comment mettre en valeur
+          %br
+          l'histoire de ce parcours découverte ?
+    .clear