johanleroy/ENI-Angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auth front

Browse Source
This commit is contained in:
jleroy
2025-03-11 11:28:14 +01:00
parent 4e41294eee
commit 32ee0904f1
21 changed files with 363 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/public/pages/login/login.component.html Normal file
View File

@@ -0,0 +1,32 @@
<section class="bg-gray-100 flex items-center justify-center min-h-screen p-4">
<div class="bg-white rounded-lg shadow-lg p-8 max-w-md w-full">
<div class="text-center mb-8">
<h1 class="text-2xl font-bold text-gray-800">Connexion</h1>
<p class="text-gray-600 mt-2">Entrez vos identifiants pour vous connecter</p>
</div>
<form>
<div class="mb-6">
<label for="email" class="block text-gray-700 text-sm font-medium mb-2">Email</label>
<input type="email" id="email" name="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="votre@email.com" required>
</div>
<div class="mb-6">
<div class="flex justify-between items-center mb-2">
<label for="password" class="block text-gray-700 text-sm font-medium">Mot de passe</label>
</div>
<input type="password" id="password" name="password" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="••••••••" required>
</div>
<button type="submit" class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors">
Se connecter
</button>
</form>
<div class="mt-6 text-center">
<p class="text-sm text-gray-600">
Pas encore de compte? <a routerLink="/register" class="text-blue-600 hover:text-blue-800 font-medium">S'inscrire</a>
</p>
</div>
</div>
</section>