PASTIMES/edit-profile.php at main · FadingPandaa/PASTIMES · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Edit Profile | Pastimes®</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        :root { --studio-blue: #0678eb; }
        body { font-family: 'Inter', sans-serif; }
        .navbar-brand { font-weight: 800; font-size: 24px; color: #000 !important; letter-spacing: 1px; text-transform: uppercase; }
        .form-label { font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
        .form-control { border-radius: 0; border: 1px solid #ddd; padding: 12px; }
        .form-control:focus { border-color: var(--studio-blue); box-shadow: none; }
        .btn-save { background: var(--studio-blue); color: #fff; border: none; padding: 15px; width: 100%; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
        footer { background-color: #000; padding: 60px 0 40px; color: #fff; }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg border-bottom bg-white">
    <div class="container">
        <a class="navbar-brand" href="index.php">Pastimes®</a>
        <a href="profile.php" class="text-dark small fw-bold text-uppercase text-decoration-none">Cancel</a>
    </div>
</nav>

<div class="container my-5 py-5">
    <div class="row">
        <div class="col-md-6 mx-auto">
            <h2 class="fw-black text-uppercase mb-5">Account Settings</h2>
            <form action="update_logic.php" method="POST">
                <div class="mb-4">
                    <label class="form-label">Full Name</label>
                    <input type="text" class="form-control" name="fullname" value="Amo Matlhaga">
                </div>
                <div class="mb-4">
                    <label class="form-label">Email Address</label>
                    <input type="email" class="form-control" name="email" value="amo@example.com">
                </div>
                <div class="mb-4">
                    <label class="form-label">New Password (Leave blank to keep current)</label>
                    <input type="password" class="form-control" name="password">
                </div>
                <div class="mb-5">
                    <label class="form-label">Shipping Address</label>
                    <textarea class="form-control" rows="3">Midrand, Gauteng, South Africa</textarea>
                </div>
                <button type="submit" class="btn-save">Update Profile</button>
            </form>
        </div>
    </div>
</div>

<footer>
    <div class="container text-center">
        <h5 class="mb-2 uppercase" style="letter-spacing: 2px;">Pastimes</h5>
        <div class="pt-3" style="border-top: 1px solid #333; max-width: 340px; margin: 0 auto;">
            <p class="mb-1" style="font-size: 9px; text-transform: uppercase; letter-spacing: 2px; color: #aaa;">Digital Architecture & Direction</p>
            <p class="mb-0"><a href="#" class="text-white text-decoration-none fw-bold" style="letter-spacing: 4px; font-size: 12px;">Amo Matlhaga & Kea Masole</a></p>
        </div>
    </div>
</footer>
</body>
</html>