<div class="orders-shortcode-container container my-4 boxed"> <div class="section_title mb-4"> <h2 class="fw-bold">Recent Orders</h2> <div class="title_line"></div> </div> <div class="card shadow-sm border-0"> <div class="card-body p-0"> <div class="table-responsive"> <table class="table table-hover align-middle mb-0"> <thead class="bg-light"> <tr> <th class="ps-4">Order #</th> <th>Customer</th> <th>Date</th> <th>Status</th> <th class="text-end pe-4">Total</th> </tr> </thead> <tbody> <tr> <td class="ps-4 fw-bold text-primary">#2604010001</td> <td> <div class="d-flex flex-column"> <span class="fw-medium">testuser1</span> <small class="text-muted">testuser1@gmail.com</small> </div> </td> <td>1 Apr 2026</td> <td> <span class="badge rounded-pill bg-secondary px-3">N/A</span> </td> <td class="text-end pe-4 fw-bold"> ₹ 234 </td> </tr> <tr> <td class="ps-4 fw-bold text-primary">#ORD-1775038616207</td> <td> <div class="d-flex flex-column"> <span class="fw-medium">testuser1</span> <small class="text-muted">testuser1@gmail.com</small> </div> </td> <td>1 Apr 2026</td> <td> <span class="badge rounded-pill bg-secondary px-3">N/A</span> </td> <td class="text-end pe-4 fw-bold"> ₹ 500 </td> </tr> <tr> <td class="ps-4 fw-bold text-primary">#ORD-806419-ZL9V</td> <td> <div class="d-flex flex-column"> <span class="fw-medium">Priyanka </span> <small class="text-muted">priyanh8@gamil.com</small> </div> </td> <td>30 Mar 2026</td> <td> <span class="badge rounded-pill bg-secondary px-3">N/A</span> </td> <td class="text-end pe-4 fw-bold"> ₹ 904 </td> </tr> <tr> <td class="ps-4 fw-bold text-primary">#ORD-811249-SP4M</td> <td> <div class="d-flex flex-column"> <span class="fw-medium">peiahab</span> <small class="text-muted">priyanh8@gamil.com</small> </div> </td> <td>30 Mar 2026</td> <td> <span class="badge rounded-pill bg-secondary px-3">N/A</span> </td> <td class="text-end pe-4 fw-bold"> ₹ 3902 </td> </tr> <tr> <td class="ps-4 fw-bold text-primary">#ORD-723413-59RS</td> <td> <div class="d-flex flex-column"> <span class="fw-medium">Aniket</span> <small class="text-muted">aniket@gmail.com</small> </div> </td> <td>28 Mar 2026</td> <td> <span class="badge rounded-pill bg-secondary px-3">N/A</span> </td> <td class="text-end pe-4 fw-bold"> ₹ 3875 </td> </tr> </tbody> </table> </div> </div> </div> </div> <style> .orders-shortcode-container .card { border-radius: 12px; overflow: hidden; } .orders-shortcode-container .table thead th { padding: 15px 12px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; color: #6c757d; font-weight: 600; } .orders-shortcode-container .table tbody td { padding: 18px 12px; font-size: 0.95rem; } .orders-shortcode-container .title_line { width: 60px; height: 3px; background: var(--primary-color, #007bff); margin-top: 10px; border-radius: 2px; } .orders-shortcode-container .badge { font-weight: 500; font-size: 0.8rem; } </style>