-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
189 lines (174 loc) · 8.84 KB
/
contact.html
File metadata and controls
189 lines (174 loc) · 8.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Liên hệ - FindMate</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/page.css">
</head>
<body>
<header>
<nav>
<a href="index.html" class="logo">
<img src="img/logo-findmate.jpg" alt="FindMate Logo">
<span>FindMate</span>
</a>
<ul class="nav-links" id="nav-links">
<li><a href="index.html#about">
<span lang="vi">Giới thiệu</span>
<span lang="en">About</span>
</a></li>
<li><a href="index.html#how-it-works">
<span lang="vi">Cách dùng</span>
<span lang="en">How it Works</span>
</a></li>
<li><a href="index.html#audience">
<span lang="vi">Đối tượng</span>
<span lang="en">Audience</span>
</a></li>
<li><a href="index.html#core-values">
<span lang="vi">Giá trị</span>
<span lang="en">Values</span>
</a></li>
<li><a href="index.html#testimonials">
<span lang="vi">Đánh giá</span>
<span lang="en">Reviews</span>
</a></li>
<li><a href="index.html#cta">
<span lang="vi">Đăng ký</span>
<span lang="en">Register</span>
</a></li>
</ul>
<div class="controls">
<button id="lang-toggle">EN</button>
<button id="dark-mode-toggle">
<i class="fa-solid fa-moon"></i>
</button>
<button class="menu-toggle" id="menu-toggle">
<i class="fa-solid fa-bars"></i>
</button>
</div>
</nav>
</header>
<main class="page-content">
<h1 lang="vi">Liên hệ chúng tôi</h1>
<h1 lang="en">Contact Us</h1>
<p lang="vi">Bạn có câu hỏi, góp ý, báo lỗi hay mong muốn hợp tác? Hãy gửi tin nhắn cho chúng tôi qua biểu mẫu bên dưới, chúng tôi sẽ phản hồi sớm nhất có thể.</p>
<p lang="en">Have questions, feedback, bug reports, or partnership inquiries? Send us a message using the form below, and we will get back to you as soon as possible.</p>
<h2 lang="vi">Biểu mẫu liên hệ</h2>
<h2 lang="en">Contact Form</h2>
<form class="contact-form" action="#" method="post">
<div class="form-group">
<label for="name" lang="vi">Tên của bạn</label>
<label for="name" lang="en">Your Name</label>
<input type="text" id="name" required>
</div>
<div class="form-group">
<label for="email" lang="vi">Email</label>
<label for="email" lang="en">Email</label>
<input type="email" id="email" required>
</div>
<div class="form-group">
<label for="subject" lang="vi">Chủ đề</label>
<label for="subject" lang="en">Subject</label>
<input type="text" id="subject" required>
</div>
<div class="form-group">
<label for="message" lang="vi">Nội dung</label>
<label for="message" lang="en">Message</label>
<textarea id="message" rows="6" required></textarea>
</div>
<button type="submit" lang="vi">Gửi tin nhắn</button>
<button type="submit" lang="en">Send Message</button>
</form>
<h2 lang="vi">Thông tin khác</h2>
<h2 lang="en">Other Information</h2>
<p>
<strong lang="vi">Email hỗ trợ:</strong>
<strong lang="en">Support Email:</strong>
<a href="mailto:findmatewithstech@gmail.com">findmatewithstech@gmail.com</a>
</p>
<p>
<strong lang="vi">Địa chỉ:</strong>
<strong lang="en">Address (Example):</strong>
<span lang="vi">Tòa nhà UIT, Khu phố 6, P.Linh Trung, Tp.Thủ Đức, Tp.Hồ Chí Minh.</span>
<span lang="en">UIT Building, Quarter 6, Linh Trung Ward, Thu Duc City, Ho Chi Minh City.</span>
</p>
</main>
<footer>
<div class="footer-top-container">
<div class="footer-col" id="footer-brand">
<img src="img/logo-findmate.jpg" alt="FindMate Logo">
<div class="social-links">
<a href="https://www.tiktok.com/@findmate8?is_from_webapp=1&sender_device=pc" target="_blank" title="TikTok"><i class="fa-brands fa-tiktok"></i></a>
<a href="https://www.facebook.com/profile.php?id=61581945898819&locale=vi_VN" target="_blank" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
</div>
</div>
<div class="footer-col" id="footer-company">
<h4>
<span lang="vi">Công ty</span>
<span lang="en">Company</span>
</h4>
<ul>
<li><a href="index.html#about"><span lang="vi">Về chúng tôi</span><span lang="en">About Us</span></a></li>
<li><a href="index.html#core-values"><span lang="vi">Giá trị</span><span lang="en">Values</span></a></li>
</ul>
</div>
<div class="footer-col" id="footer-quicklinks">
<h4>
<span lang="vi">Liên kết nhanh</span>
<span lang="en">Quick Links</span>
</h4>
<ul>
<li><a href="index.html#how-it-works"><span lang="vi">Cách hoạt động</span><span lang="en">How it Works</span></a></li>
<li><a href="index.html#audience"><span lang="vi">Đối tượng</span><span lang="en">Audience</span></a></li>
<li><a href="index.html#comparison"><span lang="vi">So sánh</span><span lang="en">Comparison</span></a></li>
</ul>
</div>
<div class="footer-col" id="footer-help">
<h4>
<span lang="vi">Hỗ trợ</span>
<span lang="en">Help</span>
</h4>
<ul>
<li><a href="faq.html"><span lang="vi">Câu hỏi (FAQs)</span><span lang="en">FAQs</span></a></li>
<li><a href="contact.html"><span lang="vi">Liên hệ</span><span lang="en">Contact Us</span></a></li>
<li><a href="#"><span lang="vi">Địa điểm</span><span lang="en">Location</span></a></li>
</ul>
</div>
<div class="footer-col" id="footer-newsletter">
<h4>
<span lang="vi">Nhận tin từ FindMate</span>
<span lang="en">FindMate in your Inbox</span>
</h4>
<form class="newsletter-form">
<p>
<span lang="vi">Đăng ký để nhận tin tức mới nhất và các nhóm thú vị!</span>
<span lang="en">Sign up for the latest news and interesting new groups!</span>
</p>
<input type="email" placeholder="Nhập email của bạn..." lang="vi">
<input type="email" placeholder="Enter your email..." lang="en">
<button type="submit" lang="vi">Đăng ký</button>
<button type="submit" lang="en">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom-container">
<div class="sub-links">
<a href="privacy.html"><span lang="vi">Chính sách bảo mật</span><span lang="en">Privacy Policy</span></a> |
<a href="terms.html"><span lang="vi">Điều khoản dịch vụ</span><span lang="en">Terms of Service</span></a>
</div>
<p class="copyright">
© 2025 FindMate. All rights reserved. "Find your vibe - Find your mate."
</p>
</div>
</footer>
<button id="back-to-top" title="Go to top"><i class="fa-solid fa-arrow-up"></i></button>
<script src="js/script.js"></script>
</body>
</html>