diff --git a/qa/static.go b/qa/static.go
index d466a94c..bd58e202 100644
--- a/qa/static.go
+++ b/qa/static.go
@@ -94,4 +94,9 @@ func declareStaticRoutes(router *gin.RouterGroup, baseURL string) {
 	router.GET("/themes", serveOrReverse("/", baseURL))
 	router.GET("/themes/*_", serveOrReverse("/", baseURL))
 	router.GET("/_app/*_", serveOrReverse("", baseURL))
+
+	router.GET("/.svelte-kit/*_", serveOrReverse("", baseURL))
+	router.GET("/node_modules/*_", serveOrReverse("", baseURL))
+	router.GET("/@vite/*_", serveOrReverse("", baseURL))
+	router.GET("/src/*_", serveOrReverse("", baseURL))
 }
diff --git a/qa/ui/package-lock.json b/qa/ui/package-lock.json
index ea569b60..12218426 100644
--- a/qa/ui/package-lock.json
+++ b/qa/ui/package-lock.json
@@ -89,6 +89,11 @@
       "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.0.tgz",
+      "integrity": "sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ=="
+    },
     "@rollup/pluginutils": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.1.1.tgz",
@@ -1286,6 +1291,14 @@
       "integrity": "sha512-pDrzgcWSoMaK6AJkBWkmgIsecW0GChxYZSZieIYfCP0v2oPyx2CYU/zm7TBIcjLVUPP714WxmViE9Thht4etog==",
       "dev": true
     },
+    "sveltestrap": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/sveltestrap/-/sveltestrap-5.6.3.tgz",
+      "integrity": "sha512-/geTKJbPmJGzwHFKYC3NkUNDk/GKxrppgdSxcg58w/qcxs0S6RiN4PaQ1tgBKsdSrZDfbHfkFF+dybHAyUlV0A==",
+      "requires": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
     "table": {
       "version": "6.7.5",
       "resolved": "https://registry.npmjs.org/table/-/table-6.7.5.tgz",
diff --git a/qa/ui/package.json b/qa/ui/package.json
index f3380e7a..f7313125 100644
--- a/qa/ui/package.json
+++ b/qa/ui/package.json
@@ -20,5 +20,8 @@
     "prettier-plugin-svelte": "^2.4.0",
     "svelte": "^3.44.0"
   },
-  "type": "module"
+  "type": "module",
+  "dependencies": {
+    "sveltestrap": "^5.6.3"
+  }
 }
diff --git a/qa/ui/src/components/Header.svelte b/qa/ui/src/components/Header.svelte
new file mode 100644
index 00000000..875c8733
--- /dev/null
+++ b/qa/ui/src/components/Header.svelte
@@ -0,0 +1,67 @@
+<script>
+ import {
+     Badge,
+     Button,
+     ButtonGroup,
+     Col,
+     Collapse,
+     Container,
+     Dropdown,
+     DropdownItem,
+     DropdownMenu,
+     DropdownToggle,
+     Icon,
+     Navbar,
+     NavbarBrand,
+     Nav,
+     NavItem,
+     NavLink,
+     Progress,
+     Row,
+ } from 'sveltestrap';
+
+ const version = fetch('api/version', {headers: {'Accept': 'application/json'}}).then((res) => res.json())
+</script>
+
+<Navbar color="dark" dark expand="md">
+    <NavbarBrand href=".">
+        <img src="../img/fic.png" alt="FIC">
+        QA
+    </NavbarBrand>
+    <Nav navbar>
+        <NavItem>
+            <NavLink href=".">
+                <Icon name="house-door" />
+                Accueil
+            </NavLink>
+        </NavItem>
+        <NavItem>
+            <NavLink href="themes">
+                <Icon name="box-seam" />
+                Scénarios
+            </NavLink>
+        </NavItem>
+        <NavItem>
+            <NavLink href="teams">
+                <Icon name="people" />
+                Équipes
+            </NavLink>
+        </NavItem>
+        <NavItem>
+            <NavLink href="repositories">
+                <Icon name="archive" />
+                Dépôts
+            </NavLink>
+        </NavItem>
+    </Nav>
+    <Nav class="ms-auto text-light" navbar>
+        <NavItem class="ms-2">
+            {#await version}
+                veuillez patienter
+            {:then v}
+	        v{v.version}
+                {#if v.auth}&ndash; Logged as {v.auth.name} (team #{v.auth.id_team}){/if}
+            {/await}
+        </NavItem>
+    </Nav>
+</Navbar>
diff --git a/qa/ui/src/routes/__layout.svelte b/qa/ui/src/routes/__layout.svelte
new file mode 100644
index 00000000..13320bb7
--- /dev/null
+++ b/qa/ui/src/routes/__layout.svelte
@@ -0,0 +1,34 @@
+<script>
+ import {
+     Container,
+     Styles,
+ } from 'sveltestrap';
+
+ import Header from '../components/Header.svelte';
+</script>
+
+<svelte:head>
+    <!--title>{$settings.title}</title-->
+</svelte:head>
+
+<Styles />
+
+<Header />
+<slot></slot>
+
+<style>
+ :global(body) {
+     overflow-y: scroll;
+ }
+ :global(a.badge) {
+     text-decoration: none;
+ }
+ :global(.text-justify) {
+     text-align: justify;
+ }
+ :global(.niceborder) {
+     border-bottom-style: solid;
+     border-bottom-width: 5px !important;
+     border-bottom-color: #4eaee6;
+ }
+</style>