📁 File Manager

Dosya Düzenle: login.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Mangaldai Law College | Admin Login</title>

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{

height:100vh;

display:flex;

justify-content:center;

align-items:center;

background:linear-gradient(-45deg,#0A2647,#144272,#205295,#2C74B3);

background-size:400% 400%;

animation:bg 15s ease infinite;

overflow:hidden;

}

@keyframes bg{

0%{background-position:0% 50%;}

50%{background-position:100% 50%;}

100%{background-position:0% 50%;}

}

.circle{

position:absolute;

border-radius:50%;

background:rgba(255,255,255,.08);

backdrop-filter:blur(5px);

animation:float 10s infinite ease-in-out;

}

.circle:nth-child(1){

width:220px;
height:220px;
left:5%;
top:10%;

}

.circle:nth-child(2){

width:320px;
height:320px;
right:-100px;
bottom:-100px;

}

.circle:nth-child(3){

width:140px;
height:140px;
right:20%;
top:12%;

}

@keyframes float{

50%{

transform:translateY(-20px);

}

.container{

width:1100px;

height:620px;

display:flex;

border-radius:25px;

overflow:hidden;

background:rgba(255,255,255,.08);

backdrop-filter:blur(18px);

box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.left{

flex:1;

padding:70px;

color:#fff;

display:flex;

flex-direction:column;

justify-content:center;

}

.left h1{

font-size:46px;

margin-bottom:20px;

}

.left p{

line-height:1.8;

opacity:.9;

margin-bottom:35px;

}

.feature{

margin:15px 0;

font-size:17px;

}

.feature i{

color:#FFD54F;

margin-right:12px;

}

.right{

width:430px;

background:white;

padding:50px;

display:flex;

flex-direction:column;

justify-content:center;

}

.logo{

width:90px;

height:90px;

border-radius:50%;

background:#0A2647;

margin:auto;

display:flex;

justify-content:center;

align-items:center;

color:#FFD54F;

font-size:40px;

margin-bottom:20px;

}

h2{

text-align:center;

color:#0A2647;

margin-bottom:8px;

}

.subtitle{

text-align:center;

color:#777;

margin-bottom:35px;

}

.input{

position:relative;

margin-bottom:20px;

}

.input input{

width:100%;

padding:15px 45px;

border:1px solid #ddd;

border-radius:12px;

font-size:15px;

outline:none;

transition:.3s;

}

.input input:focus{

border-color:#2C74B3;

box-shadow:0 0 10px rgba(44,116,179,.2);

}

.input i{

position:absolute;

top:16px;

left:15px;

color:#2C74B3;

}

.toggle{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    color:#777;
    cursor:pointer;
    user-select:none;
}

.options{

display:flex;

justify-content:space-between;

font-size:14px;

margin-bottom:25px;

}

.options a{

text-decoration:none;

color:#2C74B3;

}

button{

width:100%;

padding:15px;

border:none;

border-radius:12px;

background:linear-gradient(135deg,#2C74B3,#0A2647);

color:white;

font-size:16px;

font-weight:600;

cursor:pointer;

transition:.3s;

}

button:hover{

transform:translateY(-3px);

box-shadow:0 15px 30px rgba(0,0,0,.2);

}

.footer{

margin-top:30px;

text-align:center;

font-size:13px;

color:#888;

}

@media(max-width:900px){

.container{

width:95%;

height:auto;

flex-direction:column;

}

.left{

display:none;

}

.right{

width:100%;

}

</style>

</head>

<body>

<h1>Mangaldai Law College</h1>

<p>
Welcome to the official Administration Portal.
Manage admissions, students, faculty, examinations,
library and institutional records from one secure dashboard.
</p>

<div class="feature"><i class="fa-solid fa-shield-halved"></i> Secure Authentication</div>

<div class="feature"><i class="fa-solid fa-user-graduate"></i> Student Management</div>

<div class="feature"><i class="fa-solid fa-users"></i> Faculty Management</div>

<div class="feature"><i class="fa-solid fa-book"></i> Library System</div>

<div class="feature"><i class="fa-solid fa-chart-line"></i> Reports & Analytics</div>

</div>

<h2>Administrator Login</h2>

<p class="subtitle">
Sign in to continue
</p>

</div>

</div>

<label>

Remember Me

</label>

<a href="#">Forgot Password?</a>

</div>

</button>

</form>

</div>

function togglePassword(){

let p=document.getElementById("password");

if(p.type==="password"){

p.type="text";

}else{

p.type="password";

}

</script>

</body>
</html>

İptal