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,10 +1,17 @@
 
 #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…
+      
+
+    %h1
+      =#.brain-title
+      Art des sens vous accompagne et donne vie à vos idées…
+    
+    %h2{:style => "font-family:Lato;font-style:italic;font-size:1.2em;"} 
+      La logique vous mènera de A à B. L’imagination vous mènera partout ~ Albert Einstein
+  
 
     %ul
       %li
@@ -18,17 +25,19 @@
           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;"}
+        %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 
@@ -39,6 +48,7 @@
           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