new pisilinux web sites
This commit is contained in:
@@ -0,0 +1,102 @@
|
||||
<div class="container main pt-5 pb-2">
|
||||
<div class="card" >
|
||||
<div class="card-header bg-primary text-white text-center py-2">
|
||||
<h4 class="card-title">{{lang('user','Member_login')}}</h4>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<form action="" method="post">
|
||||
<div class="mb-4">
|
||||
<label for="email" class="form-label fw-bold text-muted">{{lang('user','mailadress')}}</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-text bg-light border-end-0">
|
||||
<i class="fas fa-envelope text-muted"></i>
|
||||
</span>
|
||||
<input type="email" class="form-control border-start-0 ps-2" id="email" name="email"
|
||||
placeholder="ornek@email.com" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<label for="password" class="form-label fw-bold text-muted">{{lang('user','password')}}</label>
|
||||
<a href="/member/password_forgot" class="text-decoration-none small text-primary">
|
||||
{{lang('user','forgot_password')}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-text bg-light border-end-0">
|
||||
<i class="fas fa-lock text-muted"></i>
|
||||
</span>
|
||||
<input type="password" class="form-control border-start-0 ps-2" id="password"
|
||||
name="pass" placeholder="••••••••" required>
|
||||
<button class="btn btn-outline-secondary border-start-0" type="button" id="togglePassword">
|
||||
<i class="far fa-eye"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4 form-check">
|
||||
<input type="checkbox" class="form-check-input" id="remember" name="remember" value="1">
|
||||
<label class="form-check-label text-muted" for="remember">
|
||||
{{lang('user','remember_me')}}
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="currentDate" value="{{date('Y-m-d')}}">
|
||||
<button type="submit" class="btn btn-primary w-100 py-2 fw-bold">
|
||||
{{lang('user','login')}} <i class="fas fa-arrow-right ms-2"></i>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div class="text-center mt-4 text-muted">
|
||||
<p class="mb-0">{{lang('user','No_Account_Yet')}}
|
||||
<a href="/member/register" class="text-primary fw-bold text-decoration-none">
|
||||
{{lang('user','register')}}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Şifre gösterme/gizleme işlevi
|
||||
document.getElementById('togglePassword').addEventListener('click', function(e) {
|
||||
const password = document.getElementById('password');
|
||||
const icon = this.querySelector('i');
|
||||
const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
|
||||
password.setAttribute('type', type);
|
||||
icon.classList.toggle('fa-eye');
|
||||
icon.classList.toggle('fa-eye-slash');
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.card-header {
|
||||
background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
|
||||
padding: 2rem 1.5rem;
|
||||
}
|
||||
.form-control:focus {
|
||||
box-shadow: none;
|
||||
border-color: #4361ee;
|
||||
}
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);
|
||||
border: none;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px rgba(67, 97, 238, 0.3);
|
||||
}
|
||||
.input-group-text {
|
||||
background-color: #f8f9fa;
|
||||
border-right: none;
|
||||
}
|
||||
.form-control {
|
||||
border-left: none;
|
||||
padding: 0.75rem;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user