Aside column
Three columns: a navigation sidebar, the main content and a sticky aside for the order summary.
<body>
<flux:sidebar sticky collapsible="mobile">…</flux:sidebar>
<flux:header sticky>…</flux:header>
<flux:main>…</flux:main>
<flux:aside sticky class="w-80">…</flux:aside>
</body>
sidebar
header
main
aside
footer
The aside column takes the main and footer rows and starts below the header.
Latest orders
|
Product
|
Status
|
|
Amount
|
|---|---|---|---|
|
|
2 days ago |
13%
42,500,000
Toman
|
|
|
|
1 day ago |
1,890,000
Toman
|
|
|
|
6 hours ago |
30%
245,000
Toman
|
|
|
|
2 hours ago |
3,200,000
Toman
|
Flash deals
Ends in:
07
hours
42
min
00
sec