Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<div class="page">
<div class="wrap">
<div class="head">
<div>
<h2>Recent orders</h2>
<p>12 orders this month</p>
</div>
<button class="filter">+ Add order</button>
</div>
<table>
<thead>
<tr>
<th>Order</th>
<th>Customer</th>
<th>Amount</th>
<th>Status</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td class="mono">#ORD-9281</td>
<td>
<div class="user">
<span class="av" style="background: linear-gradient(135deg, #a78bfa, #ec4899)"
>SA</span
>Saleh Almasri
</div>
</td>
<td class="amt">$1,248.00</td>
<td><span class="b ok">Paid</span></td>
<td class="muted">Jun 04</td>
</tr>
<tr>
<td class="mono">#ORD-9280</td>
<td>
<div class="user">
<span class="av" style="background: linear-gradient(135deg, #60a5fa, #22d3ee)"
>JK</span
>John Kim
</div>
</td>
<td class="amt">$429.50</td>
<td><span class="b pend">Pending</span></td>
<td class="muted">Jun 04</td>
</tr>
<tr>
<td class="mono">#ORD-9279</td>
<td>
<div class="user">
<span class="av" style="background: linear-gradient(135deg, #f59e0b, #ef4444)"
>MR</span
>Maria R.
</div>
</td>
<td class="amt">$2,100.00</td>
<td><span class="b ok">Paid</span></td>
<td class="muted">Jun 03</td>
</tr>
<tr>
<td class="mono">#ORD-9278</td>
<td>
<div class="user">
<span class="av" style="background: linear-gradient(135deg, #10b981, #06b6d4)"
>DL</span
>David L.
</div>
</td>
<td class="amt">$89.00</td>
<td><span class="b fail">Refunded</span></td>
<td class="muted">Jun 02</td>
</tr>
<tr>
<td class="mono">#ORD-9277</td>
<td>
<div class="user">
<span class="av" style="background: linear-gradient(135deg, #8b5cf6, #3b82f6)"
>YT</span
>Yara T.
</div>
</td>
<td class="amt">$675.20</td>
<td><span class="b ok">Paid</span></td>
<td class="muted">Jun 01</td>
</tr>
</tbody>
</table>
</div>
</div>
rloop.dev/p/Pr-C34