ADD file via upload

3 weeks ago · 9a76ec0f2a
parent a9c7c0c5e5
commit 9a76ec0f2a
1 changed files with 52 additions and 0 deletions
--- a/index.html
+++ 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>