diff --git a/git-d.png b/git-d.png
new file mode 100644
index 0000000..640a5e8
Binary files /dev/null and b/git-d.png differ
diff --git a/grifp.png b/grifp.png
new file mode 100644
index 0000000..9015ed7
Binary files /dev/null and b/grifp.png differ
diff --git a/index.html b/index.html
index 4c1947d..a51baae 100644
--- a/index.html
+++ b/index.html
@@ -66,10 +66,13 @@
align-items: center;
padding: 50px;
background-color: #fff;
- border-bottom: 5px solid #007bff;
+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
- }
+ }
+ .pres{
+ border-bottom: 5px solid #000000;
+ }
.text-content {
flex: 1;
margin-right: 20px;
@@ -115,7 +118,7 @@
transform: scale(1.05);
}
.banner-img1 {
- width: 200%;
+ width: 100%;
height: auto;
transition: transform 0.3s ease;
border-radius: 10px;
@@ -166,8 +169,17 @@
text-align: center;
padding: 20px;
background-color: rgba(0, 0, 0, 0.7);
+ color: #fff;
+ }
+ .links2 {
+ text-align: center;
+
text-decoration-color: #fff;
}
+ .links2:hover {
+ text-transform: scale(1.05);
+ color: #207900;
+ }
.links1 {
text-align: center;
padding: 20px;
@@ -186,24 +198,66 @@
text-decoration: none;
margin-top: 20px;
}
+ /* Section de la chaîne YouTube */
+/* Section de la chaîne YouTube */
+.youtube-section {
+ padding: 50px;
+ background-color: #fff;
+ text-align: center;
+ border-bottom: 5px solid #000000;
+}
+
+.youtube-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.youtube-link {
+ display: flex;
+ flex-direction: column; /* Placer le logo au-dessus du texte */
+ align-items: center;
+ text-decoration: none;
+ color: #333;
+ font-size: 1.5em;
+ font-weight: bold;
+ margin-top: 20px;
+}
+
+.youtube-link:hover {
+ color: #ff0000; /* Changement de couleur au survol */
+}
+
+.youtube-logo {
+ width: 80px; /* Taille du logo YouTube */
+ height: auto;
+ margin-bottom: 10px; /* Espace entre le logo et le texte */
+ transition: transform 0.3s ease;
+}
+
+.youtube-logo:hover {
+ transform: scale(1.1); /* Légère animation au survol */
+}
+
+
-