Skip to main content

Command Palette

Search for a command to run...

Registration form

Updated
1 min readView as Markdown
A

Hi, I am web-application developer working with HTML CSS Bootstrap JavaScript VUE and Larval.

This is a registration form design you can copy this code and use it in your project

         <div class="h-screen bg-gray-50">
            <div class="flex w-full h-full justify-center items-center">
                <div class=" border border-indigo-500 rounded-md shadow-md p-16">
                    <h4 class="text-center text-3xl">Registrario form</h4>
                    <form action="#" method="post" class="flex flex-col space-y-3">
                        <!-- add csrf token for laravel -->
                        <!-- @csrf 
                        @method('') -->
                        <label class="block" for="">Name</label>
                        <input class="border rounded border-indigo-500 p-3 py-1 w-80"type="text" placeholder="john Doe">
                        <label class="block" for="">Email</label>
                        <input class="border rounded border-indigo-500 p-3 py-1 w-80" type="email" placeholder="john@example.com">
                        <label class="block" for="">Password</label>
                        <input class="border rounded border-indigo-500 p-3 py-1 w-80" type="password" placeholder="**********">
                        <label class="block" for="">Confirm Password</label>
                        <input class="border rounded border-indigo-500 p-3 py-1 w-80 " type="password" placeholder="**********">
                    </form>
                    <button type="submit" class="px-6 py-2 bg-indigo-500 rounded-md text-white mt-12 shadow-md "> Register</button>
                </div>
            </div>
        </div>