diff --git a/templates/index.html b/templates/index.html
index 01bfb67..948ab0b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,40 +1,8 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AS215085 - Router tools | Home</title>
-    <link rel="icon" type="image/png" href="../static/img/cropped-Pixelhosting-logo-favicon-32x32.png">
-    <script src="../static/js/bootstrap.bundle.min.js"></script>
-    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
-    <link href="../static/css/style.css" rel="stylesheet">
-</head>
-<body>
-    <header>
-        <div class="header-content">
-            <a href="/"> <img src="../static/img/as215085-logo.png" alt="AS215085 Logo" style="height: 120px; opacity: 1;!important"> </a>
-            <h2><b>core1.doet.pixelhosting.nl</b></h2>
-            <p><b>Proudly delivering the backbone for PixelHosting’s services</b></p>
-        </div>
-    </header>
-    <nav class="navbar navbar-expand-lg navbar-light" style="background-color: #07AAF9;">
-        <div class="container-fluid">
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarNav">
-                <ul class="navbar-nav justify-content-center w-100">
-                    <li class="nav-item"><a class="nav-link text-white" href="/">Home</a></li>
-                    <li class="nav-item"><a class="nav-link text-white" href="/bgp">BGP summary</a></li>
-                    <li class="nav-item"><a class="nav-link text-white" href="/bgp-route">BGP route</a></li>
-                    <li class="nav-item"><a class="nav-link text-white" href="/arp">ARP table</a></li>
-                    <li class="nav-item"><a class="nav-link text-white" href="/neighbors">Neighbors table</a></li>
-                    <li class="nav-item"><a class="nav-link text-white" href="/interfaces">Interfaces table</a></li>
-                </ul>
-            </div>
-        </div>
-    </nav>
-    <main>
+{% extends "base.html" %}
+
+{% block title %}AS215085 - Router tools | Home{% endblock %}
+
+{% block content %}
        <section id="overview">
             <h2>Welcome</h2>
             <p>Welcome to the <b>AS215085 Network tools</b></p>
@@ -54,11 +22,4 @@
             <h2>BGP.Tools network map</h2>
             <img id="pathimg" usemap="#world" src="{{ bgp_image }}">
         </section>
-    </main>
-    <footer>
-        <p>&copy; 2020 – <span id="year"></span> AS215085 (PixelHosting). All rights reserved.</p>
-        <script> document.getElementById("year").textContent = new Date().getFullYear(); </script>
-    </footer>
-    <script src="../static/js/materialize.min.js"></script>
-</body>
-</html>
\ No newline at end of file
+{% endblock %}
\ No newline at end of file
