diff --git a/TealCode/main/templates/main/base.html b/TealCode/main/templates/main/base.html
index 8ef0367..51ed92b 100644
--- a/TealCode/main/templates/main/base.html
+++ b/TealCode/main/templates/main/base.html
@@ -20,7 +20,7 @@
         <h1>TealFire</h1>
 
         <div>
-            <a>Python</a>
+            <a href="/category/python/">Python</a>
             <a>C#</a>
             <a>C++</a>
             <a>C</a>
@@ -29,11 +29,7 @@
         </div>
     </header>
     <main>
-        <div id="main-content">
-            <div id="main-headline">
-                <h2>How To Convert a String to Int</h2>
-            </div>
-            
+        <div id="main-content">            
             {% block content %}{% endblock %}
             
         </div>
diff --git a/TealCode/main/templates/main/list.html b/TealCode/main/templates/main/category.html
similarity index 100%
rename from TealCode/main/templates/main/list.html
rename to TealCode/main/templates/main/category.html
diff --git a/TealCode/main/templates/main/index.html b/TealCode/main/templates/main/index.html
index 028f283..2bf4df5 100644
--- a/TealCode/main/templates/main/index.html
+++ b/TealCode/main/templates/main/index.html
@@ -1,7 +1,6 @@
 {% extends "main/base.html" %}
 {% block content %}
-  <div id="main-content-code">
-                <pre><code  style="padding-top: 5px; padding-bottom: 5px;"class="language-c">int c;
-    c = int.c * t/g;</code></pre>
-            </div>
+<div id="main-headline">
+  <h2>Index</h2>
+</div>
 {% endblock content %}
\ No newline at end of file
diff --git a/TealCode/main/templates/main/topic.html b/TealCode/main/templates/main/topic.html
new file mode 100644
index 0000000..6c5c578
--- /dev/null
+++ b/TealCode/main/templates/main/topic.html
@@ -0,0 +1,12 @@
+{% extends "main/base.html" %}
+{% block content %}
+    <div id="main-headline">
+                <h2>How To Convert a String to Int</h2>
+            </div>
+
+  <div id="main-content-code">
+                <pre><code  style="padding-top: 5px; padding-bottom: 5px;"class="language-c">int c;
+    c = int.c * t/g;</code></pre>
+            </div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/TealCode/main/urls.py b/TealCode/main/urls.py
index dc6d6c7..535becd 100644
--- a/TealCode/main/urls.py
+++ b/TealCode/main/urls.py
@@ -3,5 +3,6 @@ from . import views
 
 urlpatterns = [
     path('', views.index, name="main-index"),
-    path('list/', views.list, name="main-list"),
+    path('topic/<str:category>/<str:topic>/', views.topic, name="main-topic"),
+    path('category/<str:category>/', views.category, name="main-category"),
 ]
diff --git a/TealCode/main/views.py b/TealCode/main/views.py
index 127398f..7e0e0d6 100644
--- a/TealCode/main/views.py
+++ b/TealCode/main/views.py
@@ -3,5 +3,8 @@ from django.shortcuts import render
 def index(req):
     return render(req, "main/index.html")
 
-def list(req):
-    return render(req, "main/list.html")
\ No newline at end of file
+def topic(req, category, topic):
+    return render(req, "main/topic.html")
+
+def category(req, category):
+    return render(req, "main/category.html")
\ No newline at end of file