Hugging Face's logo

Spaces:
ducnhat036
/
web1
Running

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

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +213 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Web1
3
- emoji: 🏆
4
- colorFrom: yellow
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: web1
3
+ emoji: 🐳
4
+ colorFrom: pink
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,213 @@
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
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
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