page multimédia / sponsor terminée

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>

galerie-image.js

+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

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'); ?>
+<?php require('footer.php'); ?>
\ No newline at end of file
+<script src="galerie-image.js"></script>
\ No newline at end of file

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%;
 }
 

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>