94 lines
4.7 KiB
HTML
94 lines
4.7 KiB
HTML
|
<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>
|