Hugging Face's logo

Spaces:
Webtekycn
/
f4-chat
Running

App Files Community
school44s commited on
Commit
473bebb
·
verified ·
1 Parent(s): a1bb9f8

Upload index.html

Browse files
Files changed (1) hide show
  1. index.html +100 -111
index.html CHANGED
@@ -1,111 +1,100 @@
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>DB-chat</title>
7
- <style>
8
- body {
9
- margin: 0;
10
- font-family: Arial, sans-serif;
11
- line-height: 1.6;
12
- color: #333;
13
- background: url("https://tse4.mm.bing.net/th/id/OIP.Gjq7Ws28usuN4HeuV80N_AHaEK?r=0&rs=1&pid=ImgDetMain&o=7&rm=3") no-repeat center center fixed;
14
- background-size: cover;
15
- display: flex;
16
- justify-content: center;
17
- align-items: center;
18
- height: 100vh;
19
- }
20
-
21
- .popup {
22
- background: rgba(255, 255, 255, 0.2);
23
- backdrop-filter: blur(10px);
24
- border-radius: 15px;
25
- padding: 2rem;
26
- width: 90%;
27
- max-width: 600px;
28
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
29
- text-align: center;
30
- }
31
-
32
- header {
33
- color: #fff;
34
- margin-bottom: 1rem;
35
- }
36
-
37
- header h1 {
38
- margin: 0;
39
- font-size: 2rem;
40
- }
41
-
42
- nav {
43
- margin-top: 1rem;
44
- }
45
-
46
- nav a {
47
- color: #61dafb;
48
- margin: 0 10px;
49
- text-decoration: none;
50
- font-weight: bold;
51
- }
52
-
53
- .hero {
54
- margin-top: 2rem;
55
- color: white;
56
- }
57
-
58
- .hero h2 {
59
- font-size: 2rem;
60
- margin-bottom: 10px;
61
- }
62
-
63
- .hero p {
64
- font-size: 1.1rem;
65
- margin-bottom: 20px;
66
- }
67
-
68
- .hero a {
69
- background-color: white;
70
- color: #0083b0;
71
- padding: 10px 20px;
72
- text-decoration: none;
73
- border-radius: 5px;
74
- font-weight: bold;
75
- transition: background-color 0.3s;
76
- }
77
-
78
- .hero a:hover {
79
- background-color: #f0f0f0;
80
- }
81
-
82
- footer {
83
- margin-top: 2rem;
84
- color: #fff;
85
- font-size: 0.9rem;
86
- }
87
- </style>
88
- </head>
89
- <body>
90
- <div class="popup">
91
- <header>
92
- <h1>DB-chat</h1>
93
- <nav>
94
- <a href="index.html">Trang chủ</a>
95
- <a href="index2.html">Trò chuyện</a>
96
- <a href="forms.html">Đánh giá</a>
97
- </nav>
98
- </header>
99
-
100
- <section class="hero">
101
- <h2>Chào mừng bạn đến với DB-chat</h2>
102
- <p>Trải nghiệm nền tảng trò chuyện thông minh và tiện lợi nhất.</p>
103
- <a href="index2.html">Bắt đầu trò chuyện</a>
104
- </section>
105
-
106
- <footer>
107
- &copy; 2025 DB-chat. Đã đăng ký bản quyền.
108
- </footer>
109
- </div>
110
- </body>
111
- </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>DB-chat</title>
7
+ <style>
8
+ body {
9
+ margin: 0;
10
+ font-family: Arial, sans-serif;
11
+ line-height: 1.6;
12
+ color: #333;
13
+ }
14
+
15
+ header {
16
+ background: #20232a;
17
+ color: #fff;
18
+ padding: 1rem 2rem;
19
+ display: flex;
20
+ justify-content: space-between;
21
+ align-items: center;
22
+ }
23
+
24
+ header h1 {
25
+ margin: 0;
26
+ font-size: 1.8rem;
27
+ }
28
+
29
+ nav a {
30
+ color: #61dafb;
31
+ margin-left: 20px;
32
+ text-decoration: none;
33
+ font-weight: bold;
34
+ }
35
+
36
+ .hero {
37
+ background: linear-gradient(to right, #00b4db, #0083b0);
38
+ color: white;
39
+ padding: 100px 20px;
40
+ text-align: center;
41
+ }
42
+
43
+ .hero h2 {
44
+ font-size: 2.5rem;
45
+ margin-bottom: 20px;
46
+ }
47
+
48
+ .hero p {
49
+ font-size: 1.2rem;
50
+ margin-bottom: 30px;
51
+ }
52
+
53
+ .hero a {
54
+ background-color: white;
55
+ color: #0083b0;
56
+ padding: 12px 24px;
57
+ text-decoration: none;
58
+ border-radius: 5px;
59
+ font-weight: bold;
60
+ transition: background-color 0.3s;
61
+ }
62
+
63
+ .hero a:hover {
64
+ background-color: #f0f0f0;
65
+ }
66
+
67
+ footer {
68
+ background: #20232a;
69
+ color: white;
70
+ text-align: center;
71
+ padding: 1rem 0;
72
+ position: relative;
73
+ bottom: 0;
74
+ width: 100%;
75
+ }
76
+ </style>
77
+ </head>
78
+ <body>
79
+
80
+ <header>
81
+ <h1>DB-chat</h1>
82
+ <nav>
83
+ <a href="index.html">Trang chủ</a>
84
+ <a href="chat.html">Trò chuyện</a>
85
+ <a href="#">Giới thiệu</a>
86
+ </nav>
87
+ </header>
88
+
89
+ <section class="hero">
90
+ <h2>Chào mừng bạn đến với DB-chat</h2>
91
+ <p>Trải nghiệm nền tảng trò chuyện thông minh và tiện lợi nhất.</p>
92
+ <a href="index2.html">Bắt đầu trò chuyện</a>
93
+ </section>
94
+
95
+ <footer>
96
+ &copy; 2025 DB-chat. Đã đăng ký bản quyền.
97
+ </footer>
98
+
99
+ </body>
100
+ </html>