diff --git a/Views/footer.html b/Views/footer.html
index e69de29..96cbac2 100644
--- a/Views/footer.html
+++ b/Views/footer.html
@@ -0,0 +1,35 @@
+<footer id="footer">
+    <hr/>
+    <div class="row Glow">
+        <ul>
+            <li>
+                <a href="https://github.com/thatscringebro">
+                    <i class="fab fa-github"></i>
+                </a>
+            </li>
+            <li>
+                <a href="https://gitlab.com/thatscringebro">
+                    <i class="fab fa-gitlab"></i>
+                </a>
+            </li>
+            <li>
+                <a href="https://www.linkedin.com/in/merlin-g%C3%A9linas-4b5200243/">
+                    <i class="fab fa-linkedin-in"></i>
+                </a>
+            </li>
+            <li>
+                <a href="https://www.facebook.com/merlin.gelinas.1">
+                    <i class="fab fa-facebook"></i>
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div class="row">
+        <i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
+        <i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
+    </div>
+    <hr class="Copyright"/>
+    <div class="row">
+        <p>Copyright © 2022 Merlin Gélinas</p>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/index.html b/index.html
index 85fe826..246af3d 100644
--- a/index.html
+++ b/index.html
@@ -35,48 +35,17 @@
         <div class="row GradientBorder">
             <p>Test</p>
         </div>
-        <div class="row">
-            <footer>
-                <hr/>
-                <div class="row Glow">
-                    <ul>
-                        <li>
-                            <a href="https://github.com/thatscringebro">
-                                <i class="fab fa-github"></i>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://gitlab.com/thatscringebro">
-                                <i class="fab fa-gitlab"></i>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://www.linkedin.com/in/merlin-g%C3%A9linas-4b5200243/">
-                                <i class="fab fa-linkedin-in"></i>
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://www.facebook.com/merlin.gelinas.1">
-                                <i class="fab fa-facebook"></i>
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="row">
-                    <i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
-                    <i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
-                </div>
-                <hr class="Copyright"/>
-                <div class="row">
-                    <p>Copyright © 2022 Merlin Gélinas</p>
-                </div>
-            </footer>
-        </div>
+        <div class="row" id="footer"></div>
     </div>
     
     <!--Scripts à inclure-->
     <script src="Javascricp/Main.js"></script>
-    <script src="lib/jquery/jquery.js" type="text/javascript"></script>
-    <script src="lib/bootstrap/js/bootstrap.js" type="text/javascript"></script>
+    <script src="Lib/jquery/jquery.js" type="text/javascript"></script>
+    <script src="Lib/bootstrap/js/bootstrap.js" type="text/javascript"></script>
 </body>
 </html>
+<script>
+    $(document).ready(function(){
+        $("#footer").load("footer.html");
+    });
+</script>