diff --git a/.DS_Store b/.DS_Store
index 6773451..d1f7897 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index c93999c..47b04a9 100644
--- a/app/assets/stylesheets/application.scss
+++ b/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;
+ }
+ }
}
\ No newline at end of file
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index 34c2151..a7644c9 100644
--- a/app/views/layouts/application.html.haml
+++ b/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');"}
diff --git a/app/views/shared/_menu.haml b/app/views/shared/_menu.haml
index 089dd80..92e427d 100644
--- a/app/views/shared/_menu.haml
+++ b/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."
diff --git a/app/views/welcome/actualite.haml b/app/views/welcome/actualite.haml
index 913b0e7..9066ed2 100644
--- a/app/views/welcome/actualite.haml
+++ b/app/views/welcome/actualite.haml
@@ -1,29 +1,31 @@
-%a.actu_intro{:href => "/signaletique-jardin-acclimatation.html"}
- .img{:style => "background-image:url('/actualite-1/2.jpg');"}
- .desc
- %h2 Signalétique du jardin d’acclimatation (Paris)
- %p.secteurs
- Secteurs : Signalétique, Loisirs et Cultures
+#actualites.top-padding
+ .center
+ %a.actu_intro{:href => "/signaletique-jardin-acclimatation.html"}
+ .img{:style => "background-image:url('/actualite-1/2.jpg');"}
+ .desc
+ %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"}
- .img.last{:style => "background-image:url('/actualite-2/1.jpg');"}
- .desc{:style => "left:5px;"}
- %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble)
- %p.secteurs
- Secteur : Décoration intérieure
+ %a.actu_intro{:href => "/full-covering-cris-graphic-art-des-sens.html"}
+ .img.last{:style => "background-image:url('/actualite-2/1.jpg');"}
+ .desc{:style => "left:5px;"}
+ %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble)
+ %p.secteurs
+ Secteur : Décoration intérieure
-%a.actu_intro{:href => "/habillage-laverie-automatique-impression-aluminum-et-dibond.html"}
- .img{:style => "background-image:url('/actualite-3/1.jpg');"}
- .desc
- %h2 Habillage de laverie automatique (France entière)
- %p.secteurs
- Secteurs : Décoration intérieure , Signalétique
+ %a.actu_intro{:href => "/habillage-laverie-automatique-impression-aluminum-et-dibond.html"}
+ .img{:style => "background-image:url('/actualite-3/1.jpg');"}
+ .desc
+ %h2 Habillage de laverie automatique (France entière)
+ %p.secteurs
+ Secteurs : Décoration intérieure , Signalétique
-%a.actu_intro{:href => "/office-national-des-anciens-combattants-panneaux-alu-imprimee.html"}
- .img.last{:style => "background-image:url('/actualite-4/2.jpg');"}
- .desc{:style => "left:5px;"}
- %h2 Office National des Anciens Combattants (France entière)
- %p.secteurs
- Secteurs : Loisirs et Cultures , Signalétique
-.clear{:style => "height:10px;"}
\ No newline at end of file
+ %a.actu_intro{:href => "/office-national-des-anciens-combattants-panneaux-alu-imprimee.html"}
+ .img.last{:style => "background-image:url('/actualite-4/2.jpg');"}
+ .desc{:style => "left:5px;"}
+ %h2 Office National des Anciens Combattants (France entière)
+ %p.secteurs
+ Secteurs : Loisirs et Cultures , Signalétique
+ .clear{:style => "height:10px;"}
\ No newline at end of file
diff --git a/app/views/welcome/brainstorming.haml b/app/views/welcome/brainstorming.haml
index e48c040..146b1d1 100644
--- a/app/views/welcome/brainstorming.haml
+++ b/app/views/welcome/brainstorming.haml
@@ -1,5 +1,5 @@
-#brainstorming
+#brainstorming.top-padding
.center
%h2.brain-title
Concrétisons vos idées
diff --git a/app/views/welcome/contact.html.haml b/app/views/welcome/contact.html.haml
index 1d345e6..eb46d88 100644
--- a/app/views/welcome/contact.html.haml
+++ b/app/views/welcome/contact.html.haml
@@ -1,7 +1,7 @@
-#contact
+#contact.top-padding
.center
=#
-
+ %h1 Travaillons ensemble dès maintenant.
%p
N'hésitez pas à nous contacter pour nous parler de votre projet !
%p
diff --git a/app/views/welcome/cristal-protect.haml b/app/views/welcome/cristal-protect.haml
index 9fd03b0..89f80f4 100644
--- a/app/views/welcome/cristal-protect.haml
+++ b/app/views/welcome/cristal-protect.haml
@@ -1,8 +1,8 @@
-#cristal-protect
+#cristal-protect.top-padding
.center
- %h2 Cristal Protect®
+ %h1 Cristal Protect®
=image_tag "/cristal-protect.png", :class => "icons", :alt => "Cristal Protect impression numérique direct"
@@ -17,12 +17,15 @@
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 (
- Dibond®,
- Reynobond®, Alucore®, Forex®...), du verre et du bois.
-
-
+
+ %p Cette technologie s'adabpte à une grande variété de supports permettant de varier et ainsi d'adapter nos solutions à toutes les situations :
+ %ul{:style => "text-align:left;"}
+ %li Impression sur Dibond®
+ %li Impression sur Aluminium
+ %li Impression sur verre
+ %li Impression sur bois
+
+
.samples
%ul.gal
diff --git a/app/views/welcome/full-covering-cris-graphic-art-des-sens.haml b/app/views/welcome/full-covering-cris-graphic-art-des-sens.haml
index 770f871..9ac0a91 100644
--- a/app/views/welcome/full-covering-cris-graphic-art-des-sens.haml
+++ b/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
diff --git a/app/views/welcome/habillage-laverie-automatique-impression-aluminum-et-dibond.haml b/app/views/welcome/habillage-laverie-automatique-impression-aluminum-et-dibond.haml
index daed8d4..6d4bc24 100644
--- a/app/views/welcome/habillage-laverie-automatique-impression-aluminum-et-dibond.haml
+++ b/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
diff --git a/app/views/welcome/index.html.haml b/app/views/welcome/index.html.haml
index f89da0b..8cfd93b 100644
--- a/app/views/welcome/index.html.haml
+++ b/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;"}
diff --git a/app/views/welcome/my-strat.haml b/app/views/welcome/my-strat.haml
index 15b47e6..66111ae 100644
--- a/app/views/welcome/my-strat.haml
+++ b/app/views/welcome/my-strat.haml
@@ -1,22 +1,16 @@
-#my-strat
+#my-strat.top-padding
.center
- %h2
+ %h1
MyStrat®
-
+ %h2 L'impression numérique sur panneau stratifié.
=image_tag "/my-strat.png", :class => "icons", :alt => "My Strat Formica, stratifié personnalisé"
%p
-
- 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® est un matériau incontournable pour une application intérieure ou extérieure dans les domaines de
- %strong
+ 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
l'agencement, de la signalétique et de la décoration.
@@ -44,7 +38,7 @@
-
+
.center
%hr
.more
diff --git a/app/views/welcome/office-national-des-anciens-combattants-panneaux-alu-imprimee.html.haml b/app/views/welcome/office-national-des-anciens-combattants-panneaux-alu-imprimee.html.haml
index 7b8801b..69fb9c8 100644
--- a/app/views/welcome/office-national-des-anciens-combattants-panneaux-alu-imprimee.html.haml
+++ b/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
diff --git a/app/views/welcome/realisations.html.haml b/app/views/welcome/realisations.html.haml
index efb8a42..1fec7a0 100644
--- a/app/views/welcome/realisations.html.haml
+++ b/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é"
diff --git a/app/views/welcome/secteurs-activites.haml b/app/views/welcome/secteurs-activites.haml
index 368cb9f..fa7a5ff 100644
--- a/app/views/welcome/secteurs-activites.haml
+++ b/app/views/welcome/secteurs-activites.haml
@@ -1,5 +1,38 @@
-#actualite
+#secteurs.top-padding
.center
- %br
- %br
- %h2 Secteurs d'activité
\ No newline at end of file
+ %h1 Nos principaux secteurs d'activités
+
+ .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;"}
\ No newline at end of file
diff --git a/app/views/welcome/signaletique-jardin-acclimatation.haml b/app/views/welcome/signaletique-jardin-acclimatation.haml
index a30cc99..6940535 100644
--- a/app/views/welcome/signaletique-jardin-acclimatation.haml
+++ b/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
diff --git a/public/.DS_Store b/public/.DS_Store
index 47febe3..117b2dc 100644
Binary files a/public/.DS_Store and b/public/.DS_Store differ
diff --git a/public/images/05.jpg b/public/images/05.jpg
new file mode 100644
index 0000000..d7acf0a
Binary files /dev/null and b/public/images/05.jpg differ
diff --git a/public/secteur1.jpg b/public/secteur1.jpg
new file mode 100644
index 0000000..b25e467
Binary files /dev/null and b/public/secteur1.jpg differ
diff --git a/public/sign - copie.png b/public/sign - copie.png
new file mode 100644
index 0000000..bbf4654
Binary files /dev/null and b/public/sign - copie.png differ
diff --git a/public/sign2.png b/public/sign2.png
new file mode 100644
index 0000000..47bdabd
Binary files /dev/null and b/public/sign2.png differ
diff --git a/public/sign3.png b/public/sign3.png
new file mode 100644
index 0000000..49064d2
Binary files /dev/null and b/public/sign3.png differ