Breaking News: Grepper is joining You.com. Read the official announcement!

buatkan saya tampilan form login dengan ketentuan di paling atas ada gambar dari logo aplikasi, lalu dibawahnya nama aplikasinya, lalu dibawahnya tulisan Login, dan kemudian ada form inputan email dan password, remember, dan menu registrasi, lalu dibawah

Daffa Budi Prasetya answered on August 10, 2023 Popularity 1/10 Helpfulness 1/10

answer buatkan saya tampilan form login dengan ketentuan di paling atas ada gambar dari logo aplikasi, lalu dibawahnya nama aplikasinya, lalu dibawahnya tulisan Login, dan kemudian ada form inputan email dan password, remember, dan menu registrasi, lalu dibawah

buatkan saya tampilan form login dengan ketentuan di paling atas ada gambar dari logo aplikasi, lalu dibawahnya nama aplikasinya, lalu dibawahnya tulisan Login, dan kemudian ada form inputan email dan password, remember, dan menu registrasi, lalu dibawah

Comment

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="stylesheet">
    <title>Login Form</title>
</head>
<body class="bg-blue-900 min-h-screen flex justify-center items-center">

    <div class="w-full max-w-xs p-6 bg-white rounded-lg shadow-md">
        <img src="logo.png" alt="Logo" class="mx-auto w-16 h-16">
        <h1 class="text-center text-gray-700 text-xl font-semibold my-2">Nama Aplikasi</h1>
        <h2 class="text-center text-gray-600 text-lg my-2">Login</h2>
        
        <form class="mt-4">
            <div class="mb-4">
                <label for="email" class="block text-gray-700 text-sm font-medium mb-1">Email</label>
                <input type="email" id="email" name="email" class="w-full px-3 py-2 border rounded-lg focus:ring focus:ring-blue-300" placeholder="Email" required>
            </div>
            <div class="mb-4">
                <label for="password" class="block text-gray-700 text-sm font-medium mb-1">Password</label>
                <input type="password" id="password" name="password" class="w-full px-3 py-2 border rounded-lg focus:ring focus:ring-blue-300" placeholder="Password" required>
            </div>
            <div class="flex items-center justify-between mb-4">
                <label for="remember" class="flex items-center">
                    <input type="checkbox" id="remember" name="remember" class="mr-2">
                    <span class="text-gray-700 text-sm">Remember me</span>
                </label>
                <a href="#" class="text-blue-500 text-sm">Forgot password?</a>
            </div>
            <button type="submit" class="w-full bg-blue-600 text-white text-sm font-semibold py-2 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring focus:ring-blue-300">Sign In</button>
        </form>

        <p class="text-center text-gray-600 text-sm mt-4">Don't have an account? <a href="#" class="text-blue-500">Register</a></p>
    </div>

</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language html

Source: chat.openai.com

Tags: ada email html menu

Link to this answer
Share Copy Link

Contributed on Aug 10 2023

Daffa Budi Prasetya

0 Answers Avg Quality 2/10

buatkan saya tampilan form login dengan ketentuan di paling atas ada gambar dari logo aplikasi, lalu dibawahnya nama aplikasinya, lalu dibawahnya tulisan Login, dan kemudian ada form inputan email dan password, remember, dan menu registrasi, lalu dibawah

Contents

More Related Answers

buatkan saya tampilan form login dengan ketentuan di paling atas ada gambar dari logo aplikasi, lalu dibawahnya nama aplikasinya, lalu dibawahnya tulisan Login, dan kemudian ada form inputan email dan password, remember, dan menu registrasi, lalu dibawah

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.