pjpatil12/Comparison_Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui chnages of mobile viwe respo and adding login page logo

Browse Source
This commit is contained in:
pjpatil12
2026-01-10 16:49:46 +05:30
parent 5afe8e7096
commit 64fbb91199
8 changed files with 176 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
app/templates/login.html
View File

@@ -1,17 +1,82 @@
{% extends "base.html" %}
{% block content %}
<h2 class="mb-4">Login</h2>
<!DOCTYPE html>
<html lang="en">
<div class="card p-4 shadow-sm">
<form method="POST">
<head>
<meta charset="UTF-8">
<title>LCEPL | Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<label>Email:</label>
<input type="email" name="email" class="form-control mb-3" required>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<label>Password:</label>
<input type="password" name="password" class="form-control mb-3" required>
<body class="bg-light">
<button class="btn btn-success">Login</button>
</form>
</div>
{% endblock %}
<div class="container-fluid vh-100">
<div class="row h-100 justify-content-center align-items-center">
<!-- Increased column width -->
<div class="col-12 col-sm-10 col-md-8 col-lg-5 col-xl-4">
<div class="card shadow-lg border-0">
<!-- Increased padding -->
<div class="card-body p-5">
<!-- Branding -->
<div class="text-center mb-4">
<img src="{{ url_for('static', filename='images/lcepl.png') }}" alt="LCEPL Logo"
class="img-fluid mb-3" style="max-height:80px;">
<h4 class="fw-bold mb-1">
Laxmi Civil Engineering Services Pvt Ltd
</h4>
<p class="text-muted mb-0">
Data Comparison System
</p>
</div>
<!-- Flash messages -->
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
{% endwith %}
<!-- Login Form -->
<form method="POST">
<div class="mb-4">
<label class="form-label fw-semibold">User Name</label>
<input type="email" name="email" class="form-control " placeholder="Enter email"
required>
</div>
<div class="mb-4">
<label class="form-label fw-semibold">Password</label>
<input type="password" name="password" class="form-control" placeholder="Enter password"
required>
</div>
<button class="btn btn-success btn-lg w-100">
Login
</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>