Commit 7a15e618 authored by Cyprien's avatar Cyprien
Browse files

login front

parent e73ec0cc

resources/img/Diver1.svg

0 → 100644
+1 −0

File added.

Preview size limit exceeded, changes collapsed.

resources/views/login.blade.php

+43 −6
Original line number Diff line number Diff line 
<x-layout>



<div class="Content">       

    <img src="..\img\Diving-cuate.png" alt="Diving illustration" />

    <input type="text" id="name" name="name" required minlength="4" maxlength="80" size="10" />

    <input type="text" id="firstname" name="firstname" required minlength="4" maxlength="80" size="10" />

    <button>Connexion</button>

    <form method="post" action="/login">

        @csrf

        <div class="min-w-screen min-h-screen flex items-center justify-center px-5 py-5">

            <div class="text-gray-500 rounded-3xl w-full overflow-hidden" style="max-width:1000px">

                <div class="md:flex w-full">

                    <div class="hidden md:block w-1/2 py-10 px-10">

                        <img src="../img/Diver1.svg" alt="Diver Illustration">

                    </div>

                    <div class="w-full md:w-1/2 py-10 px-5 md:px-10">

                        <div class="text-center mb-10">

                            <h1 class="font-bold text-3xl text-gray-900">CONNEXION</h1>

                            <p>Entrer vos informations de connexion</p>

                        </div>

                        <div>

                            <div class="flex -mx-3">

                                <div class="w-full px-3 mb-5">

                                    <label for="" class="text-xs font-semibold px-1">Email</label>

                                    <div class="flex">

                                        <div class="w-10 z-10 pl-1 text-center pointer-events-none flex items-center justify-center"><i class="mdi mdi-email-outline text-gray-400 text-lg"></i></div>

                                        <input type="email" id="mail" name="name" class="w-full -ml-10 pl-10 pr-3 py-2 rounded-lg border-2 border-gray-200 outline-none focus:border-indigo-500" placeholder="johnsmith@example.com">

                                    </div>

                                </div>

                            </div>

                            <div class="flex -mx-3">

                                <div class="w-full px-3 mb-12">

                                    <label for="" class="text-xs font-semibold px-1">Mot de passe</label>

                                    <div class="flex">

                                        <div class="w-10 z-10 pl-1 text-center pointer-events-none flex items-center justify-center"><i class="mdi mdi-lock-outline text-gray-400 text-lg"></i></div>

                                        <input type="password" id="password" name="firstname" class="w-full -ml-10 pl-10 pr-3 py-2 rounded-lg border-2 border-gray-200 outline-none focus:border-indigo-500" placeholder="************">

                                    </div>

                                </div>

                            </div>

                            <div class="flex -mx-3">

                                <div class="w-full px-3 mb-5">

                                    <button class="block w-full max-w-xs mx-auto bg-indigo-500 hover:bg-indigo-700 focus:bg-indigo-700 text-white rounded-lg px-3 py-3 font-semibold">SE CONNECTER</button>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </form>





    <script src="#"></script>