Easy peasy email portal

A simple email portal! Here's a basic example of how you can create a simple email portal using HTML, CSS, and JavaScript:

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Email Portal</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Email Portal</h1>
    <form id="email-form">
        <label for="email">Email:</label>
        <input type="email" id="email" name="email"><br><br>
        <label for="subject">Subject:</label>
        <input type="text" id="subject" name="subject"><br><br>
        <label for="message">Message:</label>
        <textarea id="message" name="message"></textarea><br><br>
        <input type="submit" value="Send Email">
    </form>

    <script src="script.js"></script>
</body>
</html>

CSS (in style.css file):

body {
    font-family: Arial, sans-serif;
}

#email-form {
    width: 50%;
    margin: 40px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#email-form label {
    display: block;
    margin-bottom: 10px;
}

#email-form input, #email-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

#email-form input[type="submit"] {
    background-color: #4CAF50;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#email-form input[type="submit"]:hover {
    background-color: #3e8e41;
}

JavaScript (in script.js file):

const emailForm = document.getElementById('email-form');
const emailInput = document.getElementById('email');
const subjectInput = document.getElementById('subject');
const messageInput = document.getElementById('message');

emailForm.addEventListener('submit', (e) => {
    e.preventDefault();
    const email = emailInput.value;
    const subject = subjectInput.value;
    const message = messageInput.value;

    // Send email using your preferred email service (e.g. Gmail, Outlook, etc.)
    // For demonstration purposes, we'll use a simple alert box
    alert(`Email sent to ${email} with subject "${subject}" and message:\n\n${message}`);
});

This code creates a simple email portal with fields for email, subject, and message. When the user submits the form, the JavaScript code sends an alert box with the email details.

To use this code, create a new HTML file and add the HTML code above. Create a new CSS file and add the CSS code above. Create a new JavaScript file and add the JavaScript code above. Then, open the HTML file in a web browser to test the email portal.

Note that this is a very basic example, and you may want to add more features, such as validation, error handling, and security measures, to your email portal. Additionally, you'll need to set up an email service to send the emails.

Mail Knowledge

Easy peasy email portal