tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Tieptk
2025-05-12 10:35:33 +07:00
parent af2f1b378d
commit 0797a6bb17
16 changed files with 998 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
template/faq/page_faq_form.html Normal file
View File

@@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BESTPC - Trang chủ</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="../src/assets/css/font.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<link rel="stylesheet" href="../src/assets/css/style.css" rel="stylesheet" />
</head>
<body>
<div class="page-faq-form bg-[#F4F4F4] pb-[100px]">
<div class="container">
<div class="breadcrumb p-[12px_0]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
<p class="font-[600]" itemprop="name">
Hỏi đáp
</p>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<h1 class="text-2xl block mb-3">Nhập câu hỏi của bạn</h1>
<div class="px-3 pt-2.5 pb-12 mt-3.5 bg-white">
<div class="flex gap-[15px]">
<div class="w-[65%]">
<div class="form-input faq mb-[20px]">
<label for="" class="mb-1.5 block font-bold">Tiêu đề</label>
<input type="text" name="title"
class="bg-[#f8f8f8] rounded-[4px_4px_2px_2px] border-0 border-b-[1px] border-[#dddddd]"
placeholder="Mời bạn nhập tiêu đề..." />
<div class="note-error"></div>
</div>
<div class="form-input faq mb-[20px]">
<label for="" class="mb-1.5 block font-bold">Nội dung</label>
<textarea id="product-desc"> </textarea>
</div>
<div class="form-input faq mb-[20px]">
<label for="" class="mb-1.5 block font-bold">Tag</label>
<input type="text" name="title"
class="bg-[#f8f8f8] rounded-[4px_4px_2px_2px] border-0 border-b-[1px] border-[#dddddd]"
placeholder="Mời bạn nhập tiêu đề..." />
<div class="note-error"></div>
</div>
<button type="submit"
class="rounded-[4px] hover:bg-purple-900 px-5 py-2 bg-[var(--color-global)] text-white">Gửi
câu hỏi</button>
</div>
<div class="w-[35%]">
<h3 class="text-xl block pb-2 border-b-[1px] border-[#95989a]">Top các câu hỏi được quan tâm
</h3>
<div class="list mt-2">
<a href="" class="flex items-star mb-2.5 gap-[10px]">
<i
class="not-italic mt-[3px] w-[20px] h-[20px] leading-[20px] text-center text-white block rounded-[4px] bg-gray-500">?</i>
<span
class="line-clamp-2 w-[calc(100%-30px)] text-[var(--color-hover)] hover:text-blue-800 hover:underline">Build
PC cho
người mới bắt đầu như thế
nào, hướng dẫn mình với?</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
tinymce.init({
selector: 'textarea#product-desc',
height: 350,
menubar: true,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: 'undo redo | formatselect | ' +
'bold italic backcolor | alignleft aligncenter ' +
'alignright alignjustify | bullist numlist outdent indent | ' +
'removeformat | help',
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
</script>
</body>
</html>