diff --git a/views/head.slim b/views/head.slim
new file mode 100644
index 0000000..983af52
--- /dev/null
+++ b/views/head.slim
@@ -0,0 +1,12 @@
+title Synelefsi
+meta charset='utf-8'
+/ Jquery
+script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"
+/ Popper
+script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"
+/ Bootstrap CSS
+link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"
+/ Bootstrap JS
+script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"
+/ Custom
+meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"
diff --git a/views/nav.slim b/views/nav.slim
new file mode 100644
index 0000000..9285cf8
--- /dev/null
+++ b/views/nav.slim
@@ -0,0 +1,11 @@
+nav.navbar.navbar-dark.bg-dark.navbar-expand
+  a.navbar-brand href="#" Synelefsi
+  div.collapse.navbar-collapse
+    ul.navbar-nav
+      - settings.nav.each do |n|
+        - if request.path_info == n[:href]
+          li.nav-item.active
+            a.nav-link href="#{n[:href]}"=n[:title]
+        - else
+          li.nav-item
+            a.nav-link href="#{n[:href]}"=n[:title]