diff --git a/Assets/Images/Promotions/promo1.png b/Assets/Images/Promotions/promo1.png
index a5eae17..b987589 100644
Binary files a/Assets/Images/Promotions/promo1.png and b/Assets/Images/Promotions/promo1.png differ
diff --git a/Assets/Images/Promotions/promo2.png b/Assets/Images/Promotions/promo2.png
index 489d7eb..29df6c9 100644
Binary files a/Assets/Images/Promotions/promo2.png and b/Assets/Images/Promotions/promo2.png differ
diff --git a/Assets/Images/Promotions/promo3.png b/Assets/Images/Promotions/promo3.png
index b065f1a..eb42262 100644
Binary files a/Assets/Images/Promotions/promo3.png and b/Assets/Images/Promotions/promo3.png differ
diff --git a/Assets/Images/Promotions/promo4.png b/Assets/Images/Promotions/promo4.png
index b8760d3..8f3e2cc 100644
Binary files a/Assets/Images/Promotions/promo4.png and b/Assets/Images/Promotions/promo4.png differ
diff --git a/Assets/Images/Thumbs.db b/Assets/Images/Thumbs.db
new file mode 100644
index 0000000..0c94c1e
Binary files /dev/null and b/Assets/Images/Thumbs.db differ
diff --git a/Assets/Images/bg.jpg b/Assets/Images/bg.jpg
new file mode 100644
index 0000000..440451d
Binary files /dev/null and b/Assets/Images/bg.jpg differ
diff --git a/Assets/css.css b/Assets/css.css
index 68c8083..d7a3d2c 100644
--- a/Assets/css.css
+++ b/Assets/css.css
@@ -1,7 +1,10 @@
body{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
- background-color: #bbb;
+ background-image: url("Images/bg.jpg");
+ background-attachment: fixed;
+ background-repeat: no-repeat;
+
}
/*NAVBAR*/
@@ -38,6 +41,22 @@ a{
background-color: #ddd;
}
+.header ul input{
+ display: block;
+ font-size: 20px;
+ padding: 0.1vw;
+ margin-left: 3%;
+ border: none;
+ border-bottom: 0.2vw solid grey;
+ margin-top: 0;
+}
+
+.header ul input:focus{
+ border-bottom: 0.2vw solid rgb(20, 178, 231);
+ background-color: rgba(0,0,0,0.1);
+ transition-duration: 0.2s;
+}
+
.header .logo {
float: left;
display: block;
@@ -113,7 +132,7 @@ a{
top: 0;
}
-/*========================================*/
+/*======================================== 1990 652*/
/*Slide des promotions*/
@@ -174,7 +193,7 @@ div#slider figure {
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
- background-color: rgb(187, 187, 187);
+ background-color: rgb(234, 234, 234);
}
.flex-container>div {
@@ -193,30 +212,58 @@ div#slider figure {
font-size: 0px;
}
-.flex-container>div:hover a>p{
+.flex-container .ok:hover a>p{
font-size: 40px;
transition-duration: 0.2s;
}
+.content{
+ padding: 5vw 1vw;
+ background-color: rgba(255, 255, 255, 0.548);
+}
+
.content>h1{
font-size: 60px;
text-align: center;
+ color: rgb(0, 0, 0);
}
.spec{
text-align: left;
- font-size: 20px;
+ font-size: 25px;
background-color: rgba(255, 255, 255, 0.651);
color: black;
- width: 50%;
+ width: 100%;
}
.rupt{
- text-align: right;
+ text-align: center;
float: right;
- background-color: black;
+ z-index: 3;
+ background-color: rgba(0, 0, 0, 0.829);
+ color: red;
+ width : 100%;
+ font-size: 25px;
+}
+
+.out{
+ opacity: 0.4;
+}
+
+.top{
+ padding: 5vw 1vw;
+}
+
+.top>h1{
color: white;
- width : 58%;
- font-size: 20px;
+ font-size: 60px;
+ text-align: center;
+}
+
+
+.top>h2{
+ font-size: 50px;
+ color: rgb(204, 204, 204);
+ text-align: center;
}
/*============================================*/
\ No newline at end of file
diff --git a/Assets/resp.css b/Assets/resp.css
index 08e42c8..1fa1b5d 100644
--- a/Assets/resp.css
+++ b/Assets/resp.css
@@ -17,7 +17,13 @@
.header .menu-icon{
display: none;
}
+
+ .header ul input{
+ border-bottom: 0.1vw solid grey;
+ margin-top: 6%;
+ }
+
/*============================================*/
/* TOUT NOS PRODUITS*/
diff --git a/index.html b/index.html
index c86b7a7..fb1a967 100644
--- a/index.html
+++ b/index.html
@@ -18,11 +18,18 @@
-
+
+
+
+
Bienvenue sur le site de KyFlo !
+ Vendeur de robot depuis 2005
+
+
@@ -34,16 +41,18 @@
-
Nos produits :
-
+
Tous nos produits :
