Add Sponsors Section

resources/sass/_partials/_general.scss

@@ -180,6 +180,23 @@ section#activites {
     }
 }
 
+section#partenaires {
+    padding-bottom: 4.5rem;
+
+    h2 {
+        margin: 0 auto;
+        text-align: center;
+        max-width: 300px;
+    }
+
+    .border-seperator {
+        margin: 10px auto 50px auto;
+        border-top: 5px solid #848484;
+        max-width: 200px;
+        border-radius: 20px;
+    }
+}
+
 footer {
     padding: 15px 0;
 

resources/sass/app.scss

@@ -14,3 +14,4 @@ $fullhd-enabled: false;
 
 @import "./_partials/general";
 @import "./_partials/navigation";
+@import "./_partials/media";

view/fr/index.html

@@ -118,7 +118,25 @@
             </div>
         </section>
         <section class="section" id="competitions"></section>
-        <section class="section" id="partenaires"></section>
+        <section class="section" id="partenaires">
+            <h2>Partenaires</h2>
+            <div class="border-seperator"></div>
+            <div class="columns is-full full-width sub-section is-centered">
+                <div class="imq-section column is-three-fifths-desktop is-8-tablet is-full-mobile">
+                    <div class="grid columns is-multiline">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/ETS-color.png" alt="Logo École de technologie supérieure">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/AEETS-color.png" alt="Logo Association étudiante de l'ÉTS">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/LanETS-black.png" alt="Logo LanETS">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/bEhaviour-black.png" alt="Logo bEhaviour Interactive">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/EA-black.png" alt="Logo Electronic Arts">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/EidosMontreal-black.png" alt="Logo Eidos Montreal">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/Ludia-color.png" alt="Logo Ludia">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/SquareEnixMontreal-black.png" alt="Logo Square Enix Montreal">
+                        <img class="column is-one-fifth-widescreen is-one-quarter-desktop is-one-third-tablet is-half-mobile" src="../../public/img/partenaires/Ubisoft-black.png" alt="Logo Ubisoft">
+                    </div>
+                </div>
+            </div>
+        </section>
     </main>
 
     <footer class="full-width">