95 lines
4.1 KiB
HTML
95 lines
4.1 KiB
HTML
|
<div class="w-[100%]">
|
||
|
|
<div class="p-[15px]">
|
||
|
|
<h1 class="text-[24px] font-[700] mb-[15px]">Thống kê tìm kiếm</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">Công cụ tìm kiếm 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>Tìm kiếm tại website nhiều nhất trong 30 ngày qua</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>
|
||
|
|
</div>
|