diff --git a/Assets/Images/Icones/Thumbs.db b/Assets/Images/Icones/Thumbs.db
index 43145cc..e5c43c5 100644
Binary files a/Assets/Images/Icones/Thumbs.db and b/Assets/Images/Icones/Thumbs.db differ
diff --git a/Assets/Images/Icones/facebook.png b/Assets/Images/Icones/facebook.png
index 55704e4..8d21c39 100644
Binary files a/Assets/Images/Icones/facebook.png and b/Assets/Images/Icones/facebook.png differ
diff --git a/Assets/Images/Icones/insta.png b/Assets/Images/Icones/insta.png
index 8b6c629..e901ef3 100644
Binary files a/Assets/Images/Icones/insta.png and b/Assets/Images/Icones/insta.png differ
diff --git a/Assets/Images/Icones/twitter.png b/Assets/Images/Icones/twitter.png
index 38ba7d1..16d45c9 100644
Binary files a/Assets/Images/Icones/twitter.png and b/Assets/Images/Icones/twitter.png differ
diff --git a/Assets/css.css b/Assets/css.css
index d7a3d2c..768a626 100644
--- a/Assets/css.css
+++ b/Assets/css.css
@@ -1,4 +1,8 @@
-body{
+html{
+ scroll-behavior: smooth;
+}
+
+body{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background-image: url("Images/bg.jpg");
@@ -18,14 +22,15 @@ a{
background-color: white;
width: 100%;
z-index: 3;
- overflow: auto;
- box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
+ overflow: auto;
+ position: fixed;
+
}
.header ul{
margin: 0;
padding : 0;
- list-style: none;
+ list-style: none;
overflow: hidden;
background-color: white;
}
@@ -209,20 +214,20 @@ div#slider figure {
}
.flex-container>div>a>p{
- font-size: 0px;
-}
-
-.flex-container .ok:hover a>p{
font-size: 40px;
- transition-duration: 0.2s;
}
-.content{
+.flex-container .ok:hover a>img{
+ width: 100%;
+ transition-duration: 0.5s;
+}
+
+.title{
padding: 5vw 1vw;
background-color: rgba(255, 255, 255, 0.548);
}
-.content>h1{
+.title>h1{
font-size: 60px;
text-align: center;
color: rgb(0, 0, 0);
@@ -266,4 +271,42 @@ div#slider figure {
text-align: center;
}
-/*============================================*/
\ No newline at end of file
+/*============================================*/
+
+/* QUI SOMMES NOUS ?*/
+.content {
+ background-color: rgb(234, 234, 234);
+ padding: 1vw;
+}
+
+
+#nous table{
+ width: 100%;
+ margin-top: 2%;
+}
+
+#nous img{
+ display: block;
+ margin: auto;
+ border-radius: 1vw;
+ width: 30%;
+ margin-bottom: 3%;
+}
+
+#nous h2{
+ font-size: 40px;
+ padding-top: 2vw;
+ margin: 0;
+}
+
+#nous h3{
+ color: rgb(53, 53, 53);
+}
+
+#nous td{
+ text-align: center;
+}
+
+#nous ul {
+ list-style-type: none;
+}
diff --git a/Assets/resp.css b/Assets/resp.css
index 1fa1b5d..931f1df 100644
--- a/Assets/resp.css
+++ b/Assets/resp.css
@@ -1,5 +1,9 @@
-@media (min-width:48em){
+@media (min-width:750px){
/* NAVBAR */
+ .header{
+ position: fixed;
+ }
+
.header li{
float: left;
}
diff --git a/index.html b/index.html
index fb1a967..ba5aca6 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
- Kyflo - hewo
+ Kyflo
@@ -14,12 +14,12 @@
