Hugging Face's logo

Spaces:
ducnhat036
/
web1
Running

App Files Community
ducnhat036 commited on
Commit
2494a9e
·
verified ·
1 Parent(s): c3529a6

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +264 -154
  2. prompts.txt +2 -1
index.html CHANGED
@@ -1,213 +1,323 @@
 
 
 
1
  <!DOCTYPE html>
2
  <html lang="vi">
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Tin tức Bất động sản Đồng Nai</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
- .news-card:hover {
11
- transform: translateY(-5px);
12
- box-shadow: 0 10px 20px rgba(0,0,0,0.1);
13
- }
14
- .news-image {
15
- height: 200px;
16
- object-fit: cover;
17
- transition: transform 0.3s ease;
18
  }
19
- .news-card:hover .news-image {
20
- transform: scale(1.03);
21
  }
22
- .tag {
23
- transition: all 0.3s ease;
24
  }
25
- .tag:hover {
26
- background-color: #3b82f6;
27
- color: white;
28
  }
29
  </style>
30
  </head>
31
  <body class="bg-gray-50 font-sans">
32
- <!-- Header Section -->
33
- <header class="bg-blue-600 text-white shadow-lg">
34
  <div class="container mx-auto px-4 py-6">
35
  <div class="flex justify-between items-center">
36
  <div class="flex items-center space-x-2">
37
- <i class="fas fa-home text-2xl"></i>
38
- <h1 class="text-2xl font-bold">BĐS Đồng Nai</h1>
39
  </div>
40
- <nav class="hidden md:block">
41
- <ul class="flex space-x-6">
42
- <li><a href="#" class="hover:text-blue-200 transition">Trang chủ</a></li>
43
- <li><a href="#" class="hover:text-blue-200 transition">Dự án</a></li>
44
- <li><a href="#" class="hover:text-blue-200 transition font-bold underline">Tin tức</a></li>
45
- <li><a href="#" class="hover:text-blue-200 transition">Liên hệ</a></li>
46
- </ul>
47
  </nav>
48
- <button class="md:hidden text-xl">
49
- <i class="fas fa-bars"></i>
50
- </button>
 
 
 
 
 
 
51
  </div>
52
  </div>
53
  </header>
54
 
55
  <!-- Main Content -->
56
  <main class="container mx-auto px-4 py-8">
57
- <!-- Page Title -->
58
- <div class="mb-10 text-center">
59
- <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Tin Tức Bất Động Sản Đồng Nai Mới Nhất</h2>
60
- <p class="text-gray-600 max-w-2xl mx-auto">Cập nhật những thông tin mới nhất về thị trường bất động sản tỉnh Đồng Nai, các dự án triển vọng và chính sách mới ảnh hưởng đến thị trường.</p>
61
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
62
 
63
- <!-- Featured News -->
64
- <section class="mb-16">
65
- <div class="bg-white rounded-xl shadow-md overflow-hidden">
66
- <div class="md:flex">
67
- <div class="md:w-2/3">
68
- <img src="https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1473&q=80"
69
- alt="Dự án bất động sản Đồng Nai"
70
- class="w-full h-full object-cover">
 
 
71
  </div>
72
- <div class="p-8 md:w-1/3">
73
- <div class="uppercase tracking-wide text-sm text-blue-600 font-semibold mb-1">Nổi bật</div>
74
- <h3 class="text-2xl font-bold text-gray-800 mb-4">Đồng Nai thu hút đầu tư hạ tầng với 5 dự án trọng điểm năm 2023</h3>
75
- <p class="text-gray-600 mb-4">Tỉnh Đồng Nai đang triển khai 5 dự án hạ tầng trọng điểm với tổng vốn đầu tư hơn 10.000 tỷ đồng, hứa hẹn thúc đẩy phát triển bất động sản trong khu vực.</p>
76
- <div class="flex items-center">
77
- <div class="text-sm text-gray-500">
78
- <span class="font-medium">Nguyễn Văn A</span> · 2 giờ trước
79
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
80
  </div>
81
- <button class="mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition">Đọc tiếp</button>
82
  </div>
83
  </div>
84
  </div>
85
  </section>
86
 
87
- <!-- News Grid -->
88
  <section class="mb-12">
89
- <div class="flex justify-between items-center mb-8">
90
- <h3 class="text-2xl font-bold text-gray-800">Tin mới cập nhật</h3>
91
- <div class="relative">
92
- <select class="block appearance-none bg-white border border-gray-300 text-gray-700 py-2 px-4 pr-8 rounded leading-tight focus:outline-none focus:border-blue-500">
93
- <option>Sắp xếp theo mới nhất</option>
94
- <option>Sắp xếp theo lượt xem</option>
95
- <option>Sắp xếp theo tiêu đề</option>
96
- </select>
97
- <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700">
98
- <i class="fas fa-chevron-down"></i>
99
- </div>
100
  </div>
101
  </div>
102
 
103
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
104
- <!-- News Card 1 -->
105
- <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
106
- <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
107
- alt="Dự án mới tại Long Thành"
108
- class="w-full news-image">
109
- <div class="p-6">
110
- <div class="flex flex-wrap gap-2 mb-3">
111
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Dự án mới</span>
112
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Long Thành</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
113
  </div>
114
- <h4 class="font-bold text-xl mb-2 text-gray-800">Khởi công dự án khu đô thị sinh thái tại Long Thành</h4>
115
- <p class="text-gray-600 mb-4">Dự án với quy mô 50ha, tổng vốn đầu tư 2.500 tỷ đồng h���a hẹn mang đến không gian sống xanh cho cư dân Đồng Nai.</p>
116
- <div class="flex justify-between items-center text-sm text-gray-500">
117
- <span>15 phút trước</span>
118
- <span>1.2k lượt xem</span>
 
 
119
  </div>
120
  </div>
121
- </div>
122
 
123
- <!-- News Card 2 -->
124
- <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
125
- <img src="https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
126
- alt="Chính sách mới"
127
- class="w-full news-image">
128
- <div class="p-6">
129
- <div class="flex flex-wrap gap-2 mb-3">
130
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Chính sách</span>
131
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Biên Hòa</span>
132
  </div>
133
- <h4 class="font-bold text-xl mb-2 text-gray-800">Đồng Nai điều chỉnh quy hoạch sử dụng đất đến năm 2030</h4>
134
- <p class="text-gray-600 mb-4">Tỉnh sẽ dành 3.000ha đất cho phát triển đô thị và công nghiệp, tập trung vào các khu vực trọng điểm phía Nam tỉnh.</p>
135
- <div class="flex justify-between items-center text-sm text-gray-500">
136
- <span>3 giờ trước</span>
137
- <span>2.5k lượt xem</span>
 
 
 
 
 
138
  </div>
139
  </div>
140
- </div>
141
 
142
- <!-- News Card 3 -->
143
- <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
144
- <img src="https://images.unsplash.com/photo-1605276374104-dee2a0ed3cd6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
145
- alt="Thị trường BĐS"
146
- class="w-full news-image">
147
- <div class="p-6">
148
- <div class="flex flex-wrap gap-2 mb-3">
149
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Phân tích</span>
150
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Nhơn Trạch</span>
 
151
  </div>
152
- <h4 class="font-bold text-xl mb-2 text-gray-800">Giá đất Nhơn Trạch tăng mạnh sau thông tin về sân bay Long Thành</h4>
153
- <p class="text-gray-600 mb-4">Các khu vực lân cận sân bay Long Thành ghi nhận mức tăng giá đất từ 20-30% so với đầu năm, đặc biệt là khu vực Nhơn Trạch.</p>
154
- <div class="flex justify-between items-center text-sm text-gray-500">
155
- <span>5 giờ trước</span>
156
- <span>3.1k lượt xem</span>
 
 
157
  </div>
158
  </div>
159
- </div>
160
 
161
- <!-- News Card 4 -->
162
- <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
163
- <img src="https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
164
- alt="Căn hộ dịch vụ"
165
- class="w-full news-image">
166
- <div class="p-6">
167
- <div class="flex flex-wrap gap-2 mb-3">
168
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Căn hộ</span>
169
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Biên Hòa</span>
 
170
  </div>
171
- <h4 class="font-bold text-xl mb-2 text-gray-800">Bùng nổ căn hộ dịch vụ tại Biên Hòa: Cơ hội cho nhà đầu tư</h4>
172
- <p class="text-gray-600 mb-4">Nhu cầu thuê căn hộ dịch vụ tại Biên Hòa tăng mạnh do làn sóng chuyên gia nước ngoài làm việc tại các khu công nghiệp.</p>
173
- <div class="flex justify-between items-center text-sm text-gray-500">
174
- <span>1 ngày trước</span>
175
- <span>1.8k lượt xem</span>
 
 
176
  </div>
177
  </div>
178
  </div>
179
 
180
- <!-- News Card 5 -->
181
- <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
182
- <img src="https://images.unsplash.com/photo-1605146769289-440113cc3d00?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
183
- alt="Đường cao tốc"
184
- class="w-full news-image">
185
- <div class="p-6">
186
- <div class="flex flex-wrap gap-2 mb-3">
187
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Hạ tầng</span>
188
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Vĩnh Cửu</span>
189
- </div>
190
- <h4 class="font-bold text-xl mb-2 text-gray-800">Cao tốc Biên Hòa - Vĩnh Cửu: Đòn bẩy cho bất động sản phía Tây Đồng Nai</h4>
191
- <p class="text-gray-600 mb-4">Dự án cao tốc dài 25km sẽ rút ngắn thời gian di chuyển từ Biên Hòa đến Vĩnh Cửu, thúc đẩy phát triển bất động sản dọc tuyến.</p>
192
- <div class="flex justify-between items-center text-sm text-gray-500">
193
- <span>1 ngày trước</span>
194
- <span>2.3k lượt xem</span>
195
- </div>
196
  </div>
197
  </div>
 
 
198
 
199
- <!-- News Card 6 -->
200
- <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition duration-300">
201
- <img src="https://images.unsplash.com/photo-1600607688969-a5bfcd646154?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
202
- alt="Khu công nghiệp"
203
- class="w-full news-image">
 
 
 
204
  <div class="p-6">
205
- <div class="flex flex-wrap gap-2 mb-3">
206
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Công nghiệp</span>
207
- <span class="tag bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full">Trảng Bom</span>
208
- </div>
209
- <h4 class="font-bold text-xl mb-2 text-gray-800">Khu công nghiệp Amata mở rộng: Cơ hội cho bất động sản nhà ở công nhân</h4>
210
- <p class="text-gray-600 mb-4">Khu công nghiệp Amata tại Trảng Bom sẽ mở rộng thêm 200ha, dự kiến thu hút 10.000 lao động, tạo cơ hội cho phát triển nhà ở giá rẻ.</p>
211
- <div class="flex justify-between items-center text-sm text-gray-500">
212
- <span>2 ngày trước</
213
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ Here's a complete HTML file for a Vietnamese task management application that integrates with Notion, built with TailwindCSS:
2
+
3
+ ```html
4
  <!DOCTYPE html>
5
  <html lang="vi">
6
  <head>
7
  <meta charset="UTF-8">
8
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
+ <title>Ứng dụng Quản lý Công việc - Kết nối Notion</title>
10
  <script src="https://cdn.tailwindcss.com"></script>
11
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
  <style>
13
+ .task-card:hover {
14
+ transform: translateY(-2px);
15
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 
 
 
 
 
16
  }
17
+ .progress-bar {
18
+ transition: width 0.5s ease-in-out;
19
  }
20
+ .notion-connect-btn {
21
+ background: linear-gradient(135deg, #000000 0%, #2d3436 100%);
22
  }
23
+ .notion-connect-btn:hover {
24
+ background: linear-gradient(135deg, #2d3436 0%, #000000 100%);
 
25
  }
26
  </style>
27
  </head>
28
  <body class="bg-gray-50 font-sans">
29
+ <!-- Header -->
30
+ <header class="bg-indigo-600 text-white shadow-lg">
31
  <div class="container mx-auto px-4 py-6">
32
  <div class="flex justify-between items-center">
33
  <div class="flex items-center space-x-2">
34
+ <i class="fas fa-tasks text-2xl"></i>
35
+ <h1 class="text-2xl font-bold">TaskMaster Việt</h1>
36
  </div>
37
+ <nav class="hidden md:flex space-x-6">
38
+ <a href="#" class="hover:text-indigo-200 font-medium">Trang chủ</a>
39
+ <a href="#" class="hover:text-indigo-200 font-medium">Dự án</a>
40
+ <a href="#" class="hover:text-indigo-200 font-medium">Báo cáo</a>
41
+ <a href="#" class="hover:text-indigo-200 font-medium">Cài đặt</a>
 
 
42
  </nav>
43
+ <div class="flex items-center space-x-4">
44
+ <button id="notionConnectBtn" class="notion-connect-btn text-white px-4 py-2 rounded-lg flex items-center space-x-2">
45
+ <i class="fab fa-notion"></i>
46
+ <span>Kết nối Notion</span>
47
+ </button>
48
+ <div class="w-10 h-10 rounded-full bg-indigo-400 flex items-center justify-center text-white font-bold cursor-pointer">
49
+ <span>NV</span>
50
+ </div>
51
+ </div>
52
  </div>
53
  </div>
54
  </header>
55
 
56
  <!-- Main Content -->
57
  <main class="container mx-auto px-4 py-8">
58
+ <!-- Dashboard Overview -->
59
+ <section class="mb-12">
60
+ <h2 class="text-2xl font-bold mb-6 text-gray-800">Tổng quan công việc</h2>
61
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
62
+ <!-- Total Tasks Card -->
63
+ <div class="bg-white rounded-lg shadow p-6">
64
+ <div class="flex justify-between items-center">
65
+ <div>
66
+ <p class="text-gray-500">Tổng công việc</p>
67
+ <h3 class="text-3xl font-bold text-indigo-600">128</h3>
68
+ </div>
69
+ <div class="bg-indigo-100 p-3 rounded-full">
70
+ <i class="fas fa-tasks text-indigo-600 text-xl"></i>
71
+ </div>
72
+ </div>
73
+ <div class="mt-4">
74
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
75
+ <span>Đã hoàn thành</span>
76
+ <span>64/128</span>
77
+ </div>
78
+ <div class="w-full bg-gray-200 rounded-full h-2">
79
+ <div class="bg-indigo-600 h-2 rounded-full progress-bar" style="width: 50%"></div>
80
+ </div>
81
+ </div>
82
+ </div>
83
+
84
+ <!-- High Priority Card -->
85
+ <div class="bg-white rounded-lg shadow p-6">
86
+ <div class="flex justify-between items-center">
87
+ <div>
88
+ <p class="text-gray-500">Ưu tiên cao</p>
89
+ <h3 class="text-3xl font-bold text-red-600">24</h3>
90
+ </div>
91
+ <div class="bg-red-100 p-3 rounded-full">
92
+ <i class="fas fa-exclamation text-red-600 text-xl"></i>
93
+ </div>
94
+ </div>
95
+ <div class="mt-4">
96
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
97
+ <span>Đã hoàn thành</span>
98
+ <span>8/24</span>
99
+ </div>
100
+ <div class="w-full bg-gray-200 rounded-full h-2">
101
+ <div class="bg-red-600 h-2 rounded-full progress-bar" style="width: 33%"></div>
102
+ </div>
103
+ </div>
104
+ </div>
105
 
106
+ <!-- Overdue Card -->
107
+ <div class="bg-white rounded-lg shadow p-6">
108
+ <div class="flex justify-between items-center">
109
+ <div>
110
+ <p class="text-gray-500">Quá hạn</p>
111
+ <h3 class="text-3xl font-bold text-yellow-600">12</h3>
112
+ </div>
113
+ <div class="bg-yellow-100 p-3 rounded-full">
114
+ <i class="fas fa-clock text-yellow-600 text-xl"></i>
115
+ </div>
116
  </div>
117
+ <div class="mt-4">
118
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
119
+ <span>Đã xử lý</span>
120
+ <span>3/12</span>
121
+ </div>
122
+ <div class="w-full bg-gray-200 rounded-full h-2">
123
+ <div class="bg-yellow-600 h-2 rounded-full progress-bar" style="width: 25%"></div>
124
+ </div>
125
+ </div>
126
+ </div>
127
+
128
+ <!-- Projects Card -->
129
+ <div class="bg-white rounded-lg shadow p-6">
130
+ <div class="flex justify-between items-center">
131
+ <div>
132
+ <p class="text-gray-500">Dự án đang chạy</p>
133
+ <h3 class="text-3xl font-bold text-green-600">7</h3>
134
+ </div>
135
+ <div class="bg-green-100 p-3 rounded-full">
136
+ <i class="fas fa-project-diagram text-green-600 text-xl"></i>
137
+ </div>
138
+ </div>
139
+ <div class="mt-4">
140
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
141
+ <span>Tiến độ trung bình</span>
142
+ <span>65%</span>
143
+ </div>
144
+ <div class="w-full bg-gray-200 rounded-full h-2">
145
+ <div class="bg-green-600 h-2 rounded-full progress-bar" style="width: 65%"></div>
146
  </div>
 
147
  </div>
148
  </div>
149
  </div>
150
  </section>
151
 
152
+ <!-- Task Management Section -->
153
  <section class="mb-12">
154
+ <div class="flex justify-between items-center mb-6">
155
+ <h2 class="text-2xl font-bold text-gray-800">Quản lý công việc</h2>
156
+ <div class="flex space-x-4">
157
+ <button class="bg-indigo-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2">
158
+ <i class="fas fa-plus"></i>
159
+ <span>Thêm công việc</span>
160
+ </button>
161
+ <button class="bg-white border border-gray-300 px-4 py-2 rounded-lg flex items-center space-x-2">
162
+ <i class="fas fa-filter"></i>
163
+ <span>Lọc</span>
164
+ </button>
165
  </div>
166
  </div>
167
 
168
+ <!-- Task List -->
169
+ <div class="bg-white rounded-lg shadow overflow-hidden">
170
+ <div class="grid grid-cols-12 bg-gray-100 p-4 font-medium text-gray-700">
171
+ <div class="col-span-1">#</div>
172
+ <div class="col-span-4">Tên công việc</div>
173
+ <div class="col-span-2">Dự án</div>
174
+ <div class="col-span-2">Hạn chót</div>
175
+ <div class="col-span-2">Trạng thái</div>
176
+ <div class="col-span-1">Hành động</div>
177
+ </div>
178
+
179
+ <!-- Task Items -->
180
+ <div class="divide-y divide-gray-200">
181
+ <!-- Task 1 -->
182
+ <div class="grid grid-cols-12 p-4 items-center hover:bg-gray-50 task-card transition-all duration-200">
183
+ <div class="col-span-1">1</div>
184
+ <div class="col-span-4 font-medium">Thiết kế giao diện người dùng</div>
185
+ <div class="col-span-2 text-indigo-600">Website công ty</div>
186
+ <div class="col-span-2">
187
+ <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">15/06/2023</span>
188
+ </div>
189
+ <div class="col-span-2">
190
+ <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-sm">Đang thực hiện</span>
191
  </div>
192
+ <div class="col-span-1 flex space-x-2">
193
+ <button class="text-gray-500 hover:text-indigo-600">
194
+ <i class="fas fa-edit"></i>
195
+ </button>
196
+ <button class="text-gray-500 hover:text-red-600">
197
+ <i class="fas fa-trash"></i>
198
+ </button>
199
  </div>
200
  </div>
 
201
 
202
+ <!-- Task 2 -->
203
+ <div class="grid grid-cols-12 p-4 items-center hover:bg-gray-50 task-card transition-all duration-200">
204
+ <div class="col-span-1">2</div>
205
+ <div class="col-span-4 font-medium">Phân tích yêu cầu khách hàng</div>
206
+ <div class="col-span-2 text-indigo-600">Hệ thống ERP</div>
207
+ <div class="col-span-2">
208
+ <span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">10/06/2023</span>
 
 
209
  </div>
210
+ <div class="col-span-2">
211
+ <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-sm">Quá hạn</span>
212
+ </div>
213
+ <div class="col-span-1 flex space-x-2">
214
+ <button class="text-gray-500 hover:text-indigo-600">
215
+ <i class="fas fa-edit"></i>
216
+ </button>
217
+ <button class="text-gray-500 hover:text-red-600">
218
+ <i class="fas fa-trash"></i>
219
+ </button>
220
  </div>
221
  </div>
 
222
 
223
+ <!-- Task 3 -->
224
+ <div class="grid grid-cols-12 p-4 items-center hover:bg-gray-50 task-card transition-all duration-200">
225
+ <div class="col-span-1">3</div>
226
+ <div class="col-span-4 font-medium">Kiểm thử module đăng nhập</div>
227
+ <div class="col-span-2 text-indigo-600">App di động</div>
228
+ <div class="col-span-2">
229
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded">20/06/2023</span>
230
+ </div>
231
+ <div class="col-span-2">
232
+ <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-sm">Hoàn thành</span>
233
  </div>
234
+ <div class="col-span-1 flex space-x-2">
235
+ <button class="text-gray-500 hover:text-indigo-600">
236
+ <i class="fas fa-edit"></i>
237
+ </button>
238
+ <button class="text-gray-500 hover:text-red-600">
239
+ <i class="fas fa-trash"></i>
240
+ </button>
241
  </div>
242
  </div>
 
243
 
244
+ <!-- Task 4 -->
245
+ <div class="grid grid-cols-12 p-4 items-center hover:bg-gray-50 task-card transition-all duration-200">
246
+ <div class="col-span-1">4</div>
247
+ <div class="col-span-4 font-medium">Triển khai server production</div>
248
+ <div class="col-span-2 text-indigo-600">Cloud Migration</div>
249
+ <div class="col-span-2">
250
+ <span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">18/06/2023</span>
251
+ </div>
252
+ <div class="col-span-2">
253
+ <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-sm">Đang thực hiện</span>
254
  </div>
255
+ <div class="col-span-1 flex space-x-2">
256
+ <button class="text-gray-500 hover:text-indigo-600">
257
+ <i class="fas fa-edit"></i>
258
+ </button>
259
+ <button class="text-gray-500 hover:text-red-600">
260
+ <i class="fas fa-trash"></i>
261
+ </button>
262
  </div>
263
  </div>
264
  </div>
265
 
266
+ <!-- Pagination -->
267
+ <div class="flex justify-between items-center p-4 border-t border-gray-200">
268
+ <div class="text-sm text-gray-500">
269
+ Hiển thị 1 đến 4 của 128 công việc
270
+ </div>
271
+ <div class="flex space-x-2">
272
+ <button class="px-3 py-1 border border-gray-300 rounded text-gray-600 hover:bg-gray-100">
273
+ <i class="fas fa-chevron-left"></i>
274
+ </button>
275
+ <button class="px-3 py-1 bg-indigo-600 text-white rounded">1</button>
276
+ <button class="px-3 py-1 border border-gray-300 rounded text-gray-600 hover:bg-gray-100">2</button>
277
+ <button class="px-3 py-1 border border-gray-300 rounded text-gray-600 hover:bg-gray-100">3</button>
278
+ <button class="px-3 py-1 border border-gray-300 rounded text-gray-600 hover:bg-gray-100">
279
+ <i class="fas fa-chevron-right"></i>
280
+ </button>
 
281
  </div>
282
  </div>
283
+ </div>
284
+ </section>
285
 
286
+ <!-- Project Management Section -->
287
+ <section>
288
+ <h2 class="text-2xl font-bold mb-6 text-gray-800">Quản lý dự án</h2>
289
+
290
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
291
+ <!-- Project 1 -->
292
+ <div class="bg-white rounded-lg shadow overflow-hidden hover:shadow-lg transition-shadow duration-300">
293
+ <div class="h-2 bg-indigo-600"></div>
294
  <div class="p-6">
295
+ <div class="flex justify-between items-start mb-4">
296
+ <h3 class="text-xl font-bold text-gray-800">Website công ty</h3>
297
+ <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs">Đang triển khai</span>
298
+ </div>
299
+ <p class="text-gray-600 mb-4">Thiết kế và phát triển website giới thiệu công ty với đầy đủ tính năng responsive.</p>
300
+
301
+ <div class="mb-4">
302
+ <div class="flex justify-between text-sm text-gray-500 mb-1">
303
+ <span>Tiến độ</span>
304
+ <span>65%</span>
305
+ </div>
306
+ <div class="w-full bg-gray-200 rounded-full h-2">
307
+ <div class="bg-indigo-600 h-2 rounded-full" style="width: 65%"></div>
308
+ </div>
309
+ </div>
310
+
311
+ <div class="flex justify-between text-sm text-gray-500 mb-4">
312
+ <div>
313
+ <i class="far fa-calendar-alt mr-1"></i>
314
+ <span>15/05 - 30/06</span>
315
+ </div>
316
+ <div>
317
+ <i class="fas fa-tasks mr-1"></i>
318
+ <span>12/24 công việc</span>
319
+ </div>
320
+ </div>
321
+
322
+ <div class="flex justify-between">
323
+ <button class="text-indigo-600 hover:text-indigo-800 font-medium">Xem chi tiết
prompts.txt CHANGED
@@ -1 +1,2 @@
1
- thêm vài viết vào trang: https://huggingface.co/spaces/ducnhat036/web. tin tức về bất động sản đồng nai mới nhất
 
 
1
+ thêm vài viết vào trang: https://huggingface.co/spaces/ducnhat036/web. tin tức về bất động sản đồng nai mới nhất
2
+ viết ứng dụng quản lý công việc, liên kết với notion, thông tin về quản lý dự án công việc, sử dụng bằng tiếng việt