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<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Account</title>
</head>
<body>
<aside>
<button id="toggle-navigation" aria-expanded="false">Show Navigation</button>
<nav id="main-navigation" hidden>
<ul>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="issues.html">Issues</a></li>
<li><a href="urls.html">URLs</a></li>
<li><a href="scans.html">Scans</a></li>
</ul> </nav>
</aside>
<main>
<h1>Account</h1>
<section id="user_settings">
<h2>User Settings</h2>
<button>Logout</button>
<form>
<fieldset>
<legend>Account Settings</legend>
<label for="first-name">First Name:</label>
<input type="text" id="first-name" name="first-name" required>
<label for="last-name">Last Name:</label>
<input type="text" id="last-name" name="last-name" required>
<label for="email">Email Address:</label><br>
<input type="email" id="email" name="email" disabled value="user@example.com">
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<label for="confirm-password">Confirm Password:</label>
<input type="password" id="confirm-password" name="confirm-password" required>
<button>Update Account</button>
</fieldset>
</form>
<form>
<fieldset>
<legend>Danger Zone</legend>
<button>Delete Account</button>
</fieldset>
</form>
</section>
<section id="team">
<h2>Team</h2>
<h3>Team Members</h3>
<ul>
<li>Example Member - Owner</li>
<li>Another Member - <button>Delete</button> <button>Make Owner</button></li>
<li>THird Member - <button>Delete</button> <button>Make Owner</button></li>
</ul>
<h3>Invite New Members</h3>
<form>
<fieldset>
<legend>Invite Member</legend>
<label for="invite-email">Email Address:</label>
<input type="email" id="invite-email" name="invite-email" required>
<button type="submit">Send Invite</button>
</fieldset>
</form>
</section>
<section id="billing">
<h2>Billing</h2>
<h3>Current Plan</h3>
<ul>
<li>10,000 Scans Per Month</li>
<li>24 Hour Response Time</li>
<li>$10,0000 + $20/mo/user</li>
</ul>
<h3>Manage Billing</h3>
Billing is managed through Stripe.
<button>Visit Stripe</button>
</section>
<section id="logs">
<h2>Related Logs</h2>
<table>
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Time</th>
<th scope="col">Trigger</th>
<th scope="col">Related Scan</th>
<th scope="col">Page Count</th>
<th scope="col">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="log_details.html">293</a></td>
<td>12-2-2024 at 03:30:02</td>
<td>Monitor</td>
<td><a href="scan_details.html">Sample Scan</a></td>
<td>232</td>
<td>Scan Success</td>
</tr>
<tr>
<td><a href="log_details.html">23</a></td>
<td>12-1-2024 at 11:34:21</td>
<td>User: Blake</td>
<td><a href="scan_details.html">Sample Scan</a></td>
<td>23</td>
<td>Scan Success</td>
</tr>
</tbody>
</table>
<nav aria-label="Logs">
Showing 2 of 2 Logs <button disabled>Load More Logs</button>
</nav>
</section>
</main>
<footer>
<nav aria-label="Footer">
<a href="account.html" aria-current="page">Account</a>
</nav>
</footer>
<script src="script.js"></script>
</body>
</html>