2025-08-04 11:44:00 +00:00
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Dashboard</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="page-wrapper">
|
2025-08-05 06:00:54 +00:00
|
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Radiance Jewels</div><ul class="nav-1-nav-links"><li><a href="index.html">Home</a></li><li><a href="product_catalog.html">Product Catalog</a></li><li><a href="shopping_cart.html">Shopping Cart</a></li><li><a href="checkout.html">Checkout</a></li><li><a href="login.html">Login</a></li><li><a href="dashboard.html">Dashboard</a></li><li><a href="order_history.html">Order History</a></li><li><a href="user_profile.html">User Profile</a></li><li><a href="sign_up.html">Sign Up</a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Sign Up</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
2025-08-04 11:44:00 +00:00
|
|
|
<section class="welcome-header">
|
|
|
|
|
<div class="welcome-content">
|
|
|
|
|
<h1 class="welcome-title">Discover Your Perfect Sparkle</h1>
|
|
|
|
|
<p class="welcome-tagline">
|
|
|
|
|
Elegance crafted, memories cherished. Explore our exquisite collections of fine jewelry.
|
|
|
|
|
</p>
|
|
|
|
|
<a href="#shop-now" class="welcome-cta">Shop Our Collections</a>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="quick-access-section">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<h2 class="section-title">Quick Access & Collections</h2>
|
|
|
|
|
<div class="quick-access-grid">
|
|
|
|
|
|
|
|
|
|
<a href="#" class="quick-access-card" aria-label="Shop our exquisite collection of Rings">
|
|
|
|
|
<div class="card-icon">
|
|
|
|
|
<img src="https://via.placeholder.com/64x64/f0e68c/333?text=Rings" alt="Icon for Rings category">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="card-title">Shop Rings</h3>
|
|
|
|
|
<p class="card-description">Discover stunning rings for every occasion.</p>
|
|
|
|
|
<span class="card-link" aria-hidden="true">Explore Rings →</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="quick-access-card" aria-label="Browse our elegant collection of Necklaces">
|
|
|
|
|
<div class="card-icon">
|
|
|
|
|
<img src="https://via.placeholder.com/64x64/f0e68c/333?text=Necklaces" alt="Icon for Necklaces category">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="card-title">Shop Necklaces</h3>
|
|
|
|
|
<p class="card-description">Find the perfect necklace to adorn your neck.</p>
|
|
|
|
|
<span class="card-link" aria-hidden="true">Explore Necklaces →</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="quick-access-card" aria-label="View items in your Shopping Cart">
|
|
|
|
|
<div class="card-icon">
|
|
|
|
|
<img src="https://via.placeholder.com/64x64/f0e68c/333?text=Cart" alt="Icon for Shopping Cart">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="card-title">My Cart</h3>
|
|
|
|
|
<p class="card-description">Review and manage items in your cart.</p>
|
|
|
|
|
<span class="card-link" aria-hidden="true">View Cart →</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="quick-access-card" aria-label="Access your Order History and details">
|
|
|
|
|
<div class="card-icon">
|
|
|
|
|
<img src="https://via.placeholder.com/64x64/f0e68c/333?text=Orders" alt="Icon for Order History">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="card-title">My Orders</h3>
|
|
|
|
|
<p class="card-description">Track your past and pending orders.</p>
|
|
|
|
|
<span class="card-link" aria-hidden="true">View Orders →</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="quick-access-card" aria-label="Discover our latest New Arrivals">
|
|
|
|
|
<div class="card-icon">
|
|
|
|
|
<img src="https://via.placeholder.com/64x64/f0e68c/333?text=New" alt="Icon for New Arrivals">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="card-title">New Arrivals</h3>
|
|
|
|
|
<p class="card-description">Be the first to explore our latest jewelry designs.</p>
|
|
|
|
|
<span class="card-link" aria-hidden="true">Discover Now →</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="quick-access-card" aria-label="Find the perfect Gift Ideas">
|
|
|
|
|
<div class="card-icon">
|
|
|
|
|
<img src="https://via.placeholder.com/64x64/f0e68c/333?text=Gift" alt="Icon for Gift Ideas">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="card-title">Gift Ideas</h3>
|
|
|
|
|
<p class="card-description">Curated selections for every special occasion.</p>
|
|
|
|
|
<span class="card-link" aria-hidden="true">Browse Gifts →</span>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Recent Orders Snapshot</title>
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<section class="dashboard-section" aria-labelledby="recentOrdersHeading">
|
|
|
|
|
<h2 id="recentOrdersHeading">Recent Orders Snapshot</h2>
|
|
|
|
|
|
|
|
|
|
<div class="order-list">
|
|
|
|
|
<article class="order-card" aria-labelledby="order1Heading">
|
|
|
|
|
<h3 id="order1Heading">Order #ADG78901</h3>
|
|
|
|
|
<div class="order-info">
|
|
|
|
|
<p><strong>Date:</strong> <span>Oct 26, 2023</span></p>
|
|
|
|
|
<p><strong>Total:</strong> <span>₹ 15,499.00</span></p>
|
|
|
|
|
<p><strong>Items:</strong> <span>2 items</span></p>
|
|
|
|
|
<p><strong>Status:</strong> <span class="order-status status-delivered">Delivered</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="#order-details-1" class="view-details-link">View Details</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="order-card" aria-labelledby="order2Heading">
|
|
|
|
|
<h3 id="order2Heading">Order #ADG78902</h3>
|
|
|
|
|
<div class="order-info">
|
|
|
|
|
<p><strong>Date:</strong> <span>Oct 20, 2023</span></p>
|
|
|
|
|
<p><strong>Total:</strong> <span>₹ 7,850.00</span></p>
|
|
|
|
|
<p><strong>Items:</strong> <span>1 item</span></p>
|
|
|
|
|
<p><strong>Status:</strong> <span class="order-status status-shipped">Shipped</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="#order-details-2" class="view-details-link">View Details</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="order-card" aria-labelledby="order3Heading">
|
|
|
|
|
<h3 id="order3Heading">Order #ADG78903</h3>
|
|
|
|
|
<div class="order-info">
|
|
|
|
|
<p><strong>Date:</strong> <span>Oct 15, 2023</span></p>
|
|
|
|
|
<p><strong>Total:</strong> <span>₹ 22,100.00</span></p>
|
|
|
|
|
<p><strong>Items:</strong> <span>3 items</span></p>
|
|
|
|
|
<p><strong>Status:</strong> <span class="order-status status-pending">Pending</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="#order-details-3" class="view-details-link">View Details</a>
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Optional: Message if no recent orders -->
|
|
|
|
|
<!-- <div class="no-orders-message">
|
|
|
|
|
<p>You haven't placed any orders recently.</p>
|
|
|
|
|
<p>Explore our exquisite collection to find your next favorite piece!</p>
|
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
<div class="full-history-link-container">
|
|
|
|
|
<a href="#order-history" class="full-history-link">View All Order History</a>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="recommended-products-section">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<h2 class="section-title">Recommended for You</h2>
|
|
|
|
|
<div class="product-grid">
|
|
|
|
|
<article class="product-card">
|
|
|
|
|
<a href="#" class="product-link">
|
|
|
|
|
<div class="product-image-wrapper">
|
|
|
|
|
<img src="https://via.placeholder.com/300x300/F0E6D2/A38C7A?text=Elegant+Diamond+Ring" alt="Elegant Diamond Ring" class="product-image">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="product-title">Elegant Diamond Ring</h3>
|
|
|
|
|
<p class="product-price">$1,299.00</p>
|
|
|
|
|
<p class="product-description">A timeless piece crafted with precision and brilliance.</p>
|
|
|
|
|
</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="product-card">
|
|
|
|
|
<a href="#" class="product-link">
|
|
|
|
|
<div class="product-image-wrapper">
|
|
|
|
|
<img src="https://via.placeholder.com/300x300/DEDCD3/8A7B6D?text=Classic+Pearl+Necklace" alt="Classic Pearl Necklace" class="product-image">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="product-title">Classic Pearl Necklace</h3>
|
|
|
|
|
<p class="product-price">$850.00</p>
|
|
|
|
|
<p class="product-description">Sophistication personified with lustrous freshwater pearls.</p>
|
|
|
|
|
</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="product-card">
|
|
|
|
|
<a href="#" class="product-link">
|
|
|
|
|
<div class="product-image-wrapper">
|
|
|
|
|
<img src="https://via.placeholder.com/300x300/F0E6D2/A38C7A?text=Minimalist+Gold+Bangle" alt="Minimalist Gold Bangle" class="product-image">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="product-title">Minimalist Gold Bangle</h3>
|
|
|
|
|
<p class="product-price">$450.00</p>
|
|
|
|
|
<p class="product-description">Understated elegance for everyday wear or special occasions.</p>
|
|
|
|
|
</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="product-card">
|
|
|
|
|
<a href="#" class="product-link">
|
|
|
|
|
<div class="product-image-wrapper">
|
|
|
|
|
<img src="https://via.placeholder.com/300x300/DEDCD3/8A7B6D?text=Sparkling+Stud+Earrings" alt="Sparkling Stud Earrings" class="product-image">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 class="product-title">Sparkling Stud Earrings</h3>
|
|
|
|
|
<p class="product-price">$620.00</p>
|
|
|
|
|
<p class="product-description">Delicate and dazzling, perfect for adding a subtle sparkle.</p>
|
|
|
|
|
</a>
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Account Settings Link Section</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<section class="account-settings-link-section">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<header class="section-header">
|
|
|
|
|
<h2>Your Account Settings</h2>
|
|
|
|
|
<p>Manage your profile, orders, and preferences to personalize your shopping experience.</p>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="settings-grid">
|
|
|
|
|
<article class="setting-item">
|
|
|
|
|
<span class="icon profile" aria-hidden="true"></span>
|
|
|
|
|
<h3>Profile Information</h3>
|
|
|
|
|
<p>Update your personal details, email, and contact information.</p>
|
|
|
|
|
<a href="/account/profile" class="view-link">Edit Profile</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="setting-item">
|
|
|
|
|
<span class="icon security" aria-hidden="true"></span>
|
|
|
|
|
<h3>Security & Login</h3>
|
|
|
|
|
<p>Change your password or manage your login preferences.</p>
|
|
|
|
|
<a href="/account/security" class="view-link">Manage Security</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="setting-item">
|
|
|
|
|
<span class="icon orders" aria-hidden="true"></span>
|
|
|
|
|
<h3>Order History</h3>
|
|
|
|
|
<p>View details of your past and current orders, track shipments.</p>
|
|
|
|
|
<a href="/account/orders" class="view-link">View Orders</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="setting-item">
|
|
|
|
|
<span class="icon address" aria-hidden="true"></span>
|
|
|
|
|
<h3>Shipping Addresses</h3>
|
|
|
|
|
<p>Add, edit, or remove your shipping and billing addresses.</p>
|
|
|
|
|
<a href="/account/addresses" class="view-link">Manage Addresses</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="setting-item">
|
|
|
|
|
<span class="icon payment" aria-hidden="true"></span>
|
|
|
|
|
<h3>Payment Methods</h3>
|
|
|
|
|
<p>Securely save and manage your preferred payment options.</p>
|
|
|
|
|
<a href="/account/payment" class="view-link">Manage Payments</a>
|
|
|
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<article class="setting-item">
|
|
|
|
|
<span class="icon preferences" aria-hidden="true"></span>
|
|
|
|
|
<h3>Communication Prefs</h3>
|
|
|
|
|
<p>Adjust your email notification settings and newsletter subscriptions.</p>
|
|
|
|
|
<a href="/account/preferences" class="view-link">Update Preferences</a>
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">Gleam Jewels</h3><p class="footer-1-newsletter-text">Unlock exclusive sparkle! Join our newsletter for dazzling new arrivals, special offers, and styling tips.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Your email address"><button class="footer-1-subscribe-btn">Shine With Us</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to with our </span><a href="#">Privacy Policy</a><span> and provide consent to receive updates from our company.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Explore</h4><ul><li><a href="rings.html">Rings</a></li><li><a href="necklaces.html">Necklaces</a></li><li><a href="bangles.html">Bangles</a></li><li><a href="earrings.html">Earrings</a></li><li><a href="new_arrivals.html">New Arrivals</a></li></ul></div><div class="footer-1-column"><h4>Support</h4><ul><li><a href="about_us.html">About Us</a></li><li><a href="contact_us.html">Contact Us</a></li><li><a href="faq.html">FAQ</a></li><li><a href="shipping_returns.html">Shipping & Returns</a></li><li><a href="customer_dashboard.html">Customer Dashboard</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2025 Gleam Jewels. All rights reserved.</p><ul class="footer-1-links"><li><a href="product_detail.html">Product Detail</a></li><li><a href="order_confirmation.html">Order Confirmation</a></li><li><a href="admin_login.html">Admin Login</a></li><li><a href="admin_dashboard.html">Admin Dashboard</a></li><li><a href="admin_product_management.html">Admin Product Management</a></li><li><a href="admin_add_product.html">Admin Add Product</a></li><li><a href="admin_edit_product.html">Admin Edit Product</a></li><li><a href="admin_order_management.html">Admin Order Management</a></li><li><a href="admin_user_management.html">Admin User Management</a></li></ul></div></section></div>
|
2025-08-05 06:00:54 +00:00
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Recent Orders Snapshot</title>
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Account Settings Link Section</title>
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
2025-08-04 11:44:00 +00:00
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
|
document.body.style.display = 'none';
|
|
|
|
|
setTimeout(function() { document.body.style.display = ''; }, 10);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
