🚀 Advanced Web Server Manager
Complete File Manager & Terminal - Standalone Version
By Sid Gifari | Gifari Industries
Current path:
/
/
home2
/
birthday
/
event.krishivgroups.in
/
resources
/
views
/
auth
✏️
Editing: login.blade.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{ config('app.name', 'Laravel') }} - Login</title> <!-- Bootstrap 5 CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- FontAwesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> body { /* The gradient background you requested */ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .login-container { max-width: 450px; width: 100%; padding: 20px; } .login-card { background: white; border-radius: 15px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); overflow: hidden; } .login-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px 30px; text-align: center; color: white; } .login-logo { width: 80px; height: 80px; background: white; border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: bold; color: #667eea; } .login-body { padding: 40px 30px; } .form-label { font-weight: 600; color: #333; margin-bottom: 8px; } .form-control { padding: 12px 15px; border: 2px solid #e0e0e0; border-radius: 8px; transition: all 0.3s; } .form-control:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } .btn-login { width: 100%; padding: 14px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; transition: transform 0.2s; } .btn-login:hover { transform: translateY(-2px); box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4); } .alert { border-radius: 8px; } .forgot-password { text-decoration: none; color: #667eea; font-size: 0.9rem; font-weight: 500; } .forgot-password:hover { text-decoration: underline; } </style> </head> <body> <div class="login-container"> <div class="login-card"> <div class="login-header"> <div class="login-logo"> <i class="fas fa-user-shield"></i> </div> <h3>Welcome Back</h3> <p class="mb-0">Please login to your account</p> </div> <div class="login-body"> <!-- Session Status (e.g. Password Reset Link Sent) --> @if (session('status')) <div class="alert alert-success mb-4"> <i class="fas fa-check-circle me-2"></i> {{ session('status') }} </div> @endif <!-- Validation Errors --> @if($errors->any()) <div class="alert alert-danger mb-4"> <ul class="mb-0 ps-3"> @foreach ($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> @endif <!-- Login Form --> <form method="POST" action="{{ route('login') }}"> @csrf <div class="mb-3"> <label for="email" class="form-label">Email Address</label> <input type="email" class="form-control" id="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="username"> </div> <div class="mb-3"> <div class="d-flex justify-content-between align-items-center mb-1"> <label for="password" class="form-label mb-0">Password</label> @if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="forgot-password">Forgot Password?</a> @endif </div> <input type="password" class="form-control" id="password" name="password" required autocomplete="current-password"> </div> <div class="mb-4 form-check"> <input type="checkbox" class="form-check-input" id="remember_me" name="remember"> <label class="form-check-label" for="remember_me">Remember me</label> </div> <button type="submit" class="btn btn-login"> <i class="fas fa-sign-in-alt me-2"></i>Log in </button> </form> </div> </div> </div> </body> </html>
💾 Save Changes
❌ Cancel