OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/09/2025 11:18:49 AM	rwxr-xr-x
📄 about.php	2.06 KB	08/20/2024 11:17:08 AM	rw-r--r--
📁 assets	-	08/20/2024 11:17:08 AM	rwxr-xr-x
📄 blog.php	5.35 KB	08/20/2024 11:17:08 AM	rw-r--r--
📁 cream	-	09/23/2024 04:31:51 AM	rwxr-xr-x
📄 dashboard.php	788 bytes	08/20/2024 11:17:08 AM	rw-r--r--
📄 db.php	378 bytes	08/20/2024 11:17:08 AM	rw-r--r--
📄 footer.html	3.76 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 forgot-password-handler.php	2.13 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 forgot-password.php	4.52 KB	08/20/2024 11:17:08 AM	rw-r--r--
📁 includes	-	08/20/2024 11:17:08 AM	rwxr-xr-x
📄 index.php	5.94 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 login-handler.php	869 bytes	08/20/2024 11:17:08 AM	rw-r--r--
📄 login.php	4.72 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 navbar.php	830 bytes	08/20/2024 11:17:08 AM	rw-r--r--
📄 refundPolicy.php	5.99 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 reset-password-handler.php	910 bytes	08/20/2024 11:38:06 AM	rw-r--r--
📄 reset-password.php	2.95 KB	08/21/2024 05:04:57 AM	rw-r--r--
📄 service.php	4.29 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 signup-handler.php	1.04 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 signup.php	5.98 KB	08/20/2024 11:17:08 AM	rw-r--r--
📄 usagePolicy.php	15.21 KB	08/20/2024 11:17:08 AM	rw-r--r--

Editing: forgot-password.php

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <title>Forgot Password - Knobly Xpress</title>
    <style>
        /* General Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

/* Body Styling */
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background: linear-gradient(135deg, #f4f5f7, #e0e3e7); /* Subtle gradient */
            color: #333;
        }

/* Container Styling */
        .auth-container {
            background: #ffffff; /* White background for the container */
            padding: 2rem 2.5rem;
            border-radius: 12px; /* Rounded corners */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 400px;
            width: 100%;
            text-align: center;
            margin: 1rem;
            border: 1px solid #e0e3e7; /* Border for better separation */
        }

/* Heading Styling */
        .auth-container h2 {
            margin-bottom: 1.5rem;
            font-size: 1.8rem;
            font-weight: 600;
            color: #0052cc; /* Brand color */
        }

/* Form Styling */
        form {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

/* Input Fields */
        .input-group {
            display: flex;
            align-items: center;
            background: #f9f9f9; /* Light background for inputs */
            border: 1px solid #ddd;
            border-radius: 8px; /* Rounded corners */
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

.input-group input {
            border: none;
            background: none;
            color: #333;
            padding: 0.75rem;
            border-radius: 8px;
            font-size: 1rem;
            width: 100%;
        }

.input-group i {
            color: #0052cc; /* Icon color */
            padding: 0.75rem;
            font-size: 1.25rem;
            background: #e0e3e7;
            border-radius: 8px 0 0 8px;
        }

.input-group input:focus {
            border-color: #0052cc; /* Blue border on focus */
            box-shadow: 0 0 5px rgba(0, 82, 204, 0.3); /* Subtle shadow on focus */
            outline: none;
        }

/* Button Styling */
        button {
            background: #0052cc;
            border: none;
            color: #ffffff;
            padding: 0.75rem;
            border-radius: 8px;
            font-size: 1rem;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.2s ease;
        }

button:hover {
            background: #004b9b;
            transform: translateY(-2px);
        }

/* Link Styling */
        p a {
            color: #0052cc;
            text-decoration: none;
            font-size: 0.9rem;
        }

p a:hover {
            text-decoration: underline;
        }

/* Responsive Design */
        @media (max-width: 480px) {
            .auth-container {
                padding: 1rem;
                max-width: 90%;
            }

.auth-container h2 {
                font-size: 1.5rem;
            }

input[type="text"],
            input[type="email"],
            input[type="password"] {
                font-size: 0.9rem;
            }

button {
                font-size: 0.9rem;
            }
        }
    </style>
</head>

<body>
    <div class="auth-container">
        <h2>Forgot Your Password?</h2>
        <p>Enter your email address below and we will send you instructions to reset your password.</p>
        <form action="forgot-password-handler.php" method="POST">
            <div class="input-group">
                <i class="fa fa-envelope"></i>
                <input type="email" id="forgotEmail" name="forgotEmail" placeholder="Email Address" required maxlength="100" />
            </div>
            <button type="submit">Send Instructions</button>
        </form>
        <p><a href="login.php">Back to Login</a></p>
    </div>
</body>

</html>