-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdashboard.html
More file actions
220 lines (214 loc) · 14.7 KB
/
Copy pathdashboard.html
File metadata and controls
220 lines (214 loc) · 14.7 KB
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Dashboard | BrightMind Books</title>
<meta name="description" content="Manage your BrightMind Books orders, downloads, wishlist and account settings.">
<meta name="theme-color" content="#0A1226">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="manifest" href="site.webmanifest">
<meta property="og:title" content="My Dashboard | BrightMind Books">
<meta property="og:description" content="Manage your BrightMind Books orders, downloads, wishlist and account settings.">
<meta property="og:image" content="images/logo-512.png">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<a href="#main" class="skip-link">Skip to content</a>
<div class="topbar">
<div class="container">
<div class="topbar-links">
<a href="about.html">About Us</a>
<a href="blog.html">Blog</a>
<a href="faq.html">Help Center</a>
</div>
<div class="topbar-contact">
<a href="mailto:olatundeajayi87@yahoo.com">olatundeajayi87@yahoo.com</a>
<a href="tel:+2349135878155">+234 913 587 8155</a>
<a href="https://wa.me/2349135878155" target="_blank" rel="noopener">WhatsApp</a>
</div>
</div>
</div>
<header class="navbar">
<div class="container">
<a href="index.html" class="brand">
<img src="images/logo.png" alt="BrightMind Books logo">
<span>
<span class="brand-word">Bright<span>Mind</span></span>
<span class="brand-tag">Learn Smarter. Grow Faster.</span>
</span>
</a>
<nav class="nav-links">
<a href="index.html" class="">Home</a>
<a href="shop.html" class="">Shop</a>
<a href="categories.html" class="">Categories</a>
<a href="authors.html" class="">Authors</a>
<a href="blog.html" class="">Blog</a>
<div class="has-dropdown">
<a href="faq.html">Help</a>
<div class="dropdown">
<a href="faq.html">Help Center / FAQs</a>
<a href="refund-policy.html">Returns & Refund Policy</a>
<a href="privacy-policy.html">Privacy Policy</a>
<a href="terms.html">Terms & Conditions</a>
<a href="cookie-policy.html">Cookie Policy</a>
</div>
</div>
</nav>
<form class="nav-search" data-search-form>
<button type="submit" aria-label="Search"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg></button>
<input type="text" placeholder="Search books, authors, ISBN...">
</form>
<div class="nav-actions">
<a href="wishlist.html" class="icon-btn" aria-label="Wishlist"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z"/></svg><span class="badge" data-wishlist-count>0</span></a>
<a href="cart.html" class="icon-btn" aria-label="Cart"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.6 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6"/></svg><span class="badge" data-cart-count>0</span></a>
<a href="dashboard.html" class="icon-btn" aria-label="Account"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21a8 8 0 1 0-16 0"/><circle cx="12" cy="7" r="4"/></svg></a>
<a href="login.html" class="btn btn-primary btn-sm" style="margin-left:6px;">Sign In</a>
<button class="nav-toggle icon-btn" aria-label="Open menu"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></button>
</div>
</div>
</header>
<div class="mobile-menu">
<button class="close-btn" aria-label="Close menu">×</button>
<nav>
<a href="index.html">Home</a><a href="shop.html">Shop</a><a href="categories.html">Categories</a><a href="authors.html">Authors</a><a href="blog.html">Blog</a><a href="about.html">About</a><a href="contact.html">Contact</a>
<a href="faq.html">Help Center / FAQs</a><a href="refund-policy.html">Returns & Refund Policy</a><a href="privacy-policy.html">Privacy Policy</a><a href="terms.html">Terms & Conditions</a><a href="cookie-policy.html">Cookie Policy</a>
<a href="login.html">Sign In</a>
<a href="register.html">Create Account</a>
</nav>
</div>
<main id="main">
<div class="dash-shell">
<aside class="dash-side">
<div class="footer-brand"><img src="images/logo.png" alt="BrightMind"><strong style="color:#fff;">BrightMind</strong></div>
<div class="side-title">Account</div><a href="dashboard.html" class="active">Overview</a><a href="dashboard.html#orders" class="">My Orders</a><a href="dashboard.html#downloads" class="">Downloads</a><a href="wishlist.html" class="">Wishlist</a><a href="dashboard.html#history" class="">Purchase History</a><a href="dashboard.html#invoices" class="">Invoices</a><div class="side-title">Preferences</div><a href="dashboard.html#settings" class="">Profile Settings</a><a href="dashboard.html#settings" class="">Password</a><a href="dashboard.html#settings" class="">Notifications</a>
<a href="index.html" style="margin-top:20px;color:#F0A93A;">← Back to Store</a>
</aside>
<div class="dash-main">
<div class="panel-head">
<div><h2 style="margin:0;">Welcome back, <span data-user-name>Reader</span> 👋</h2><p style="margin:4px 0 0;">Here's what's happening with your BrightMind account.</p></div>
<a href="shop.html" class="btn btn-primary">Browse Books</a>
</div>
<div class="kpi-grid">
<div class="kpi-card"><span class="label">Books Owned</span><div class="value">7</div><span class="delta up">+2 this month</span></div>
<div class="kpi-card"><span class="label">Wishlist Items</span><div class="value" data-wishlist-count>0</div><span class="delta up">Saved for later</span></div>
<div class="kpi-card"><span class="label">Total Spent</span><div class="value">₦58,200</div><span class="delta up">Lifetime</span></div>
<div class="kpi-card"><span class="label">Learning Streak</span><div class="value">12 days</div><span class="delta up">Keep it going</span></div>
</div>
<div class="panel" id="orders">
<div class="panel-head"><h3 style="margin:0;">Recent Orders</h3><a href="#" style="font-size:.85rem;color:var(--blue);font-weight:600;">View All</a></div>
<table class="data-table">
<thead><tr><th>Order ID</th><th>Book</th><th>Date</th><th>Amount</th><th>Status</th></tr></thead>
<tbody>
<tr><td>#BM-10432</td><td>Prompt Engineering for Beginners</td><td>Jul 8, 2026</td><td>₦8,500</td><td><span class="pill pill-green">Completed</span></td></tr>
<tr><td>#BM-10411</td><td>The AI-Powered Founder</td><td>Jun 30, 2026</td><td>₦11,000</td><td><span class="pill pill-green">Completed</span></td></tr>
<tr><td>#BM-10390</td><td>Money Sense: Personal Finance</td><td>Jun 22, 2026</td><td>₦6,500</td><td><span class="pill pill-gold">Processing</span></td></tr>
</tbody>
</table>
</div>
<div class="panel" id="downloads">
<div class="panel-head"><h3 style="margin:0;">Downloads</h3></div>
<table class="data-table">
<thead><tr><th>Book</th><th>Format</th><th>Devices</th><th></th></tr></thead>
<tbody>
<tr><td>Prompt Engineering for Beginners</td><td>PDF / EPUB</td><td>2 of 4</td><td><a href="#" class="btn btn-ghost btn-sm">Download</a></td></tr>
<tr><td>The AI-Powered Founder</td><td>PDF / EPUB</td><td>1 of 4</td><td><a href="#" class="btn btn-ghost btn-sm">Download</a></td></tr>
</tbody>
</table>
</div>
<div class="panel" id="settings">
<div class="panel-head"><h3 style="margin:0;">Profile Settings</h3></div>
<form data-demo-form data-success-msg="Profile updated successfully">
<div class="field-row">
<div class="field"><label>Full Name</label><input type="text" placeholder="Your name"></div>
<div class="field"><label>Email Address</label><input type="email" placeholder="you@example.com"></div>
</div>
<div class="field-row">
<div class="field"><label>New Password</label><input type="password" placeholder="••••••••"></div>
<div class="field"><label>Notification Preference</label><select><option>All updates</option><option>Order updates only</option><option>None</option></select></div>
</div>
<button class="btn btn-primary" type="submit">Save Changes</button>
</form>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="footer-grid">
<div>
<div class="footer-brand">
<img src="images/logo.png" alt="BrightMind Books">
<div>
<strong style="color:#fff;font-family:var(--font-display);display:block;">BrightMind Books</strong>
<span style="font-size:.75rem;">Ignite Your Mind. Transform Your Life.</span>
</div>
</div>
<p style="font-size:.86rem;max-width:280px;">A premium e-book marketplace and digital learning platform built for African and global readers who want to learn smarter and grow faster.</p>
<div class="footer-social">
<a href="#" aria-label="Facebook"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12z"/></svg></a>
<a href="#" aria-label="Twitter / X"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 2H22l-7.6 8.7L23.4 22h-7.1l-5.6-6.9L4.3 22H1.2l8.1-9.3L1 2h7.3l5 6.3L18.9 2zm-1.2 18h1.7L7.3 4H5.5l12.2 16z"/></svg></a>
<a href="#" aria-label="Instagram"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg></a>
<a href="#" aria-label="LinkedIn"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M6.94 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 8h4v12H5V8zm7 0h3.8v1.7h.05c.53-1 1.83-2 3.77-2 4 0 4.75 2.6 4.75 6.1V20h-4v-5.6c0-1.35-.02-3.1-1.9-3.1-1.9 0-2.2 1.5-2.2 3v5.7h-4V8z"/></svg></a>
</div>
</div>
<div>
<h5>Explore</h5>
<a href="about.html">About BrightMind</a>
<a href="shop.html">Shop</a>
<a href="categories.html">Categories</a>
<a href="authors.html">Authors</a>
<a href="blog.html">Blog</a>
</div>
<div>
<h5>Account</h5>
<a href="dashboard.html">My Dashboard</a>
<a href="wishlist.html">Wishlist</a>
<a href="cart.html">Cart</a>
<a href="login.html">Sign In</a>
<a href="register.html">Create Account</a>
</div>
<div>
<h5>Support</h5>
<a href="faq.html">Help Center / FAQs</a>
<a href="refund-policy.html">Returns & Refund Policy</a>
<a href="privacy-policy.html">Privacy Policy</a>
<a href="terms.html">Terms & Conditions</a>
<a href="cookie-policy.html">Cookie Policy</a>
<a href="contact.html">Contact Us</a>
</div>
<div>
<h5>Newsletter</h5>
<p style="font-size:.84rem;">Get new releases and learning tips in your inbox.</p>
<form data-demo-form data-success-msg="Subscribed successfully" style="display:flex;gap:8px;">
<input type="email" required placeholder="Email address" style="flex:1;min-width:0;padding:10px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;">
<button class="btn btn-primary btn-sm" type="submit">Join</button>
</form>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 BrightMind. All Rights Reserved. Powered by Adavi Digital. Designed for the Future of Digital Learning.</span>
<div class="payment-icons">
<span>STRIPE</span><span>PAYSTACK</span><span>FLUTTERWAVE</span><span>PAYPAL</span>
</div>
</div>
</div>
</footer>
<button class="chatbot-btn" aria-label="Open support chat"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.4 8.4 0 0 1-1 4 8.5 8.5 0 0 1-7.5 4.5A8.4 8.4 0 0 1 8 19l-5 1 1-5a8.4 8.4 0 0 1-1-4 8.5 8.5 0 0 1 4.5-7.5 8.4 8.4 0 0 1 4-1h.5a8.5 8.5 0 0 1 8 8v.5z"/></svg></button>
<div class="chatbot-panel">
<div class="chatbot-head"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.4 8.4 0 0 1-1 4 8.5 8.5 0 0 1-7.5 4.5A8.4 8.4 0 0 1 8 19l-5 1 1-5a8.4 8.4 0 0 1-1-4 8.5 8.5 0 0 1 4.5-7.5 8.4 8.4 0 0 1 4-1h.5a8.5 8.5 0 0 1 8 8v.5z"/></svg> <div><strong>BrightMind Assistant</strong><div style="font-size:.72rem;color:#9AA6C4;">Typically replies instantly</div></div></div>
<div class="chatbot-body"><div class="chatbot-msg bot">Hi! I'm the BrightMind smart assistant. Ask me about orders, books, or your account.</div></div>
<div class="chatbot-foot"><input type="text" placeholder="Type a message..."><button aria-label="Send"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg></button></div>
</div>
<button class="back-to-top" aria-label="Back to top"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></svg></button>
<script src="js/data.js"></script>
<script src="js/script.js"></script>
</body>
</html>