Add FAQ page

huyhoang2018 · Feb 10, 2018 · 5b89413 · 5b89413
1 parent dc46184
commit 5b89413
Show file tree

Hide file tree

Showing 5 changed files with 92 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -19,6 +19,9 @@
 			<li>
 				<a href="./contact.html" title="Liên Hệ">Liên Hệ</a>
 			</li>
+			<li>
+				<a href="./faq.html" title="FAQ">FAQ</a>
+			</li>
 		</ul>
 	</div>
 	<div class="clear-float"></div>

diff --git a/contact.html b/contact.html
@@ -19,6 +19,9 @@
 			<li class="active">
 				<a href="./contact.html" title="Liên Hệ">Liên Hệ</a>
 			</li>
+			<li>
+				<a href="./faq.html" title="FAQ">FAQ</a>
+			</li>
 		</ul>
 	</div>
 	<div class="clear-float"></div>

diff --git a/faq.html b/faq.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>FAQ - Câu Hỏi Thường Gặp</title>
+	<meta charset="utf-8">
+	<link href="https://fonts.googleapis.com/css?family=Roboto&amp;subset=vietnamese" rel="stylesheet">
+	<link rel="stylesheet" href="stylesheets/main.css">
+</head>
+<body>
+	<!-- menu -->
+	<div class="container" id="main-menu">
+		<ul>
+			<li>
+				<a href="./home.html" title="Trang Chủ">Trang Chủ</a>
+			</li>
+			<li>
+				<a href="./about.html" title="Giới Thiệu">Giới Thiệu</a>
+			</li>
+			<li>
+				<a href="./contact.html" title="Liên Hệ">Liên Hệ</a>
+			</li>
+			<li class="active">
+				<a href="./faq.html" title="FAQ">FAQ</a>
+			</li>
+		</ul>
+	</div>
+	<div class="clear-float"></div>
+	<div class="container" id="main-content">
+		<h1>FAQ - Câu Hỏi Thường Gặp</h1>
+		<div class="item-wrapper">
+			<div class="question">
+				Nếu như có câu hỏi hoặc không hài lòng về dịch vụ chúng tôi có thể khiếu nại với bộ phần nào?
+			</div>
+			<div class="answer">
+				Nếu quý khách không hài lòng về dịch vụ cung cấp bởi công ty chúng tôi quý khách có thể liên hệ bộ phần Chăm Sóc Khách Hàng chúng tôi luôn sẵn lòng hỗ trợ mọi thắc mắc hoặc phàn nàn về dịch vụ.
+			</div>
+		</div>
+		<div class="item-wrapper">
+			<div class="question">
+				Thời gian nhận được trả lời cho thắc mắc hoặc khiếu nại về dịch vụ là bao lâu?
+			</div>
+			<div class="answer">
+				Sau khi tiếp nhận thắc mắc hoặc khiếu nại của quý khách chúng tôi sẽ thực hiện việc xử lý yêu cầu trong vòng tối đa 24h.
+			</div>
+		</div>
+		<div class="item-wrapper">
+			<div class="question">
+				Khách hàng có nhận được hoá đơn khi mua dịch vụ của chúng tôi?
+			</div>
+			<div class="answer">
+				Có, tất cả các khách hàng đều nhận được hoá đơn giá trị gia tăng cho các dịch vụ cung cấp bới công ty chúng tôi.
+			</div>
+		</div>
+		<div class="item-wrapper">
+			<div class="question">
+				Sau khi đặt mua dịch vụ thì quy trình thanh toán sẽ như thế nào?
+			</div>
+			<div class="answer">
+				Sau khi quý khách hàng đặt mua dịch vụ qua điện thoại, email hoặc thông qua bất kỳ một hình thức giao dịch hợp lệ nào khác thì quý khách hàng có thể thanh toán qua dịch vụ Internet Banking, thẻ ATM hoặc thanh toán tại văn phòng chúng tôi.
+			</div>
+		</div>
+	</div>
+
+	<div id="footer">
+		<div class="container">
+			<p>CodeHub.vn &copy; 2018</p>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/home.html b/home.html
@@ -19,6 +19,9 @@
 			<li>
 				<a href="./contact.html" title="Liên Hệ">Liên Hệ</a>
 			</li>
+			<li>
+				<a href="./faq.html" title="FAQ">FAQ</a>
+			</li>
 		</ul>
 	</div>
 	<div class="clear-float"></div>

diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -47,6 +47,19 @@ a, a:hover, a:active, a:focus, a:active:focus {
 	clear: both;
 }
 
+/* faq */
+.item-wrapper {
+	margin-bottom: 20px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+.question {
+	background-color: #f5f5f5;
+	padding: 10px 15px;
+}
+.answer {
+	padding: 15px;
+}
 /* sticky footer */
 #footer {
 	position: absolute;