diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..3a77b53
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>{% block title %} {% endblock %} - FlixRec</title>
+    <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-dark.css" type="text/css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+</head>
+<body>
+    <style type="text/css">
+        input[type="color"],
+        input[type="date"],
+        input[type="datetime"],
+        input[type="datetime-local"],
+        input[type="email"],
+        input[type="month"],
+        input[type="number"],
+        input[type="password"],
+        input[type="search"],
+        input[type="tel"],
+        input[type="text"],
+        input[type="time"],
+        input[type="url"],
+        input[type="week"],
+        select:focus,
+        textarea {
+          font-size: 16px;
+        }
+    </style>
+    <nav>
+        <a href="{{ url_for('find_similar_title') }}">FlixRec</a> |
+        <a href="#">About</a>
+    </nav>
+    <hr>
+    <div class="content">
+        {% block content %} {% endblock %}
+    </div>
+</body>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..402675e
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,12 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <h1>{% block title %} Home {% endblock %}</h1>
+    <main>
+        <form action="/" method="POST">
+            <p>Enter Movie Title: <input type="text" name="title"></input></p>
+            <p><input type="submit" value="Search" /></p>
+        </form>
+    </main>
+    <footer>* General searches do not work well, try to be specific</footer>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/same_titles.html b/templates/same_titles.html
new file mode 100644
index 0000000..b528020
--- /dev/null
+++ b/templates/same_titles.html
@@ -0,0 +1,15 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <h1>{% block title %} Multiple Results {% endblock %}</h1>
+    <p>Multiple results found, please select the correct movie title.</p>
+    <main>
+        {% for deet in deets %}
+        <h2>{{deet["title"]}} ({{deet["year"]}})</h2>
+        <p><a href={{url_for('get_similar_titles',trakt_id=deet['trakt_id'])}}>Select This One</a></p>
+        <p>
+            {{deet["overview"]}}
+        </p>
+        {% endfor %}
+    </main>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/show_results.html b/templates/show_results.html
new file mode 100644
index 0000000..bd1b0a1
--- /dev/null
+++ b/templates/show_results.html
@@ -0,0 +1,24 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <h1>{% block title %} Results {% endblock %}</h1>
+    <main>
+        {% for deet in deets %}
+        <h2>{{deet["title"]}} ({{deet["year"]}})</h2>
+        <i>{{deet["tagline"]}}</i> - <i>{{deet["runtime"]}} min</i>
+        <p>
+            {{deet["overview"]}}
+        </p>
+        {% endfor %}
+        <h3>Advance Filters</h3>
+        <form action="{{url_for('get_similar_titles')}}" method="GET">
+            <p><input type="hidden" name="trakt_id" value="{{deets[0]['trakt_id']}}"/></p>
+            <p>Minimum Year <input type="number" name="minYear" min="1900" max="2021" value="1900" /></p>
+            <p>Maximum Year <input type="number" name="maxYear" min="1900" max="2021" value="2021" /></p>
+            <p>Minimum Runtime <input type="number" name="minRuntime" min="1" value="70" /></p>
+            <p>Maximum Runtime <input type="number" name="maxRuntime" min="1" value="220" /></p>
+            <p><input type="hidden" name="filter" value="OwO" /> </p>
+            <p><input type="submit" value="Filter" /></p>
+        </form>
+    </main>
+{% endblock %}
\ No newline at end of file
