Spaces:
Running
Running
帮我生成一个美女
Browse files- about.html +5 -1
- beauty.html +65 -0
- contact.html +5 -1
- index.html +5 -1
- services.html +6 -2
about.html
CHANGED
|
@@ -21,10 +21,14 @@
|
|
| 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 class="flex items-center">
|
| 25 |
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 26 |
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 27 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 28 |
</div>
|
| 29 |
</div>
|
| 30 |
<script>
|
|
|
|
| 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 class="flex items-center mb-4">
|
| 25 |
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 26 |
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 27 |
</div>
|
| 28 |
+
<div class="flex items-center">
|
| 29 |
+
<i data-feather="user" class="mr-2 text-pink-500"></i>
|
| 30 |
+
<a href="beauty.html" class="text-pink-500 hover:underline">美女展示</a>
|
| 31 |
+
</div>
|
| 32 |
</div>
|
| 33 |
</div>
|
| 34 |
<script>
|
beauty.html
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 class="bg-gray-100">
|
| 12 |
+
<div class="max-w-4xl mx-auto p-4">
|
| 13 |
+
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-6">
|
| 14 |
+
<div class="p-8">
|
| 15 |
+
<h1 class="text-3xl font-bold text-gray-800 mb-6 text-center">美女展示</h1>
|
| 16 |
+
<p class="text-gray-600 mb-8 text-center">欣赏精选的美女图片</p>
|
| 17 |
+
|
| 18 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
| 19 |
+
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-sm">
|
| 20 |
+
<img src="http://static.photos/people/320x240/1" alt="美女1" class="w-full h-48 object-cover">
|
| 21 |
+
<div class="p-4">
|
| 22 |
+
<h3 class="font-semibold text-gray-800 mb-2">优雅气质</h3>
|
| 23 |
+
<p class="text-sm text-gray-600">展现优雅气质的美女形象</p>
|
| 24 |
+
</div>
|
| 25 |
+
</div>
|
| 26 |
+
|
| 27 |
+
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-sm">
|
| 28 |
+
<img src="http://static.photos/people/320x240/2" alt="美女2" class="w-full h-48 object-cover">
|
| 29 |
+
<div class="p-4">
|
| 30 |
+
<h3 class="font-semibold text-gray-800 mb-2">时尚魅力</h3>
|
| 31 |
+
<p class="text-sm text-gray-600">充满时尚感的美丽形象</p>
|
| 32 |
+
</div>
|
| 33 |
+
</div>
|
| 34 |
+
|
| 35 |
+
<div class="bg-gray-50 rounded-lg overflow-hidden shadow-sm">
|
| 36 |
+
<img src="http://static.photos/people/320x240/3" alt="美女3" class="w-full h-48 object-cover">
|
| 37 |
+
<div class="p-4">
|
| 38 |
+
<h3 class="font-semibold text-gray-800 mb-2">自然之美</h3>
|
| 39 |
+
<p class="text-sm text-gray-600">展现自然纯净的美丽</p>
|
| 40 |
+
</div>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
+
|
| 44 |
+
<div class="flex flex-wrap gap-4 justify-center mb-6">
|
| 45 |
+
<div class="flex items-center">
|
| 46 |
+
<i data-feather="arrow-left" class="mr-2 text-blue-500"></i>
|
| 47 |
+
<a href="index.html" class="text-blue-500 hover:underline">返回首页</a>
|
| 48 |
+
</div>
|
| 49 |
+
<div class="flex items-center">
|
| 50 |
+
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 51 |
+
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 52 |
+
</div>
|
| 53 |
+
<div class="flex items-center">
|
| 54 |
+
<i data-feather="mail" class="mr-2 text-purple-500"></i>
|
| 55 |
+
<a href="contact.html" class="text-purple-500 hover:underline">联系我们</a>
|
| 56 |
+
</div>
|
| 57 |
+
</div>
|
| 58 |
+
</div>
|
| 59 |
+
</div>
|
| 60 |
+
</div>
|
| 61 |
+
<script>
|
| 62 |
+
feather.replace();
|
| 63 |
+
</script>
|
| 64 |
+
</body>
|
| 65 |
+
</html>
|
contact.html
CHANGED
|
@@ -27,10 +27,14 @@
|
|
| 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 class="flex items-center">
|
| 31 |
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 32 |
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 33 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 34 |
</div>
|
| 35 |
</div>
|
| 36 |
<script>
|
|
|
|
| 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 class="flex items-center mb-4">
|
| 31 |
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 32 |
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 33 |
</div>
|
| 34 |
+
<div class="flex items-center">
|
| 35 |
+
<i data-feather="user" class="mr-2 text-pink-500"></i>
|
| 36 |
+
<a href="beauty.html" class="text-pink-500 hover:underline">美女展示</a>
|
| 37 |
+
</div>
|
| 38 |
</div>
|
| 39 |
</div>
|
| 40 |
<script>
|
index.html
CHANGED
|
@@ -25,10 +25,14 @@
|
|
| 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 class="flex items-center">
|
| 29 |
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 30 |
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 31 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 32 |
</div>
|
| 33 |
</div>
|
| 34 |
<script>
|
|
|
|
| 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 class="flex items-center mb-4">
|
| 29 |
<i data-feather="heart" class="mr-2 text-red-500"></i>
|
| 30 |
<a href="services.html" class="text-red-500 hover:underline">我们的服务</a>
|
| 31 |
</div>
|
| 32 |
+
<div class="flex items-center">
|
| 33 |
+
<i data-feather="user" class="mr-2 text-pink-500"></i>
|
| 34 |
+
<a href="beauty.html" class="text-pink-500 hover:underline">美女展示</a>
|
| 35 |
+
</div>
|
| 36 |
</div>
|
| 37 |
</div>
|
| 38 |
<script>
|
services.html
CHANGED
|
@@ -31,11 +31,15 @@
|
|
| 31 |
<i data-feather="arrow-left" class="mr-2 text-blue-500"></i>
|
| 32 |
<a href="index.html" class="text-blue-500 hover:underline">返回首页</a>
|
| 33 |
</div>
|
| 34 |
-
<div class="flex items-center">
|
| 35 |
<i data-feather="mail" class="mr-2 text-purple-500"></i>
|
| 36 |
<a href="contact.html" class="text-purple-500 hover:underline">联系我们</a>
|
| 37 |
</div>
|
| 38 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
</div>
|
| 40 |
<script>
|
| 41 |
feather.replace();
|
|
|
|
| 31 |
<i data-feather="arrow-left" class="mr-2 text-blue-500"></i>
|
| 32 |
<a href="index.html" class="text-blue-500 hover:underline">返回首页</a>
|
| 33 |
</div>
|
| 34 |
+
<div class="flex items-center mb-4">
|
| 35 |
<i data-feather="mail" class="mr-2 text-purple-500"></i>
|
| 36 |
<a href="contact.html" class="text-purple-500 hover:underline">联系我们</a>
|
| 37 |
</div>
|
| 38 |
+
<div class="flex items-center">
|
| 39 |
+
<i data-feather="user" class="mr-2 text-pink-500"></i>
|
| 40 |
+
<a href="beauty.html" class="text-pink-500 hover:underline">美女展示</a>
|
| 41 |
+
</div>
|
| 42 |
+
</div>
|
| 43 |
</div>
|
| 44 |
<script>
|
| 45 |
feather.replace();
|