diff --git a/index.html b/index.html
new file mode 100644
index 0000000..00c46bd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="zh">
+
+<head>
+    <meta charset="UTF-8">
+    <title>校园二手交易平台 -主页</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="bg-gray-100 text-gray-800">
+<div class="flex min-h-screen">
+    <!-- 左侧标题栏 -->
+    <aside class="bg-blue-600 text-white w-1/4 p-6 min-h-full">
+        <div class="flex flex-col items-center">
+            <h1 class="text-2xl font-bold mb-6">校园二手交易</h1>
+            <nav class="flex flex-col space-y-4">
+                <a href="index.html" class="hover:underline">主页</a>
+                <a href="profile.html" class="hover:underline">个人信息</a>
+                <a href="product.html" class="hover:underline">商品预览</a>
+            </nav>
+        </div>
+    </aside>
+
+    <!-- 内容 -->
+    <main class="w-3/4 p-8">
+        <section id="home" class="p-4 bg-white rounded shadow-lg h-full">
+            <h2 class="text-3xl font-bold mb-4">欢迎光临校园二手交易平台</h2>
+            <p class="mb-6">在这里，您可以轻松查找和购买各种二手商品，从书籍到电子设备，这里一应俱全。</p>
+            <a href="product.html" class="text-blue-600 hover:underline mb-6 block">开始浏览商品</a>
+            <!-- 填充更多内容 -->
+            <div class="space-y-4">
+                <p>我们平台致力于提供最优质的服务，保证每一次交易的顺利进行。新功能即将上线，敬请期待！</p>
+                <p>同时，我们也欢迎大家的意见与建议，帮助我们不断改进和提升用户体验。</p>
+                <p>我们的平台支持多种支付方式，保证您的每次支付都安全可靠。</p>
+                <p class="font-bold">了解更多：</p>
+                <ul class="list-disc ml-8 space-y-2">
+                    <li>如何充分利用平台资源</li>
+                    <li>买家和卖家的双赢之道</li>
+                    <li>我们对用户信息的保密承诺</li>
+                </ul>
+            </div>
+        </section>
+    </main>
+</div>
+
+<!-- 页脚 -->
+<footer class="bg-gray-800 p-4 text-white text-center">
+    ©2023 校园二手交易平台. 保留所有权利.
+</footer>
+</body>
+
+</html>
\ No newline at end of file
