OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	06/17/2025 10:17:24 AM	rwxrwxr-x
📄 compose.php	590 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 composer.json	126 bytes	04/09/2025 03:44:12 AM	rw-r--r--
📄 composer.lock	6.06 KB	04/09/2025 03:44:13 AM	rw-r--r--
📄 config.php	430 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 fetch_emails.php	235 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 himanhsu_receive_email.php	1.58 KB	05/19/2025 10:07:16 AM	rw-r--r--
📁 images	-	04/09/2025 03:44:18 AM	rwxr-xr-x
📄 inbox.js	665 bytes	04/09/2025 03:44:14 AM	rw-r--r--
📄 inbox.php	933 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 index.html	7.62 KB	04/09/2025 03:44:14 AM	rw-r--r--
📄 index.php	6.61 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 index1.php	1.13 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 read_email.php	1.2 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 receiveEmail.php	3.46 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 send_email.php	1.29 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 sent.php	1.24 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 ses-email-receiver.php	751 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 simple-log.txt	11.58 KB	04/09/2025 11:28:14 AM	rw-r--r--
📄 sns-log.txt	26.51 MB	06/18/2025 12:53:19 PM	rw-r--r--
📄 styles.css	1.54 KB	04/09/2025 03:44:16 AM	rw-r--r--
📄 test_parser.php	272 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📁 vendor	-	05/19/2025 10:07:16 AM	rwxr-xr-x
📄 view_email.php	471 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 working_send_email.php	1.29 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 zsns-log.txt	14.15 KB	04/09/2025 04:34:35 AM	rw-r--r--
📄 zzreceiveEmail.php	1.38 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 zzsns-log.txt	202.09 KB	04/09/2025 10:51:46 AM	rw-r--r--

Editing: index.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Knobly Mail - Secure & Smart Email</title>
    <style>
        /* Global Styles */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #FAF4ED;
            color: #333;
        }

/* Header */
        header {
            background: #E85D04;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
        }

.logo {
            font-size: 24px;
            font-weight: bold;
        }

nav ul {
            list-style: none;
            display: flex;
            gap: 20px;
        }

nav ul li a {
            color: white;
            text-decoration: none;
            font-weight: bold;
        }

.signin-btn {
            background: #024B30;
            color: white;
            padding: 8px 15px;
            border-radius: 5px;
        }

/* Hero Section */
        .hero {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 60px 10%;
            text-align: left;
        }

.hero-content {
            max-width: 500px;
        }

.hero h1 {
            font-size: 36px;
            color: #024B30;
        }

.cta-btn {
            background: #E85D04;
            color: white;
            padding: 15px 20px;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
        }

.email-preview img {
            max-width: 100%;
            width: 700px; /* Increase width */
            height: auto;
            border-radius: 10px;
        }

/* Features Section */
        .features {
            text-align: center;
            padding: 50px 10%;
        }

.feature-cards {
            display: flex;
            justify-content: center;
            gap: 20px;
            padding: 30px;
        }

.feature-card {
            background: white;
            padding: 20px;
            border-radius: 10px;
            width: 250px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

.feature-card img {
            width: 50px;
        }

/* Call to Action */
        .cta {
            text-align: center;
            padding: 50px;
        }

/* Footer */
        footer {
            background: #333;
            color: white;
            text-align: center;
            padding: 10px;
        }

/* Chatbot Styles */
        .chatbot-icon {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #E85D04;
            color: white;
            padding: 10px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
        }

.chat-window {
            display: none;
            position: fixed;
            bottom: 60px;
            right: 20px;
            width: 300px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            padding: 10px;
        }

.chat-header {
            background: #E85D04;
            color: white;
            padding: 10px;
            font-weight: bold;
        }

.chat-body {
            height: 200px;
            overflow-y: auto;
            padding: 10px;
        }

#chat-input {
            width: 80%;
            padding: 5px;
            margin: 5px;
        }

button {
            background: #E85D04;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
        }
    </style>

function sendMessage() {
            const chatBody = document.querySelector(".chat-body");
            const input = document.getElementById("chat-input");
            if (input.value.trim() === "") return;

// Append user message
            const userMessage = document.createElement("p");
            userMessage.textContent = "You: " + input.value;
            chatBody.appendChild(userMessage);

// Append bot response
            const botMessage = document.createElement("p");
            botMessage.textContent = "Knobly Assistant: I'm here to help!";
            botMessage.style.color = "#E85D04";
            setTimeout(() => chatBody.appendChild(botMessage), 500);

// Clear input
            input.value = "";
            chatBody.scrollTop = chatBody.scrollHeight;
        }

</script>
</head>

<body>

<header>
        <div class="logo">Knobly</div>
        <nav>
            <ul>
                <li><a href="#">Features</a></li>
                <li><a href="#">Pricing</a></li>
                <li><a href="#" class="signin-btn">Sign in</a></li>
            </ul>
        </nav>
    </header>

<section class="hero">
        <div class="hero-content">
            <h1>Get more done with Knobly Mail</h1>
            <p>A secure, intelligent, and easy-to-use email service</p>
            <button class="cta-btn">Create an account</button>
        </div>
        <div class="email-preview">
            <img src="images/image.png" alt="Knobly Mail Interface">
        </div>
    </section>

<section class="features">
        <h2>Advanced Tools, Same Simplicity</h2>
        <p>Powerful features to help you focus on what matters</p>
        <div class="feature-cards">
            <div class="feature-card">
                <img src="" alt="Security">
                <h3>Robust security</h3>
                <p>Protect your email with enhanced security features</p>
            </div>
            <div class="feature-card">
                <img src="icons/smart.svg" alt="Smart Features">
                <h3>Smart features</h3>
                <p>Streamline your tasks with automatic filters and reminders</p>
            </div>
            <div class="feature-card">
                <img src="icons/mobile.svg" alt="Mobile Access">
                <h3>Mobile access</h3>
                <p>Stay connected on the go with our mobile apps</p>
            </div>
        </div>
    </section>

<section class="cta">
        <h2>Ready to get started?</h2>
        <button class="cta-btn">Create an account</button>
    </section>

<div class="chatbot-icon" onclick="toggleChat()">💬</div>
    <div class="chat-window">
        <div class="chat-header">Knobly Assistant</div>
        <div class="chat-body">
            <p>Hi! How can I help you?</p>
        </div>
        <input type="text" id="chat-input" placeholder="Type a message...">
        <button onclick="sendMessage()">Send</button>
    </div>

</body>

</html>