diff --git a/templates/autostart.html b/templates/autostart.html
new file mode 100644
index 0000000..ba9f8cb
--- /dev/null
+++ b/templates/autostart.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Autostart Persistence</h1>
+
+{% for section in content %}
+    <h2>{{ section.title }}</h2>
+    <pre>{{ section.content }}</pre>
+{% endfor %}
+
+<a href="/persistence">Back to Persistence Submenu</a>
+{% endblock %}
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..9c2d2b9
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ title }}</title>
+    <link rel="stylesheet" href="/static/styles.css">
+</head>
+<body>
+    <header>
+        <nav>
+            <a href="/">Home</a>
+            <a href="/methodology">Methodology</a>
+            <div class="dropdown">
+                <a href="#">OS</a>
+                <div class="dropdown-content">
+                    <a href="/windows">Windows</a>
+                    <a href="/linux">Linux</a>
+                </div>
+            </div>
+            <div class="dropdown">
+                <a href="/investigate">Investigate</a>
+                <div class="dropdown-content">
+                    <a href="/investigate/threat">Threat Intel</a>
+                    <a href="/investigate/ip">IP</a>
+                    <a href="/investigate/domain">Domain</a>
+                    <a href="/investigate/filehash">File Hash</a>
+                    <a href="/investigate/malware">Malware</a>
+                </div>
+            </div>
+            <a href="/rule_creation">Rule Creation</a>
+            <a href="/notebook">Notebook</a>
+        </nav>
+    </header>
+    <div class="tip">
+        {{ random_tip }}
+    </div>
+    <main class="main-content">
+        {% block content %}{% endblock %}
+    </main>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..95bd7d8
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+{% block content %}
+
+<!-- Centered container -->
+<div class="center-container">
+    <!-- Render Full ASCII Art -->
+    <pre class="ascii-art no-background">{{ full_ascii_art }}</pre>
+
+    <!-- Render Infinitei ASCII Art -->
+    <pre class="ascii-art no-background">{{ infinitei }}</pre>
+
+    <!-- Add image below Infinitei -->
+    <img src="{{ url_for('static', filename='threat_hunter.jpeg') }}" alt="Threat Hunter Image" class="ascii-image">
+
+    <h1>Welcome to Your Cybersecurity Tool</h1>
+    
+    <!-- Render README Description -->
+    <p>{{ readme_description }}</p>
+
+    <!-- Links displayed side by side -->
+    <div class="link-container">
+        {% for link in links %}
+        <a class="link-button" href="{{ link.url }}" target="_blank">{{ link.name }}</a>
+        {% endfor %}
+    </div>
+</div>
+
+{% endblock %}
diff --git a/templates/investigate.html b/templates/investigate.html
new file mode 100644
index 0000000..7d6cb52
--- /dev/null
+++ b/templates/investigate.html
@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>{{ content.title }}</h1>
+<p>{{ content.description }}</p>
+<ul>
+    {% for resource in content.resources %}
+    <li><a href="{{ resource.url }}" target="_blank">{{ resource.name }}</a></li>
+    {% endfor %}
+</ul>
+{% endblock %}
diff --git a/templates/linux.html b/templates/linux.html
new file mode 100644
index 0000000..5bad368
--- /dev/null
+++ b/templates/linux.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Linux Indicators of Compromise (IOCs)</h1>
+<p>Select a section to explore:</p>
+
+<ul>
+    {% for section in sections %}
+    <li><a href="/linux/{{ section.title.replace(' ', '_') }}">{{ section.title }}</a></li>
+    {% endfor %}
+</ul>
+{% endblock %}
diff --git a/templates/methodology.html b/templates/methodology.html
new file mode 100644
index 0000000..6a65b5b
--- /dev/null
+++ b/templates/methodology.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Methodology</h1>
+
+<!-- Loop through all sections -->
+{% for section in content %}
+<div class="content-box">
+    <h2>{{ section.title }}</h2>
+    {% if section.description %}
+        <p>{{ section.description }}</p>
+    {% endif %}
+    {% if section.link %}
+        <a href="{{ section.link }}" target="_blank" class="link-button">Explore {{ section.title }}</a>
+    {% endif %}
+    {% if section.content %}
+        <div class="markdown-content">
+            <pre>{{ section.content }}</pre>
+        </div>
+    {% endif %}
+    {% if section.resources %}
+        <h3>Resources</h3>
+        <ul>
+            {% for resource in section.resources %}
+            <li><a href="{{ resource.url }}" target="_blank">{{ resource.name }}</a></li>
+            {% endfor %}
+        </ul>
+    {% endif %}
+</div>
+<hr>
+{% endfor %}
+{% endblock %}
diff --git a/templates/notebook.html b/templates/notebook.html
new file mode 100644
index 0000000..b4801c6
--- /dev/null
+++ b/templates/notebook.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Notebook</h1>
+<form method="POST">
+    <label for="category">Category:</label>
+    <select name="category" id="category">
+        <option value="notes">Notes</option>
+        <option value="ips">IPs</option>
+        <option value="domains">Domains</option>
+        <option value="services">Services</option>
+        <option value="tasks">Scheduled Tasks</option>
+    </select>
+    <label for="entry">Entry:</label>
+    <input type="text" name="entry" id="entry" required>
+    <button type="submit">Add</button>
+</form>
+
+<hr>
+
+{% for category, entries in notebook.items() %}
+<h2>{{ category.capitalize() }}</h2>
+<ul>
+    {% for entry in entries %}
+    <li>
+        {{ entry }} <a href="{{ url_for('delete_entry', category=category, index=loop.index0) }}">Delete</a>
+    </li>
+    {% endfor %}
+</ul>
+{% if not entries %}
+<p>No entries yet.</p>
+{% endif %}
+{% endfor %}
+{% endblock %}
diff --git a/templates/persistence_method.html b/templates/persistence_method.html
new file mode 100644
index 0000000..5b006e0
--- /dev/null
+++ b/templates/persistence_method.html
@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>{{ content[0].title }}</h1>
+{% for section in content %}
+<div class="content-box">
+    <h2>{{ section.title }}</h2>
+    <pre>{{ section.content }}</pre>
+</div>
+{% endfor %}
+{% endblock %}
diff --git a/templates/persistence_submenu.html b/templates/persistence_submenu.html
new file mode 100644
index 0000000..6c1f80e
--- /dev/null
+++ b/templates/persistence_submenu.html
@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>{{ menu.title }}</h1>
+<p>{{ menu.description }}</p>
+<ul>
+    {% for method in menu.methods %}
+    <li><a href="{{ method.url }}">{{ method.name }}</a></li>
+    {% endfor %}
+</ul>
+{% endblock %}
diff --git a/templates/rule_creation.html b/templates/rule_creation.html
new file mode 100644
index 0000000..9b34626
--- /dev/null
+++ b/templates/rule_creation.html
@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Rule Creation</h1>
+<p>Track and manage your custom detection and prevention rules here.</p>
+{% endblock %}
diff --git a/templates/section.html b/templates/section.html
new file mode 100644
index 0000000..f3941fa
--- /dev/null
+++ b/templates/section.html
@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>{{ section.title }}</h1>
+
+<h2>Content</h2>
+<pre>{{ section.content }}</pre>
+
+{% if section.resources %}
+<h2>Resources</h2>
+<ul>
+    {% for resource in section.resources %}
+    <li><a href="{{ resource }}" target="_blank">{{ resource }}</a></li>
+    {% endfor %}
+</ul>
+{% endif %}
+
+<a href="/{{ request.path.split('/')[1] }}">Back to All Sections</a>
+{% endblock %}
diff --git a/templates/submenu.html b/templates/submenu.html
new file mode 100644
index 0000000..38fa72f
--- /dev/null
+++ b/templates/submenu.html
@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>{{ title }}</h1>
+<p>Select a tool or resource below:</p>
+<ul>
+    {% for action in submenu %}
+    <li>
+        <a href="#" onclick="event.preventDefault(); {{ action.function }}()">
+            {{ action.description }}
+        </a>
+    </li>
+    {% endfor %}
+</ul>
+{% endblock %}
diff --git a/templates/windows.html b/templates/windows.html
new file mode 100644
index 0000000..bbe47c6
--- /dev/null
+++ b/templates/windows.html
@@ -0,0 +1,23 @@
+{% extends "base.html" %}
+{% block content %}
+<h1>Windows Indicators of Compromise (IOCs)</h1>
+<p>Select a section to explore:</p>
+
+<ul>
+    {% for section in sections %}
+        <li><a href="/windows/{{ section.title.replace(' ', '_') }}">{{ section.title }}</a></li>
+    {% endfor %}
+</ul>
+
+{% for section in sections %}
+    {% if section.title == "Persistence Methods" %}
+        <h2>{{ section.title }}</h2>
+        <p>{{ section.content }}</p>
+        <ul>
+            {% for link in section.links %}
+                <li><a href="{{ link.url }}">{{ link.name }}</a></li>
+            {% endfor %}
+        </ul>
+    {% endif %}
+{% endfor %}
+{% endblock %}
