Hugging Face's logo

Spaces:
zipin
/
deepsite-project
Running

App Files Community
zipin commited on
Commit
d1ce2e5
·
verified ·
1 Parent(s): 3a1601c

好的

Browse files
Files changed (3) hide show
  1. about.html +6 -2
  2. contact.html +36 -0
  3. index.html +5 -1
about.html CHANGED
@@ -13,11 +13,15 @@
13
  <div class="p-8">
14
  <h1 class="text-2xl font-bold text-gray-800 mb-4">关于我们</h1>
15
  <p class="text-gray-600 mb-6">这是一个简单的静态网站示例，展示了如何使用HTML和CSS创建现代网页。</p>
16
- <div class="flex items-center">
17
  <i data-feather="arrow-left" class="mr-2 text-blue-500"></i>
18
  <a href="index.html" class="text-blue-500 hover:underline">返回首页</a>
19
  </div>
20
- </div>
 
 
 
 
21
  </div>
22
  <script>
23
  feather.replace();
 
13
  <div class="p-8">
14
  <h1 class="text-2xl font-bold text-gray-800 mb-4">关于我们</h1>
15
  <p class="text-gray-600 mb-6">这是一个简单的静态网站示例，展示了如何使用HTML和CSS创建现代网页。</p>
16
+ <div class="flex items-center mb-4">
17
  <i data-feather="arrow-left" class="mr-2 text-blue-500"></i>
18
  <a href="index.html" class="text-blue-500 hover:underline">返回首页</a>
19
  </div>
20
+ <div class="flex items-center">
21
+ <i data-feather="mail" class="mr-2 text-purple-500"></i>
22
+ <a href="contact.html" class="text-purple-500 hover:underline">联系我们</a>
23
+ </div>
24
+ </div>
25
  </div>
26
  <script>
27
  feather.replace();
contact.html ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+ <title>联系我们 | My static Space</title>
7
+ <link rel="stylesheet" href="style.css" />
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ </head>
11
+ <body>
12
+ <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl m-4">
13
+ <div class="p-8">
14
+ <h1 class="text-2xl font-bold text-gray-800 mb-4">联系我们</h1>
15
+ <p class="text-gray-600 mb-6">有任何问题或建议，请通过以下方式联系我们：</p>
16
+ <div class="space-y-4">
17
+ <div class="flex items-center">
18
+ <i data-feather="mail" class="mr-2 text-purple-500"></i>
19
+ <span>contact@example.com</span>
20
+ </div>
21
+ <div class="flex items-center">
22
+ <i data-feather="phone" class="mr-2 text-blue-500"></i>
23
+ <span>123-456-7890</span>
24
+ </div>
25
+ </div>
26
+ <div class="flex items-center mt-6">
27
+ <i data-feather="arrow-left" class="mr-2 text-blue-500"></i>
28
+ <a href="index.html" class="text-blue-500 hover:underline">返回首页</a>
29
+ </div>
30
+ </div>
31
+ </div>
32
+ <script>
33
+ feather.replace();
34
+ </script>
35
+ </body>
36
+ </html>
index.html CHANGED
@@ -17,10 +17,14 @@
17
  <i data-feather="book" class="mr-2 text-blue-500"></i>
18
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank" class="text-blue-500 hover:underline">空间文档</a>
19
  </div>
20
- <div class="flex items-center">
21
  <i data-feather="globe" class="mr-2 text-green-500"></i>
22
  <a href="about.html" class="text-green-500 hover:underline">关于我们</a>
23
  </div>
 
 
 
 
24
  </div>
25
  </div>
26
  <script>
 
17
  <i data-feather="book" class="mr-2 text-blue-500"></i>
18
  <a href="https://huggingface.co/docs/hub/spaces" target="_blank" class="text-blue-500 hover:underline">空间文档</a>
19
  </div>
20
+ <div class="flex items-center mb-4">
21
  <i data-feather="globe" class="mr-2 text-green-500"></i>
22
  <a href="about.html" class="text-green-500 hover:underline">关于我们</a>
23
  </div>
24
+ <div class="flex items-center">
25
+ <i data-feather="mail" class="mr-2 text-purple-500"></i>
26
+ <a href="contact.html" class="text-purple-500 hover:underline">联系我们</a>
27
+ </div>
28
  </div>
29
  </div>
30
  <script>