113 lines
5.2 KiB
HTML
113 lines
5.2 KiB
HTML
|
<div class="w-[100%]">
|
||
|
|
<div class="p-[15px]">
|
||
|
|
<h1 class="text-[24px] font-[700] mb-[15px]">Website giới thiệu</h1>
|
||
|
|
|
||
|
|
<div class="flex">
|
||
|
|
<div
|
||
|
|
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mr-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||
|
|
<div class="flex items-center justify-between pb-[10px] border-b-[1px] border-[#ECECEC]">
|
||
|
|
<div class="left">
|
||
|
|
<b class="text-[24px] block">1.45K</b>
|
||
|
|
<span class="text-[#7E7E7E]">Truy cập web trong tuần này</span>
|
||
|
|
</div>
|
||
|
|
<div class="right">
|
||
|
|
<div
|
||
|
|
class="flex items-center w-[60px] h-[28px] bg-[#E8F7F2] text-[#299D00] justify-center rounded-[4px]">
|
||
|
|
<span class="mr-[5px] font-[700]">12%</span>
|
||
|
|
<i class="fa-solid fa-arrow-up font-[700]"></i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="js-revenue-chart" style="min-height: 335px;"></div>
|
||
|
|
|
||
|
|
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
|
||
|
|
<select name="" id="" class="">
|
||
|
|
<option value="">Last 7 days</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item p-[10px] rounded-[15px] bg-white w-[calc(100%/3)] mx-[7px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||
|
|
<div class="pb-[10px] border-b-[1px] border-[#ECECEC]">
|
||
|
|
<b class="text-[24px] block">Khách hàng biết tới website</b>
|
||
|
|
<select name="" id="" class="text-[#0041E8]">
|
||
|
|
<option value="">28/12/2023 - 03/01/2024</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="js-chart-pie" style="min-height: 335px;"></div>
|
||
|
|
|
||
|
|
<div class="pt-[20px] mt-[10px] border-t-[1px] border-[#ECECEC]">
|
||
|
|
<select name="" id="" class="">
|
||
|
|
<option value="">Last 7 days</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[15px] rounded-[15px] w-[700px] shadow-[0px_1px_1px_0px_#0000001A] my-[15px]">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<div class="flex items-center">
|
||
|
|
<p>Các website mang người xem đến website của quý khách nhiều nhất trong tháng</p>
|
||
|
|
</div>
|
||
|
|
<a href=""
|
||
|
|
class="block w-[30px] h-[30px] leading-[30px] border-[1px] border-[#ECECEC] text-center bg-[#F9F9F9] text-[#9E9E9E] rounded-[4px]">
|
||
|
|
<i class="fa-regular fa-file-excel"></i></a>
|
||
|
|
</div>
|
||
|
|
<table class="table mt-[15px]">
|
||
|
|
<thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
|
||
|
|
<tr>
|
||
|
|
<td class="w-[50px]">STT</td>
|
||
|
|
<td>Nguồn</td>
|
||
|
|
<td class="w-[150px]">Lượt giới thiệu</td>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td class="text-center">1</td>
|
||
|
|
<td>
|
||
|
|
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
|
||
|
|
</td>
|
||
|
|
<td>278</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="text-center">1</td>
|
||
|
|
<td>
|
||
|
|
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
|
||
|
|
</td>
|
||
|
|
<td>278</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="text-center">1</td>
|
||
|
|
<td>
|
||
|
|
<a href="" class="name">Tai nghe NICEHCK Traceless có Mic (Type-C)</a>
|
||
|
|
</td>
|
||
|
|
<td>278</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white p-[15px] mt-[15px] rounded-[15px] shadow-[0px_1px_1px_0px_#0000001A]">
|
||
|
|
<b class="text-[red]">Giải thích thuật ngữ:</b>
|
||
|
|
<ul class="list-disc list-inside">
|
||
|
|
<li class="mb-[5px]">Khi quý khách quảng cáo Sản phẩm, tin tức ở diễn đàn hay ở website nào khác,
|
||
|
|
hãy cố gắng đặt đường link để
|
||
|
|
người dùng click vào link đó và truy cập vào website của quý khách. Càng nhiều đường link, website
|
||
|
|
của
|
||
|
|
quý khách sẽ được
|
||
|
|
các bộ máy tìm kiếm như Google, Yahoo, Bing tìm đến và lưu lại thông tin. Như vậy sẽ có hiệu quả tốt
|
||
|
|
khi
|
||
|
|
người dùng tìm
|
||
|
|
kiếm Google và nhìn thấy được website của quý khách mà không phải là tin bài quý khách đã quảng cáo
|
||
|
|
ở
|
||
|
|
các website khác.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|