diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
new file mode 100644
index 0000000..c8d4e26
--- /dev/null
+++ b/app/templates/base.html.j2
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+ YouTube-DL-fe :: {% block title %}{% endblock %}
+
+ {% block head_more %}{% endblock %}
+
+
+ {% include "navigation-bar.html.j2" %}
+ {% block page_body %}{% endblock %}
+
+
\ No newline at end of file
diff --git a/app/templates/index.html.j2 b/app/templates/index.html.j2
new file mode 100644
index 0000000..fe2fee6
--- /dev/null
+++ b/app/templates/index.html.j2
@@ -0,0 +1,16 @@
+{% extends 'base.html.j2' %}
+
+{% block title %}Home{% endblock %}
+{% block head_more %}
+{% endblock %}
+{% block page_body %}
+
+
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/navigation-bar.html.j2 b/app/templates/navigation-bar.html.j2
new file mode 100644
index 0000000..227e62e
--- /dev/null
+++ b/app/templates/navigation-bar.html.j2
@@ -0,0 +1,13 @@
+{% block nav %}
+
+{% endblock %}
\ No newline at end of file