Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/armures.html

@@ -27,7 +27,7 @@
     <main class="armures">
         <header class="video-header">
             <video id="entete" src="./medias/mediasAndres/nokko.webm" autoplay muted loop></video>
-            <h1 id="title">Warframes</h1>
+            <h1 id="title">Armures</h1>
 
             <nav class="wf-nav">
                 <ul>
@@ -41,6 +41,24 @@
             </nav>
         </header>
 
+        <section class="descarmure">
+            <div class="armtxt">
+                <h2>Que sont les armures(Warframes) ?</h2>
+                <p>Les Warframes sont des armes vivantes, des armures de combat biomécaniques façonnées pour incarner la
+                    volonté des Tennos. Mi-technologie, mi-créature, chacune d’elles canalise l’énergie du Néant pour
+                    déchaîner des pouvoirs dévastateurs et accomplir des prouesses physiques impossibles. Nées des
+                    expérimentations de l’ère Orokin, les Warframes sont le reflet de la discipline, de la personnalité
+                    ou
+                    de l’essence du Tenno qui les contrôle.
+
+                    Plus que de simples armures, elles sont des extensions de l’âme du Tenno : rapides, agiles,
+                    destructrices, ou protectrices. Chaque Warframe possède son propre style de combat, ses capacités
+                    uniques et son histoire profondément liée aux cicatrices du passé. Ensemble, Tenno et Warframe
+                    forment
+                    une symbiose parfaite, forgeant les guerriers les plus redoutables de la galaxie.</p>
+            </div>
+        </section>
+
         <section id="Ember" class="perso">
 
             <video class="bg-video" autoplay muted loop playsinline>
@@ -57,7 +75,7 @@
                     Maîtrisez
                     sa fureur ou attisez-la pour déchaîner une
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
-                    écarlate.
+                    écarlate. <a href="https://www.warframe.com/" target="_blank">Site officiel de Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -88,7 +106,8 @@
                     naissante,
                     ou marque la fin de la vie comme le crépuscule.
                     Alternant entre deux formes, elle peut renforcer les Tenno dans la lumière ou leur offrir un répit
-                    réparateur dans l'obscurité.
+                    réparateur dans l'obscurité. <a href="https://www.warframe.com/" target="_blank">Site officiel de
+                        Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -118,7 +137,8 @@
                     défensives à son avantage et à celui de
                     son équipe. Il déchaîne de furieux blizzards qui terrassent et gèlent ses ennemis, tout en offrant
                     répit
-                    et réconfort à ses alliés.
+                    et réconfort à ses alliés. <a href="https://www.warframe.com/" target="_blank">Site officiel de
+                        Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -150,7 +170,7 @@
                     Vierge aux Dés, Koumei.
                     Protège-toi par des charmes providentiels, puis répands le malheur sur tes ennemis, afin qu'eux
                     aussi soient suspendus aux ficelles des
-                    Tenno.
+                    Tenno. <a href="https://www.warframe.com/" target="_blank">Site officiel de Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -180,7 +200,8 @@
                     puissance à la vitesse, Rhino est conçu pour jouer le rôle de tank au sein d'une cellule. Capable de
                     foncer dans la mêlée, d'attirer
                     les tirs ennemis et de plier le champ de bataille à sa volonté par la seule force brute, il est
-                    capable de tout contrôler.
+                    capable de tout contrôler. <a href="https://www.warframe.com/" target="_blank">Site officiel de
+                        Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -210,7 +231,8 @@
                     apprivoise l'inéluctable mortalité au milieu
                     des tempêtes traîtresses du Néant. Il revient éternellement d'outre-tombe, tandis que son Ombre
                     éclipse la lumière et moissonne
-                    les âmes damnées pour assouvir sa soif insatiable de ténèbres.
+                    les âmes damnées pour assouvir sa soif insatiable de ténèbres. <a href="https://www.warframe.com/"
+                        target="_blank">Site officiel de Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -244,7 +266,8 @@
                     les chaotiques Raksh,
                     les voraces Lycath et les féroces Ulfrun, ravagent leurs proies une fois lâchées. Sous la lueur
                     lunaire, sur un sol écarlate,
-                    tremblez devant son sourire monstrueux.
+                    tremblez devant son sourire monstrueux. <a href="https://www.warframe.com/" target="_blank">Site
+                        officiel de Warframe</a>
                 </p>
                 <br>
                 <br>
@@ -260,6 +283,42 @@
                 </div>
             </div>
         </section>
+
+        <section class="infoarm">
+            <div class="titlewar">
+                <h2>Autres Warframes</h2>
+            </div>
+            <div class="tablearm">
+                <table class="wf-table-simple">
+                    <tr>
+                        <th colspan="4">Warframes</th>
+                    </tr>
+
+                    <tr>
+                        <th>Excalibur</th>
+                        <th>Mag</th>
+                        <th>Nokko</th>
+                        <th>Nova</th>
+                    </tr>
+
+                    <tr>
+                        <td>
+                            <img src="./images/ImagesAndres/Excalibur.PNG" alt="Excalibur">
+                        </td>
+                        <td>
+                            <img src="./images/ImagesAndres/mag.PNG" alt="Mag">
+                        </td>
+                        <td>
+                            <img src="./images/ImagesAndres/Nokko.PNG" alt="Nokko">
+                        </td>
+                        <td>
+                            <img src="./images/ImagesAndres/Nova.PNG" alt="Nova">
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </section>
+
     </main>
 
     <footer>

www/css/style.css

@@ -919,6 +919,52 @@ footer {
     scroll-margin-top: 140px;
 }
 
+.descarmure {
+    background-color: #13172c;
+}
+
+.armtxt {
+    color: white;
+    padding: 10px;
+}
+
+.infoarm {
+    text-align: center;
+    color: white;
+    background-color: #13172c;
+    padding-top: 10px;
+}
+
+.wf-table-simple {
+    width: 90%;
+    margin: auto;
+    border-collapse: collapse;
+    background: rgba(0, 0, 0, 0.4);
+}
+
+.wf-table-simple th {
+    padding: 15px;
+    font-size: 1.5rem;
+    border: 2px solid white;
+}
+
+.wf-table-simple td {
+    border: 2px solid white;
+    padding: 15px;
+}
+
+.wf-table-simple img {
+    width: 200px;
+    height: auto;
+    border-radius: 15px;
+    display: block;
+    margin: auto;
+}
+
+.wf-table-simple p {
+    margin-top: 10px;
+    font-size: 1.2rem;
+}
 
 
 /****************************/