diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..30ea2d4
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title>旅行地のノート</title><script src="https://cdn.tailwindcss.com"></script></head><body class="bg-yellow-50 p-8"><h1 class="text-2xl font-bold mb-4">旅行地のノート</h1><form action="/notes/" method="post" class="mb-8"><input name="content" class="border p-2 w-full" placeholder="何か書いてね..." required><button type="submit" class="mt-2 bg-blue-500 text-white p-2">貼る</button></form><div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4">{% for note in notes %}<div class="bg-white p-4 shadow transform rotate-[-2deg] hover:rotate-0 transition">{{ note.content }}</div>{% endfor %}</div></body></html>
\ No newline at end of file
