modifs suite

app/assets/stylesheets/application.scss

@@ -17,6 +17,23 @@
  *= require_self
  */
  
+h1{
+  font-size: 40px;
+  font-weight: 300;
+  margin-top:20px;
+  margin-bottom:10px;
+  
+  
+}
+ 
+h2{
+  font-size: 25px;
+  font-weight: 300;
+  margin-top:10px;
+  margin-bottom:30px;
+  
+  
+}
  a{
  color:rgba(66,139,202,1);
  text-decoration:none;
@@ -144,7 +161,7 @@
  min-height:800px;
  box-sizing: border-box;
  color:white;
- padding:1px;
+ padding-bottom:1px;
 
  font-family:"felt-tip-roman";
  font-weight:normal;
@@ -298,8 +315,8 @@ width:560px;
  }
  
  #about, #cristal-protect, #my-strat, #realisations, #contact{
- padding:50px 0;
+
- background:white;
+
  text-align:center;
 
  .infos{
@@ -327,11 +344,7 @@ width:560px;
  
  }
  
- h2{
+
- font-size:40px;
- font-weight:300;
- margin-top:0;
- }
  p{
  font-size:1.1em;
  }
@@ -346,6 +359,9 @@ width:560px;
  padding-bottom:0px;
  
 
+
+ 
+ }
  .more{
  padding:0.5em 0;
  display:inline-block;
@@ -365,9 +381,6 @@ width:560px;
  float:left;
  }
  }
- 
- }
-
  #realisations{
  color:white;
 background:rgba(132,187,64,1);
@@ -517,7 +530,7 @@ position:relative;
        padding-bottom:0;
      }
    .img{
-     height:500px;
+     height:400px;
      background:center center;
      background-size:cover;
      
@@ -550,12 +563,75 @@ position:relative;
     } 
    }
  }
+ 
+ .top-padding{
+   padding-top:100px;
+ }
  .pages{
-   padding-top:50px;
   
    #menu{
      position:fixed;
+     height:100px;
+     
+     #logo-min{
+       position:absolute;
+       top:20px;
+       left:30px;
+       height:55px;
+       display:none;
+ 
+      z-index:100;
+
+
+     }
+ 
+     a{
+     display:inline-block;
+     color:rgba(250,250,250,0.9);
+    text-decoration:none;
+    font-size:16px;
+    padding:30px 10px;
+    
+     }
+     a:last-child{
+     margin-right:10px;
+ 
+     }
+ 
+     }
+ 
+     
    
-   }
    
  }
+ 
+ #secteurs{
+   
+   .secteur{
+     
+     float:left;
+     width:50%;
+
+     
+     
+     
+     .desc{
+       .img2{
+         height:230px;
+         background:center center;
+         background-size:cover;
+         
+         margin:-10px;
+         margin-bottom:0;
+         padding:0;
+       }
+       background:#F3F2F2;
+       margin-top:10px;
+       margin-left:10px;
+       
+       padding:10px;
+       
+       height:500px;
+     }
+   }
+ }

app/views/layouts/application.html.haml

@@ -57,8 +57,8 @@
             %li{:style => "background-image:url('/images/03.jpg');"}
             %li{:style => "background-image:url('/images/01.jpg');"}
             %li{:style => "background-image:url('/images/02.jpg');"}
-          
             %li{:style => "background-image:url('/images/04.jpg');"}
+            %li{:style => "background-image:url('/images/05.jpg');"}
          
 
 

app/views/shared/_menu.haml

@@ -1,4 +1,4 @@
-=link_to image_tag("/logo-min.png", :id => "logo-min", :style => ("display:block !important;" if !@accueil)), "#home", :onclick => "scrollToAnchor('home');return false;", :title => "accueil Art des Sens, impression aluminium, dibond, personnalisation stratifié, full covering."
+=link_to image_tag("/logo-min.png", :id => "logo-min", :style => ("display:block !important;" if !@accueil)), "/", :onclick => "scrollToAnchor('home');return false;", :title => "accueil Art des Sens, impression aluminium, dibond, personnalisation stratifié, full covering."
 
 =link_to "Accueil", "/", :title => "Art des Sens, solutions agencement, signalétique, décoration."
 

app/views/welcome/actualite.haml

@@ -1,29 +1,31 @@
-%a.actu_intro{:href => "/signaletique-jardin-acclimatation.html"}
+#actualites.top-padding
-  .img{:style => "background-image:url('/actualite-1/2.jpg');"}
+  .center
-  .desc
+    %a.actu_intro{:href => "/signaletique-jardin-acclimatation.html"}
-    %h2 Signalétique du jardin d’acclimatation (Paris)
+      .img{:style => "background-image:url('/actualite-1/2.jpg');"}
-    %p.secteurs
+      .desc
-      Secteurs : Signalétique, Loisirs et Cultures
+        %h2 Signalétique du jardin d’acclimatation (Paris)
+        %p.secteurs
+          Secteurs : Signalétique, Loisirs et Cultures
 
-%a.actu_intro{:href => "/full-covering-cris-graphic-art-des-sens.html"}
+    %a.actu_intro{:href => "/full-covering-cris-graphic-art-des-sens.html"}
-  .img.last{:style => "background-image:url('/actualite-2/1.jpg');"}
+      .img.last{:style => "background-image:url('/actualite-2/1.jpg');"}
-  .desc{:style => "left:5px;"}
+      .desc{:style => "left:5px;"}
-    %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble)
+        %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble)
-    %p.secteurs
+        %p.secteurs
-      Secteur : Décoration intérieure
+          Secteur : Décoration intérieure
   
   
-%a.actu_intro{:href => "/habillage-laverie-automatique-impression-aluminum-et-dibond.html"}
+    %a.actu_intro{:href => "/habillage-laverie-automatique-impression-aluminum-et-dibond.html"}
-  .img{:style => "background-image:url('/actualite-3/1.jpg');"}
+      .img{:style => "background-image:url('/actualite-3/1.jpg');"}
-  .desc
+      .desc
-    %h2 Habillage de laverie automatique (France entière)
+        %h2 Habillage de laverie automatique (France entière)
-    %p.secteurs
+        %p.secteurs
-      Secteurs : Décoration intérieure , Signalétique
+          Secteurs : Décoration intérieure , Signalétique
     
-%a.actu_intro{:href => "/office-national-des-anciens-combattants-panneaux-alu-imprimee.html"}
+    %a.actu_intro{:href => "/office-national-des-anciens-combattants-panneaux-alu-imprimee.html"}
-  .img.last{:style => "background-image:url('/actualite-4/2.jpg');"}
+      .img.last{:style => "background-image:url('/actualite-4/2.jpg');"}
-  .desc{:style => "left:5px;"}
+      .desc{:style => "left:5px;"}
-    %h2 Office National des Anciens Combattants (France entière)
+        %h2 Office National des Anciens Combattants (France entière)
-    %p.secteurs
+        %p.secteurs
-      Secteurs : Loisirs et Cultures , Signalétique
+          Secteurs : Loisirs et Cultures , Signalétique
-.clear{:style => "height:10px;"}
+    .clear{:style => "height:10px;"}

app/views/welcome/brainstorming.haml

@@ -1,5 +1,5 @@
 
-#brainstorming
+#brainstorming.top-padding
   .center
     %h2.brain-title
       Concrétisons vos idées

app/views/welcome/contact.html.haml

@@ -1,7 +1,7 @@
-#contact
+#contact.top-padding
   .center
     =#<iframe width="1000" height="563" src="//www.youtube.com/embed/ED4b38n4d-U?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
-    
+    %h1 Travaillons ensemble dès maintenant.
     %p 
       N'hésitez pas à nous contacter pour nous parler de votre projet !
     %p

app/views/welcome/cristal-protect.haml

@@ -1,8 +1,8 @@
-#cristal-protect
+#cristal-protect.top-padding
   .center
     
 
-    %h2 Cristal Protect<sup>®</sup>
+    %h1 Cristal Protect<sup>®</sup>
     
     =image_tag "/cristal-protect.png", :class => "icons", :alt => "Cristal Protect impression numérique direct"
     
@@ -17,10 +17,13 @@
       La technologie consiste à encapsuler n’importe quelle image numérique au cœur d’un 
       %strong vernis UV extrêmement résistant.
       Ce traitement apporte à l’ensemble une résistance et une durabilité d’exposition en extérieur exceptionnelles.
-    %p Il est ainsi possible d'imprimer directement sur une grande variété de supports comme %strong
+    
-    l'aluminium, des matériaux composites  (
+    %p Cette technologie s'adabpte à une grande variété de supports permettant de varier et ainsi d'adapter nos solutions à toutes les situations :
-    <strong> Dibond<sup>®</sup></strong>,
+    %ul{:style => "text-align:left;"}
-    Reynobond<sup>®</sup>, Alucore<sup>®</sup>, Forex<sup>®</sup>...), du verre et du bois.
+      %li Impression sur <strong> Dibond<sup>®</sup></strong>
+      %li Impression sur <strong>Aluminium</strong>
+      %li Impression sur <strong>verre</strong>
+      %li Impression sur <strong>bois</strong>
     
     
 

app/views/welcome/full-covering-cris-graphic-art-des-sens.haml

@@ -1,5 +1,5 @@
 
-.actualite.center
+.actualite.center.top-padding
   %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble)
   %p.secteurs
     Secteur : Décoration intérieure

app/views/welcome/habillage-laverie-automatique-impression-aluminum-et-dibond.haml

@@ -1,5 +1,5 @@
 
-.actualite.center
+.actualite.center.top-padding
   %h2 Habillage de laverie automatique (France entière)
   %p.secteurs
     Secteurs : Décoration intérieure , Signalétique

app/views/welcome/index.html.haml

@@ -17,15 +17,18 @@
       est spécialisée dans la commercialisation de supports imprimés, 
       %strong résistants aux agressions extérieures
       (UV, rayures, graffitis…)
+    %p 
+      Associé à la société Cris Graphique nous distribuons les marques Cristal Protect® et MyStrat® et proposons des supports imprimés adaptés aux métiers de la scénographie, la muséographie, la signalétique et l'agencement.
+    
     %p
       Au-delà de la fourniture de panneaux imprimés et selon vos besoins, 
       %strong
         Art des Sens
-      vous
+      vous accompagnera dans l’étude, la conception, la fabrication et la pose de vos projets.
 
-      accompagnera dans l’étude, la conception, la fabrication et la pose de vos projets.
+    
-    %p Ensemble, concrétisons vos idées...
+    
-    =image_tag "/sign.png", :style => "width:230px;float:right;padding-bottom:2em;", :alt => "Accompagnement personnalisé signalétique, impression alu, etc."
+    =image_tag "/sign3.png", :style => "width:500px;float:right;padding-bottom:2em;", :alt => "Accompagnement personnalisé signalétique, impression alu, etc."
     %p{:style => "clear:both;"}
 
 

app/views/welcome/my-strat.haml

@@ -1,22 +1,16 @@
-#my-strat
+#my-strat.top-padding
   .center
     
   
-    %h2
+    %h1
       MyStrat<sup>®</sup>
-      
+    %h2 L'impression numérique sur panneau stratifié.
     
     =image_tag "/my-strat.png", :class => "icons", :alt => "My Strat Formica, stratifié personnalisé"
       
 
     %p
-
+      Notre technologie consiste à faire une inclusion numérique sur un panneau stratifié. Nous proposons alors un matériau incontournable pour une application intérieure ou extérieure dans les domaines de 
-      Grâce à son exceptionnelle tenue en extérieur, sa résistance aux agressions UV 
-      %strong garantie 10 ans,
-      sa résistance aux rayures et graffitits, notre 
-      %strong stratifié décoratif
-      fabriqué par notre partenaire le Groupe Formica<sup>®</sup> est un matériau incontournable pour une application intérieure ou extérieure dans les domaines de 
-      %strong
       l'agencement, de la signalétique et de la décoration.
 
     

app/views/welcome/office-national-des-anciens-combattants-panneaux-alu-imprimee.html.haml

@@ -1,6 +1,6 @@
 
 
-.actualite.center
+.actualite.center.top-padding
   %h2 Office National des Anciens Combattants (France entière)
   %p.secteurs
     Secteurs : Loisirs et Cultures , Signalétique

app/views/welcome/realisations.html.haml

@@ -1,9 +1,9 @@
 
 
   
-#realisations{:style => "overflow:auto;"}
+#realisations.top-padding{:style => "overflow:auto;"}
 
-  %h2 Exemples de réalisations
+  %h1 Exemples de réalisations
   
   .rea-gal{:style => "position:relative;"}
     =link_to image_tag("/realisation/1-p.jpg", :alt => "MyStrat®, Stratifié personnalisé"), "/realisation/1.jpg", :title => "MyStrat®, Stratifié personnalisé"

app/views/welcome/secteurs-activites.haml

@@ -1,5 +1,38 @@
-#actualite
+#secteurs.top-padding
   .center
-    %br
+    %h1 Nos principaux secteurs d'activités
-    %br
+    
-    %h2 Secteurs d'activité
+    .secteur
+      .desc
+
+        .img2{:style => "background-image:url('/secteur1.jpg');"}
+        
+        
+        %h2 Signalétique
+        %p Notre technlogie permet d'imprimer des totems, des panneaux d'informations, des pupitres, des plaque de rue, des tables d'orientation et bien d'autres supports de communication. Cristal Protect®, MyStrat®, des solutions durables et résistantes aux agressions pour votre signalétique.
+      
+    .secteur
+      .desc
+        .img2{:style => "background-image:url('/actualite-2/1.jpg');"}
+        
+        %h2 Décoration intérieure
+        %p Nous vous proposons d'imprimer votre sol, vos murs et vos plafond. Venez visiter nos bureaux et rentrez dans notre concept de full covering ambiance route 66 !
+      
+    .secteur
+      .desc
+        .img2{:style => "background-image:url('/actualite-2/1.jpg');"}
+        %h2 Loisirs et cultures
+        %p Nous vous apportons des solutions pour mettre en valeur votre patrimoine, vos attractions dans les lieux de grand passage. Nous travaillons en partenariat avec des architectes et scénographes pour l'intégration de notre technologie dans de nombreux projets.
+      
+    .secteur
+      .desc
+        .img2{:style => "background-image:url('/actualite-2/1.jpg');"}
+        %h2 Secteur bancaire
+        %p La résistance aux rayures et au viellissement UV permet de proposer des solutions pertinentes pour l'habillage des DAB, en intérieur, comme en extérieur.
+      
+    .secteur
+      .desc
+        .img2{:style => "background-image:url('/actualite-2/1.jpg');"}
+        %h2 Aménagement urbain
+        %p Vous souhaitez intégrer un élément dans son environnement ? Nous vous proposons des solutions décoratives répondants à de nombreuses problématiques tel que l'impression de mobilier urbain, le trompe l'oeil...
+.clear{:style => "height:10px;"}

app/views/welcome/signaletique-jardin-acclimatation.haml

@@ -1,4 +1,4 @@
-.actualite.center
+.actualite.center.top-padding
   %h2 Signalétique du jardin d’acclimatation (Paris)
   %p.secteurs
     Secteurs : Signalétique, Loisirs et Cultures