diff --git a/templates/account/logout.html b/templates/account/logout.html
new file mode 100644
index 0000000..6d80fad
--- /dev/null
+++ b/templates/account/logout.html
@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block title %}Sign Out{% endblock %}
+
+{% block content %}
+<div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
+    <h2 class="text-2xl font-bold mb-6">Sign Out</h2>
+    <p class="mb-4">Are you sure you want to sign out?</p>
+    <form method="post" action="{% url 'account_logout' %}">
+        {% csrf_token %}
+        {% if redirect_field_value %}
+        <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
+        {% endif %}
+        <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
+            Sign Out
+        </button>
+    </form>
+</div>
+{% endblock %}
diff --git a/templates/base.html b/templates/base.html
index 4d1cb04..5aa67a4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -9,8 +9,16 @@
 </head>
 <body class="bg-gray-100">
     <header class="bg-white shadow">
-        <div class="container mx-auto px-6 py-4">
+        <div class="container mx-auto px-6 py-4 flex justify-between items-center">
             <h1 class="text-3xl font-bold text-gray-800">Hangul Typing Tutor</h1>
+            <nav>
+                {% if user.is_authenticated %}
+                    <a href="{% url 'account_logout' %}" class="text-blue-500 hover:text-blue-700">Sign Out</a>
+                {% else %}
+                    <a href="{% url 'account_login' %}" class="text-blue-500 hover:text-blue-700 mr-4">Log In</a>
+                    <a href="{% url 'account_signup' %}" class="text-blue-500 hover:text-blue-700">Sign Up</a>
+                {% endif %}
+            </nav>
         </div>
     </header>
 
