diff --git a/templates/404.html b/templates/404.html
index a1bce58..830ed42 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,170 +1,34 @@
-<!DOCTYPE html>
+{% extends '_base.html' %}
 
-<html lang="en">
+{% block meta %}
+<meta name="robots" content="noindex">
+{% endblock %}
 
-  <head>
-    <title>{% if page and page.title %}{{ page.title }} |{% endif %} {% block title%}{{ config.title }}{% endblock %}</title>
-    <meta name="description" content="{% block description%}{{ config.description }}{% endblock %}">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+{% block hero %}
 
-    <meta name="robots" content="noindex">
+  <div class="container-fluid hero4 d-flex flex-column justify-content-center">
 
-    <meta property="og:type" content="website">
-    {% block ogtitle %}
-    <meta property="og:title" content="{% block og_title%}{{ config.title }}{% endblock %}">
-    {% endblock %}
-    {% block ogdescription %}
-    <meta property="og:description" content="{% block og_description%}{{ config.description }}{% endblock %}">
-    {% endblock %}
-    <meta property="og:site_name" content="{{ config.extra.author }}">
-    <meta property="og:url" content="{{ config.base_url }}">
-    <meta property="og:image" content={{ get_url(path='images/logo@2x.png', cachebust=true) }}>
-    {% block meta %}{% endblock meta %}
+    <div class="container">
 
-    <link rel="manifest" href="/manifest.json" />
+        <div class="row mt-4 mb-4">
 
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-114x114.png') }}" sizes="114x114">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-120x120.png') }}" sizes="120x120">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-144x144.png') }}" sizes="144x144">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-152x152.png') }}" sizes="152x152">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-180x180.png') }}" sizes="180x180">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-57x57.png') }}" sizes="57x57">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-60x60.png') }}" sizes="60x60">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-72x72.png') }}" sizes="72x72">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon-76x76.png') }}" sizes="76x76">
-    <link rel="apple-touch-icon" href="{{ get_url(path='/apple-icon.png') }}">
+          <div class="col-12 text-center">
 
-    <link rel="icon" href="{{ get_url(path='/favicon-16x16.png') }}" sizes="16x16">
-    <link rel="icon" href="{{ get_url(path='/favicon-32x32.png') }}" sizes="32x32">
-    <link rel="icon" href="{{ get_url(path='/favicon-96x96.png') }}" sizes="96x96">
+            <h1>Oops, it slipped!</h1>
 
-    <link href="{{ get_url(path='favicon.ico', cachebust=true) }}" rel="shortcut icon" type="image/x-icon">
-    <link href="{{ get_url(path='favicon.ico', cachebust=true) }}" rel="icon" type="image/x-icon">
+            <img src="{{ get_url(path='images/ion@2x.png', cachebust=true) }}" width="100" align="ion">
 
-    <link rel="stylesheet" href="{{ get_url(path='css/bootstrap-5.3.0.opt.css', cachebust=true) }}">
-    <link rel="stylesheet" href="{{ get_url(path='css/styles.css', cachebust=true) }}">
-    {% block styles %}{% endblock %}
-  </head>
-
-  <body>
-
-    <!-- HEADER -->
-
-    <div class="container-fluid shadow th sticky-top">
-
-      <header class="container">
-
-        <nav class="navbar navbar-expand-lg navbar-light bg-th-1 justify-content-center justify-content-between pt-3 pb-3" role="navigation">
-
-          <a class="navbar-brand logo me-0" href="/">
-            <img src="{{ get_url(path='images/logo@2x.png') }}" height="40" alt="logo">
-          </a>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-
-
-          <div class="collapse navbar-collapse" id="navbarSupportedContent">
-
-            <ul class="navbar-nav ms-0 ms-md-auto text-end text-lg-start pt-2 pb-2 pt-md-0 pb-md-0">
-
-              {% set section = get_section(path='_index.md') %}
-              {% for section in section.subsections %}
-
-                {% set subsection = get_section(path=section) %}
-
-                {% set root_section_path = subsection.path | split(pat='/') | first %}
-
-                {% if subsection.pages|length > 0 and subsection.title != 'Other' %}
-
-                  <li class="nav-item ms-0 ms-md-4 dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                      {{ subsection.title }}
-                    </a>
-                    <div class="dropdown-menu shadow-none shadow-lg text-end text-lg-start" aria-labelledby="navbarDropdown">
-                      {% for page in subsection.pages %}
-                        <a class="dropdown-item pt-2 pb-2 pt-sm-3 pb-sm-3" href="{{ page.permalink | safe }}">{{ page.title }}</a>
-                      {% endfor %}
-                    </div>
-                  </li>
-
-                {% elif subsection.title != 'Other' %}
-
-                  <li class="nav-item ms-0 ms-md-4">
-                    <a class="nav-link" href="{{ subsection.permalink | safe }}">{{ subsection.title }}</a>
-                  </li>
-
-                {% endif %}
-
-              {% endfor %}
-
-            </ul>
+            <h2>404 Not Found</h2>
+            <p><a href="https://www.youtube.com/watch?v=chRild0fgGU" target="_blank" rel="noopener noreferrer">I ain't avin it</a></p>
 
           </div>
 
-        </nav>
-
-      </header>
+        </div>
 
     </div>
 
-    <!-- ./HEADER -->
+  </div>
 
-    <!-- HERO -->
-    <div class="container-fluid hero4 d-flex flex-column justify-content-center">
+{% endblock %}
 
-      <div class="container">
-
-          <div class="row mt-4 mb-4">
-
-            <div class="col-12 text-center">
-
-              <h1>Oops, it slipped!</h1>
-
-              <img src="{{ get_url(path='images/ion@2x.png', cachebust=true) }}" width="100" align="ion">
-
-              <h2>404 Not Found</h2>
-              <p><a href="https://www.youtube.com/watch?v=chRild0fgGU" target="_blank" rel="noopener noreferrer">I ain't avin it</a></p>
-
-            </div>
-
-          </div>
-
-      </div>
-
-    </div>
-    <!-- ./HERO -->
-
-    <!-- MAIN CONTENT -->
-    {% block main %}
-    {% endblock %}
-    <!-- ./MAIN CONTENT -->
-
-    <!-- FOOTER -->
-
-    <footer class="container text-center text-md-start">
-
-
-      <p class="pt-5 pb-2 text-center">
-        <small>Copyright &copy; <span id="copyright_year"></span>, M-Labs. All rights reserved. ARTIQ, the ARTIQ logo, Migen and nMigen are registered or unregistered trademarks.</small>
-      </p>
-
-    </footer>
-
-    <!-- ./FOOTER -->
-
-    <script src="{{ get_url(path='js/bootstrap-5.3.0.bundle.min.js', cachebust=true) }}"></script>
-
-    <script>
-
-      (function () {
-        document.getElementById('copyright_year').textContent = (new Date()).getFullYear();
-      })();
-
-    </script>
-
-  </body>
-
-</html>
+{% block footer_contact %}{% endblock %}
\ No newline at end of file
