amélioration des images et ajout de la partie biologique

app/assets/stylesheets/public.scss

@@ -57,7 +57,7 @@ body{
 }
 
 #header {
-  background-color: #e4e4e4;
+  background-color: white;
   background-size:cover;
   position: relative;
   #fondblanc{
@@ -89,7 +89,7 @@ body{
   
   a{
     display:inline-block;
-    padding:30px 10px;
+
     color: black;
     font-weight: 300px;
     text-decoration: none;
@@ -101,7 +101,7 @@ body{
 //discours début
 #intro {
   position: relative;
-  background: url('/flat.jpg') no-repeat center center;
+  background: url('/raw.jpg') no-repeat center center;
   background-size:cover;
   padding: 200px;
   padding-top: 400px;
@@ -114,15 +114,36 @@ body{
   padding-right:0;
 }
 .center{
+  position:relative;
   max-width: 70%;
   margin: auto;
-  padding: 50px 10px;
+  padding: 30px 10px;
   //padding-bottom:;
 }
 .imgmenu{
   width: 100%;
 }
 
+#intro_text{
+  position:relative;
+  #b1-10{
+    position :absolute;
+    left:0;
+    top:-18px;
+    width: 100%;
+    height: 20px;
+  }
+  #b1-11{
+    position :absolute;
+    left:0;
+    bottom:-20px;
+    width: 100%;
+    height: 20px;
+    z-index:3;
+  }
+}
+
+
 //prestations pour professionnels
 #prestapro {
   background: url('/white.jpg') no-repeat center center;
@@ -131,6 +152,7 @@ body{
   padding-bottom: 20px;
 }
 
+
 #prestapar {
   background-color: #004E8A;
   color: white;
@@ -181,6 +203,25 @@ h2{
       border: 0.5px solid black;
       margin: 10px auto;
   }
+}
+.row{
+  
+}
+
+#biologique{
+  padding: 60px;
+  position:relative;
+  #b12{
+    position:absolute;
+    top: -28px;
+    left: 0;
+    right: 0;
+    height: 30px;
+    width:100%;
+    border-radius: 0;
+    margin:0;
+    z-index:3;
+  }
   #b1-05{
     position:absolute;
     bottom: -2px;
@@ -191,9 +232,15 @@ h2{
     border-radius: 0;
     margin:0;
   }
-}
-.row{
-  
+  p{
+    padding: 10px;
+    font-size: 20px;
+    max-width: 700px;
+    margin: auto;
+  }
+  #re{
+    width :15%;
+  }
 }
 
 .desc{
@@ -218,6 +265,7 @@ h2{
   background: url('/11.jpg') no-repeat center center;
   background-size: cover;
   font-weight: 300;
+  position:relative;
   #b1-06{
     position:absolute;
     top: -2px;
@@ -227,7 +275,6 @@ h2{
     width:100%;
   }
   
-  
   #b6{
     position: absolute;
     display: block;
@@ -257,6 +304,7 @@ h2{
   }
   table{
     width:100%;
+    margin: auto;
 
     border-collapse:collapse;
     td{
@@ -303,7 +351,7 @@ h2{
 }
 
 #menu_container{
-  height:84px;
+  height:50px;
   
 }
 
@@ -323,20 +371,16 @@ h2{
     padding-bottom:15px;
   }
 }
-#contact_colonne{
-  
-}
-#contact_p{
-  float:left;
-  width:30%;
-  margin:0;
-}
 
 #formulaire_contact{
-  float: right;
+  position:relative;
   width:60%;
   margin:0;
-  
+  margin: auto;  
+}
+#contact_p{
+  width:80%;
+  margin: auto;
 }
 
 @media screen and (max-width:800px){
@@ -399,6 +443,12 @@ h2{
     }
   }
   
+  #biologique{
+    #re{
+      width: 30%;
+    }
+  }
+  
   .group{
     padding-top:40px;
     a{

app/views/public/home/home.html.haml

@@ -55,6 +55,9 @@
               =ic :bars
             .menu_inner
               =link_to "Accueil", "#header", :onclick => "$('html,body').animate({scrollTop: ($('#header').offset().top - 50)},'slow');return false;"
+              .barre
+                |
+              =link_to ""
               .barre
                 |
               =link_to "Prestations pour professionnels", "#prestapro", :onclick => "$('html,body').animate({scrollTop: ($('#prestapro').offset().top - 50)},'slow');return false;"
@@ -67,14 +70,14 @@
 
     #intro
     #intro_text
+      =image_tag "/b1-10.svg", :id => "b1-10"
       .center
         %p
           Bièvre propreté propose des services de nettoyage quotidiens ou exceptionnels, que vous soyez professionnels ou particuliers. 
 
-          L’entreprise est située à Saint siméon de bressieux dans l’Isère.
-    
+          L’entreprise est située à Saint Siméon De Bressieux dans l’Isère.
+      =image_tag "/11.svg", :id => "b1-11"
     #prestapro
-      =image_tag "/b1-05.svg", :id => "b1-05"
       
       .center
         %h2
@@ -121,7 +124,12 @@
           .clear
         .clear
 
-        
+    #biologique
+      =image_tag "/12.svg", :id => "b12"
+      =image_tag "/feuille111.png", :id => "re"
+      %p
+        Bievre propreté vous donne la possibilité de choisir des produits respectueux de l'environnement pour un intérieur sain.
+      =image_tag "/b1-05.svg", :id => "b1-05"
     #prestapar
       .center
         %h2
@@ -177,20 +185,20 @@
           
         %h2
           Contact
-        #contact_p
-          %p
-            50 route de Sardieu
-            %br
-            38870 Saint Siméon de bressieux
-            %br
-            tel : 07.83.10.22.00
-            
         #formulaire_contact
           -@contact = @contact || Contact.new(:provenance_id => 1)
 
           .contact_form.contact_militer#form
             =render :partial => "public/contacts/form"
         
+          #contact_p
+            %p
+              50 route de Sardieu
+              %br
+              38870 Saint Siméon de bressieux
+              %br
+              tel : 07.83.10.22.00
+          
 
         .clear
 

public/11.svg

@@ -0,0 +1,9 @@
+
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 161 161" style="enable-background:new 0 0 161 161;" xml:space="preserve" preserveAspectRatio="none" width="100%">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<title>b1-10</title>
+<polygon class="st0" points="0,161 161,0 0,0 "/>
+</svg>

public/12.svg

@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3508 2480" preserveAspectRatio="none" width="100%" height="100%"><defs><style>.cls-1{fill:#fff;}</style></defs><title>b1-10</title><polygon class="cls-1" points="3508 0 0 2480 3508 2480 3508 0"/></svg>

public/b1-10.svg

@@ -0,0 +1 @@
+<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3508 2480" preserveAspectRatio="none" width="100%" height="100%"><defs><style>.cls-1{fill:#fff;}</style></defs><title>b1-10</title><polygon class="cls-1" points="3508 0 0 2480 3508 2480 3508 0"/></svg>