diff --git a/public/assets/css/faq/base.css b/public/assets/css/faq/base.css
new file mode 100644
index 0000000000..78daa2efd1
--- /dev/null
+++ b/public/assets/css/faq/base.css
@@ -0,0 +1,132 @@
+/* GENERAL ----------------------------*/
+ body, html
+ {
+ background-image: linear-gradient(to right bottom, #485563, #404c59, #38434f, #313a45, #29323c);
+ height: 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ color: #F6F6F6;
+ font-family: 'Open Sans', sans-serif;
+ }
+
+ ul
+ {
+ text-decoration: none;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+
+ .drop-down ul li
+ {
+ position: relative;
+ }
+
+ .drop-down ul li ul a
+ {
+ line-height: 1.8em;
+ }
+
+ .drop-down ul li ul
+ {
+ display: none;
+ position: absolute;
+ background-color: rgba(0, 0, 0, 0.20);
+ padding: 0.8em 1.5em 1.5em 0.8em;
+ border-radius: 4px;
+ }
+
+ .drop-down ul li:hover ul
+ {
+ display: block;
+ }
+
+ .drop-down ul li ul a:hover
+ {
+ opacity: 0.6;
+ transition: all 0.5s ease;
+ }
+
+ #hover-effect:hover
+ {
+ opacity: 0.6;
+ transition: all 0.5s ease;
+ }
+
+ a:link
+ {
+ text-decoration: none;
+ outline: 0;
+ color: #F6F6F6;
+ }
+ a:visited
+ {
+ outline: 0;
+ color: #F6F6F6;
+ }
+/*-------------------------------------*/
+
+/* HEADER -----------------------------*/
+ #header
+ {
+ margin-top: 2em;
+ margin-left: 20%;
+ margin-right: 20%;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .flex-items
+ {
+ margin: 2em;
+ }
+
+ /* MENU -------------------------------*/
+ #menu
+ {
+ order: 1;
+ }
+
+ #menu-png
+ {
+ height: 2em;
+ }
+ /*-------------------------------------*/
+
+ /* INSTANCE ---------------------------*/
+ #instance
+ {
+ order: 2;
+ }
+
+ #align-mid
+ {
+
+ }
+
+ #logo
+ {
+ height: 2em;
+ }
+
+ #down-arrow
+ {
+ height: 1em;
+ }
+ /*-------------------------------------*/
+
+ /* SEARCH -----------------------------*/
+ #search
+ {
+ order: 3;
+ }
+
+ #search-png
+ {
+ height: 2em;
+ }
+ /*-------------------------------------*/
+
+/*-------------------------------------*/
+
diff --git a/public/assets/images/drop.png b/public/assets/images/drop.png
new file mode 100644
index 0000000000..f89da9d67c
Binary files /dev/null and b/public/assets/images/drop.png differ
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
new file mode 100644
index 0000000000..1b1b70d570
Binary files /dev/null and b/public/assets/images/logo.png differ
diff --git a/public/assets/images/menu.png b/public/assets/images/menu.png
new file mode 100644
index 0000000000..692fee32d3
Binary files /dev/null and b/public/assets/images/menu.png differ
diff --git a/public/assets/images/search.png b/public/assets/images/search.png
new file mode 100644
index 0000000000..99954014fd
Binary files /dev/null and b/public/assets/images/search.png differ
diff --git a/templates/faq/base.html.twig b/templates/faq/base.html.twig
index 6078ea9b4f..e9e601319c 100644
--- a/templates/faq/base.html.twig
+++ b/templates/faq/base.html.twig
@@ -1,20 +1,52 @@
-
+
{% block title %}{% endblock %}
{% block stylesheets %}
-
+
+
{% endblock %}
-
- {% block header %}
-
- {% endblock %}
+ {% block body %}
+
+ {% endblock %}
{% block javascripts %}{% endblock %}
-
diff --git a/templates/faq/home.html.twig b/templates/faq/home.html.twig
index d2b36be955..6a1ee4c93b 100644
--- a/templates/faq/home.html.twig
+++ b/templates/faq/home.html.twig
@@ -1 +1 @@
-{% extends "base.html.twig" %}
+{% extends 'faq/base.html.twig' %}
\ No newline at end of file
 }})
+