Friendship Form Code




 <!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Friendship Form</title>

<style>

    body {

        font-family: Arial, sans-serif;

        margin: 0;

        padding: 0;

        background-color: #f0f0f0;

    }

    .container {

        max-width: 600px;

        margin: 20px auto;

        padding: 20px;

        background-color: #fff;

        border-radius: 8px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    }

    h2 {

        text-align: center;

        color: #333;

        text-transform: uppercase;

        font-size: 32px;

        margin-bottom: 20px;

    }

    .form-group {

        margin-bottom: 20px;

    }

    label {

        display: block;

        margin-bottom: 5px;

        font-weight: bold;

        color: #666;

    }

    input[type="text"], input[type="email"], textarea {

        width: 100%;

        padding: 10px;

        border: 1px solid #ccc;

        border-radius: 4px;

    }

    input[type="submit"] {

        background-color: #ff7f50;

        color: #fff;

        padding: 10px 20px;

        border: none;

        border-radius: 4px;

        cursor: pointer;

        font-size: 16px;

        text-transform: uppercase;

        transition: background-color 0.3s ease;

    }

    input[type="submit"]:hover {

        background-color: #ff6347;

    }

</style>

<script>

    function redirectToNewWebsite() {

        window.open("https://www.youtube.com/@zstricksclicks", "_blank");

    }

</script>

</head>

<body>

<div class="container">

    <h2>Let's Be Friends!</h2>

    <form action="#" method="post" onsubmit="redirectToNewWebsite()">

        <div class="form-group">

            <label for="name">Your Name:</label>

            <input type="text" id="name" name="name" required>

        </div>

        <div class="form-group">

            <label for="email">Your Email:</label>

            <input type="email" id="email" name="email" required>

        </div>

        <div class="form-group">

            <label for="message">Message:</label>

            <textarea id="message" name="message" rows="4" required></textarea>

        </div>

        <div class="form-group">

            <input type="submit" value="Send Friendship Request">

        </div>

    </form>

</div>

</body>

</html>


Post a Comment

Previous Post Next Post