diff --git a/md1.komreg.net/overlay/etc/mirror-mdq/template/index.html b/md1.komreg.net/overlay/etc/mirror-mdq/template/index.html
index be4e3b1b..97f6e956 100644
--- a/md1.komreg.net/overlay/etc/mirror-mdq/template/index.html
+++ b/md1.komreg.net/overlay/etc/mirror-mdq/template/index.html
@@ -1,30 +1,46 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <link rel="stylesheet" href="/css/bootstrap.min.css">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="/css/style.css">
     <title>Sweden Connect Metadata (QA)</title>
-</head>
-<body>
-<div class="container-fluid">
-   <div class="header clearfix">
-     <nav class="navbar navbar-light bg-faded">
-        <a href="https://swedenconnect.se/" class="navbar navbar-brand"><img width="300" height="46" class="img-fluid" src="/img/sweden-connect-color-yellow-on-blue.svg"/></a>
-        <span class="text-muted">Sweden Connect Metadata (QA)</span>
-     </nav>
-   </div>
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg fixed-top navbar-light">
+      <img class="logo" src="/img/sweden-connect-color-yellow-on-blue.svg" alt="sc_logo">
 
-   <div class="jumbotron">
-     <h1 class="display-3">Sweden Connect Metadata (QA)</h1>
-   </div>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
 
-   <div class="alert alert-warning" role="alert">
-     Detta är QA-metadata - använd ej för produktion!
-   </div>
-
-   <div class="row">
-     <div class="col-md-6">
-       <h2>Signeringscertifikat</h2>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item">
+            <a class="nav-link" href="/">Start <span class="sr-only">(current)</span></a>
+          </li>
+          <li class="nav-item">
+             <a class="nav-link" href="http://status.swedenconnect.se" target="_blank" style="margin-left: 15px;">
+               <i class="current-status-indicator"></i>
+             </a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+    <div class="content-push"></div>
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <div class="row no-gutters">
+            <div class="col-sm-12 col-md-7">
+              <h1 class="article-header">Sweden Connect Metadata (QA)</h1>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-12 col-md-7">
+         <h2>Signeringscertifikat</h2>
          <pre>
 -----BEGIN CERTIFICATE-----
 MIIFIjCCAwoCCQCVO3v9xSA+FDANBgkqhkiG9w0BAQsFADBTMQswCQYDVQQGEwJT
@@ -57,19 +73,63 @@ JERf83JkjVLanESP9/U9nsZYgIiSX88PahYtuSZLhqamzzFvK+wuVcNKark8s1kS
 2d8EIOY6h4jmS2ds9ORaavkV/xxTAA==
 -----END CERTIFICATE-----
        </pre>
-     </div>
-     <div class="col-md-6">
-       <h2>Metadata URLer</h2>
-       <dl>
-         <dt>Full metadata - samtliga objekt</dt>
-         <dd><a href="/entities/">https://qa.md.swedenconnect.se/entities</a></dd>
-         <dt>Endast IdP:er</dt>
-         <dd><a href="/role/idp.xml">https://qa.md.swedenconnect.se/role/idp.xml</a></dd>
-         <dt>Endast SP:er</dt>
-         <dd><a href="/role/sp.xml">https://qa.md.swedenconnect.se/role/sp.xml</a></dd>
-       </dl>
-     </div>
-   </div>
-</div>
-</body>
+        </div> 
+        <div class="col-sm-12 col-md-5">
+          <div class="sidebar">
+             <h2>Metadata URLer</h2>
+             <dl>
+                <dt>Full metadata - samtliga objekt</dt>
+                <dd><a href="/entities/">https://qa.md.swedenconnect.se/entities</a></dd>
+                <dt>Endast IdP:er</dt>
+                <dd><a href="/role/idp.xml">https://qa.md.swedenconnect.se/role/idp.xml</a></dd>
+                <dt>Endast SP:er</dt>
+                <dd><a href="/role/sp.xml">https://qa.md.swedenconnect.se/role/sp.xml</a></dd>
+             </dl>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="container-fluid footer-container">
+      <footer class="container">
+        <div class="row">
+          <div class="col-sm-12 col-md">
+            <ul>
+              <li class="heading">Externa länkar</li>
+              <li><a href="https://digg.se/">DIGG – Myndigheten för Digital Förvaltning</a></li>
+              <li><a href="http://e-legitimation.se">e-legitimation.se – en webbplats om e-legitimation för privatpersoner</a></li>
+            </ul>
+
+            <!-- ul>
+              <li class="heading">Sweden Connect</li>
+              <li>är funktioner för elektronisk identifiering.</li>
+              <li>riktar sig till offentliga och privata organisationer i Sverige.</li>
+              <li>är anslutningspunkten för eIDAS i Sverige.</li>
+            </ul -->
+          </div>
+
+          <div class="col-md-1"></div>
+
+          <div class="col-sm-12 col-md">
+            <div class="row no-gutters">
+              <div class="col-sm-12 col-md-6">
+                <ul class="contact">
+                  <li class="heading">Kontakt</li>
+                  <li>DIGG</li>
+                  <li>Box 14</li>
+		  <li>851 02 Sundsvall</li>
+                  <li>Telefon: 0771-11 44 00</li>
+                  <li>Twitter: @elegnamnden, #DIGG_se</li>
+                  <li><a href="/support.html">Kontakta support</a></li>
+                  <li><a href="/incident.html">Incidenthantering</a></li>
+                </ul>
+              </div>
+              <div class="col-sm-12 col-md-6">
+                <button id="footer-button" class="btn btn-invert float-right">Tillbaka till toppen</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  </body>
 </html>
