diff --git a/senju/main.py b/senju/main.py
index 1b28e29..034f4b7 100644
--- a/senju/main.py
+++ b/senju/main.py
@@ -4,8 +4,13 @@ app = Flask(__name__)
 
 
 @app.route("/")
-def index():
-    context = {
-        "number": 1337
-    }
-    return render_template("index.jinja", context=context, title="Senju")
+def index_view():
+    return render_template("index.jinja", title="Senju")
+
+
+@app.route("/haiku")
+def haiku_view():
+
+    return render_template(
+        "haiku.jinja",
+        title="Haiku of the Day")
diff --git a/senju/templates/base.jinja b/senju/templates/base.jinja
index 8ccb184..d567c40 100644
--- a/senju/templates/base.jinja
+++ b/senju/templates/base.jinja
@@ -25,13 +25,24 @@
 						<div class="hidden md:block">
 							<div class="ml-10 flex items-baseline space-x-4">
 								<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
-								<a href="#" class="rounded-md bg-gray-900 px-3 py-2 text-sm font-medium text-white"
-									aria-current="page">Start</a>
-								<a href="#"
-									class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Haiku</a>
-								<a href="#"
-									class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">Information</a>
-							</div>
+								<a href="{{ url_for('index_view') }}" 
+   class="rounded-md px-3 py-2 text-sm font-medium 
+   {% if request.endpoint == 'index_view' %} bg-gray-900 text-white {% else %} text-gray-300 hover:bg-gray-700 hover:text-white {% endif %}"
+>
+    Start
+</a>
+
+<a href="{{ url_for('haiku_view') }}" 
+   class="rounded-md px-3 py-2 text-sm font-mediRefs: OPS-11um 
+   {% if request.endpoint == 'haiku_view' %} bg-gray-900 text-white {% else %} text-gray-300 hover:bg-gray-700 hover:text-white {% endif %}"
+>
+    Haiku
+</a>
+
+<a href="#" 
+   class="rounded-md px-3 py-2 text-sm font-medium text-gray-300 hover:bg-gray-700 hover:text-white">
+    Information
+</a>							</div>
 						</div>
 					</div>
 					<div class="hidden md:block">
diff --git a/senju/templates/haiku.jinja b/senju/templates/haiku.jinja
new file mode 100644
index 0000000..fa1db07
--- /dev/null
+++ b/senju/templates/haiku.jinja
@@ -0,0 +1,20 @@
+{% extends "base.jinja" %}
+
+{% block content %}
+<div class="bg-violet-900 min-h-screen flex items-center justify-center text-white">
+    <div class="text-center">
+        <div class="bg-white text-gray-900 p-10 rounded-lg shadow-lg max-w-2xl mx-auto transform -translate-y-10">
+            <h1 class="text-4xl font-bold text-violet-700 mb-6">Haiku of the Day</h1>
+            <p class="text-2xl italic leading-relaxed">
+                An old silent pond<br> 
+                A frog jumps into the pond—<br> 
+                Splash! Silence again.
+            </p>
+        </div>
+        <a href="{{ url_for('index_view') }}" class=" inline-block bg-violet-600 hover:bg-violet-700 text-white font-bold py-2 px-4 rounded-lg">
+            Back to Home
+        </a>
+    </div>
+</div>
+{% endblock %}
+