diff --git a/contact.php b/contact.php
index 67c431d7f4722057001f2d6e3e41cc9d0f571e0e..668dd815e40f57b5651e4af5144264be9b68b9d8 100644
--- a/contact.php
+++ b/contact.php
@@ -48,7 +48,7 @@
Par mail
</div>
<div class="mail_texte">
- Ecrivez-nous sur l'adresse mail: contact@mail.com
+ Ecrivez-nous sur l'adresse mail: MatchZero@gmail.com
</div>
</div>
</div>
diff --git a/galerie-image.js b/galerie-image.js
new file mode 100644
index 0000000000000000000000000000000000000000..511f5dafbe65aa6d10e049b14da303eb92b26e65
--- /dev/null
+++ b/galerie-image.js
@@ -0,0 +1,21 @@
+function agrandirImage(image) {
+ image.style.transform = "scale(1.1)";
+}
+
+function reduireImage(image) {
+ image.style.transform = "scale(1)";
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+ const images = document.querySelectorAll('.galerie-photos img');
+
+ images.forEach(image => {
+ image.addEventListener("mouseover", function () {
+ agrandirImage(this);
+ });
+
+ image.addEventListener("mouseout", function () {
+ reduireImage(this);
+ });
+ });
+});
\ No newline at end of file
diff --git a/img/vv2.mp4 b/img/vv2.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..6e72ec1ca2679fd8d866af74669253e14e548a0a
Binary files /dev/null and b/img/vv2.mp4 differ
diff --git a/img/vv3.mp4 b/img/vv3.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..a8a1c0dcba001080d736dc602ca645ea86316da1
Binary files /dev/null and b/img/vv3.mp4 differ
diff --git a/multimedia.php b/multimedia.php
index d3217e8426cd6d952070f7de83b3704d24a4909c..b25fe8b05d00f4affd653bd58dde0147318b9e1d 100644
--- a/multimedia.php
+++ b/multimedia.php
@@ -19,10 +19,25 @@
<section class="galerie-photos">
<h2>Galerie Photos</h2>
<div class="photo-grid">
- <img src="img/photo1.jpg" alt="Photo 1">
- <img src="img/photo2.jpg" alt="Photo 2">
- <img src="img/photo3.jpg" alt="Photo 3">
- <!-- Ajoutez plus d'images au besoin -->
+ <img src="img/ev11.jpg" alt="Photo 1">
+ <img src="img/ev12.jpg" alt="Photo 2">
+ <img src="img/ev13.jpg" alt="Photo 3">
+ <img src="img/ev14.jpg" alt="Photo 4">
+ <img src="img/ev21.jpg" alt="Photo 5">
+ <img src="img/ev22.jpg" alt="Photo 6">
+ <img src="img/ev23.jpg" alt="Photo 7">
+ <img src="img/ev24.jpg" alt="Photo 8">
+ <img src="img/ev31.jpg" alt="Photo 9">
+ <img src="img/ev32.jpg" alt="Photo 10">
+ <img src="img/ev33.jpg" alt="Photo 11">
+ <img src="img/ev34.jpg" alt="Photo 12">
+ <img src="img/ev41.jpg" alt="Photo 13">
+ <img src="img/ev42.jpg" alt="Photo 14">
+ <img src="img/ev43.jpg" alt="Photo 15">
+ <img src="img/ev44.jpg" alt="Photo 16">
+ <img src="img/img_multi1.webp" alt="Photo 16">
+ <img src="img/img_multi2.jpg" alt="Photo 16">
+ <img src="img/img_multi3.jpg" alt="Photo 16">
</div>
</section>
@@ -32,11 +47,11 @@
<video width="560" height="315" controls muted loop autoplay>
<source src="img/vv1.mp4" type="video/mp4">
</video>
- <video width="560" height="315" controls>
- <source src="nom_de_la_video2.mp4" muted loop autoplay type="video/mp4">
+ <video width="560" height="315" controls muted loop autoplay>
+ <source src="img/vv2.mp4" type="video/mp4">
</video>
- <video width="560" height="315" controls>
- <source src="nom_de_la_video3.mp4" muted loop autoplay type="video/mp4">
+ <video width="560" height="315" controls muted loop autoplay>
+ <source src="img/vv3.mp4" type="video/mp4">
</video>
</div>
</section>
@@ -54,4 +69,5 @@
</div>
</div>
-<?php require('footer.php'); ?>
\ No newline at end of file
+<?php require('footer.php'); ?>
+<script src="galerie-image.js"></script>
\ No newline at end of file
diff --git a/multimediaCSS.css b/multimediaCSS.css
index e9e30c27e70a8702291cc3f6544f7a267137184d..ad560f7f4965a24cf406ea593c7a4839b7f4eb25 100644
--- a/multimediaCSS.css
+++ b/multimediaCSS.css
@@ -27,14 +27,42 @@
margin-left: -97px;
}
+/* galerie container */
+
+.galerie-container{
+ margin-top: 500px;
+}
+
/* galerie photos */
+.galerie-photos{
+ margin-left: 5%;
+}
+.galerie-photos h2{
+ color: black;
+ margin-left: 42%;
+ text-decoration: underline;
+}
+
+.galerie-photos img {
+ width: 200px;
+ height: 150px;
+ object-fit: cover;
+ margin-right: 10px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ transition: transform 0.5s;
+}
+
+.galerie-photos img:hover {
+ transform: scale(1.1);
+}
/* galerie vidéos */
.galerie-videos{
- margin-top: 500px;
+ margin-top: 100px;
margin-left: 5%;
}
diff --git a/sponsor.php b/sponsor.php
index a1bfb878b9e651f4c4bc7ef519fd6a46ae2b21a0..3db087ba94bdbf2031b3aeeae26ee501cefbdc64 100644
--- a/sponsor.php
+++ b/sponsor.php
@@ -23,7 +23,8 @@
</div>
<div class="textfdj">
- <br>La Française des Jeux (FDJ) est une entreprise française spécialisée dans les jeux de hasard et d'argent. Fondée en
+ <br>La Française des Jeux (FDJ) est une entreprise française spécialisée dans les jeux de hasard et d'argent. Fondée
+ en
1976, elle opère dans le secteur des jeux de loterie, de paris sportifs et hippiques, ainsi que dans les jeux de
grattage. La FDJ a été créée par l'État français dans le but de réguler et de superviser les activités de jeux
d'argent en France.</br>
@@ -36,7 +37,8 @@
partie des revenus générés par les jeux de la FDJ est reversée à des initiatives dans les domaines du sport, de la
culture, de la santé, et d'autres secteurs d'intérêt général.</br>
- <br>En résumé, la Française des Jeux occupe une place prépondérante dans l'industrie du jeu en France, en offrant une
+ <br>En résumé, la Française des Jeux occupe une place prépondérante dans l'industrie du jeu en France, en offrant
+ une
variété de produits de jeu réglementés et en contribuant au financement d'œuvres d'intérêt général.</br>
</div>
@@ -50,25 +52,40 @@
</div>
<div class="textcoq">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
+ <br>L'équipementier sportif Le Coq Sportif est une marque française renommée, fondée en 1882 par Émile Camuset à
+ Romilly-sur-Seine. Le logo distinctif de la marque représente un coq, symbole emblématique de la France, qui incarne
+ la fierté nationale et l'esprit sportif. Voici quelques caractéristiques clés de Le Coq Sportif :</br>
+
+ <br>Histoire et Tradition : Forte d'une histoire riche, la marque a été un pionnier dans la fabrication d'articles
+ sportifs de qualité. Elle a souvent été associée à des moments mémorables dans le sport français.</br>
+
+ <br>Design Français : La marque est réputée pour son design élégant et sa fabrication de haute qualité. Les produits
+ Le
+ Coq Sportif reflètent souvent un style à la fois classique et moderne, avec une attention particulière portée aux
+ détails.</br>
+
+ <br>Produits Diversifiés : Le Coq Sportif propose une large gamme de produits, notamment des chaussures de sport,
+ des
+ vêtements de sport, des accessoires et des équipements. La marque couvre divers sports, de la course à pied au
+ cyclisme en passant par le football.</br>
+
+ <br>Collaborations : Comme beaucoup de marques contemporaines, Le Coq Sportif a collaboré avec des designers, des
+ artistes et d'autres marques pour créer des collections exclusives. Ces collaborations ajoutent une touche moderne
+ et tendance à la marque.</br>
+
+ <br>Engagement Sportif : La marque a souvent été associée à des équipes sportives et à des événements sportifs
+ majeurs,
+ consolidant ainsi son engagement envers le monde du sport.</br>
+
+ <br>Durabilité : Dans le contexte de la sensibilisation croissante à la durabilité, de nombreuses marques, dont Le
+ Coq
+ Sportif, ont commencé à intégrer des pratiques respectueuses de l'environnement dans leur fabrication et leurs
+ matériaux.</br>
+
+ <br>En résumé, Le Coq Sportif incarne le savoir-faire français dans le domaine des articles sportifs, alliant
+ tradition,
+ design soigné et engagement sportif. La marque continue d'être appréciée tant pour son héritage que pour sa
+ pertinence contemporaine dans le monde du sport et de la mode.</br>
</div>
<hr>
@@ -81,25 +98,34 @@
</div>
<div class="textedf">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
- nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
- in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
- Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
- officia deserunt mollit anim id est laborum.
+ <br>Nature de l'entreprise : EDF est une entreprise française spécialisée dans la production, la distribution et la
+ fourniture d'électricité. Fondée en 1946, elle est aujourd'hui l'un des plus grands producteurs mondiaux
+ d'électricité.</br>
+
+ <br>Statut : EDF est une entreprise publique à capitaux majoritairement publics. L'État français détient une
+ participation importante dans l'entreprise, ce qui en fait un acteur clé du secteur énergétique français.</br>
+
+ <br>Production d'électricité : EDF opère dans divers domaines de production d'électricité, y compris le nucléaire, les
+ énergies renouvelables (éolien, solaire, hydraulique), et les énergies thermiques. L'entreprise est particulièrement
+ connue pour son parc nucléaire, qui constitue une part significative de la production électrique en France.</br>
+
+ <br>Distribution et Fourniture : EDF gère le réseau de distribution d'électricité en France, assurant la livraison de
+ l'électricité aux consommateurs finaux. En plus de la fourniture d'électricité aux particuliers et aux entreprises,
+ EDF est également présente sur le marché international.</br>
+
+ <br>Recherche et Développement : EDF investit dans la recherche et le développement pour promouvoir l'innovation dans le
+ domaine de l'énergie. Cela inclut des efforts pour développer des technologies plus propres et plus durables.</br>
+
+ <br>Transition Énergétique : Comme de nombreuses entreprises du secteur énergétique, EDF s'engage dans des initiatives
+ visant à réduire son impact environnemental. Cela inclut la transition vers des sources d'énergie renouvelable et la
+ réduction des émissions de carbone.</br>
+
+ <br>Dimension Internationale : Outre ses activités en France, EDF est également impliquée dans des projets
+ internationaux, participant à des partenariats et des opérations dans plusieurs pays à travers le monde.</br>
+
+ <br>En résumé, EDF est une entreprise d'envergure internationale jouant un rôle clé dans la production, la distribution
+ et la fourniture d'électricité, avec un accent particulier sur le nucléaire et une transition vers des énergies plus
+ durables.</br>
</div>