<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>Public Finance Bank</title>
	<!-- including stylesheets -->
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/core.css">
	<link rel="stylesheet" href="css/theme.css">
	<!-- including layerslider stylesheets -->
	<link rel="stylesheet" href="css/layerslider.css">
	<link rel="stylesheet" href="css/skin.css">
	<!-- including colorpicker stylesheets -->
	<link href="css/colorpicker.css" rel="stylesheet" type="text/css">
</head>

<body>

	<div class="site-wrapper">
		<header class="site-header">


			<div class="nav-wrap">
				<div class="container">
					<div class="site-logo retina">
						<a href="">
							<img src="images/1604589904d41d8cd98f00b204e9800998ecf8427e.png" alt="" width="244" height="82" class="img-responsive"> </a>
					</div>
					<button class="navbar-toggle" type="button">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<nav class="site-navigation">
						<ul>
							<li><a href="https://en.publicfins.com/" target="_blank">Home</a></li>
							<li><a href="https://en.publicfins.com/">Online Banking</a></li>
						</ul>
					</nav>
				</div>
			</div>

		</header>
		<!-- layer slider -->

		<div class="sliderpart12">

			<div class="sliderpart">
				<div id="layerslider" style="width: 100%; height: 542px;">
					<!-- first slide -->


					<!-- third slide -->
					<div class="ls-slide">
						<!-- slide background -->
						<img src="images/1603199996d41d8cd98f00b204e9800998ecf8427e.jpg" class="ls-bg" alt="Slide background">
						<!-- slide contents goes here -->
						<h1 class="ls-l primary upper" style="top: 185px; left: 30px; font-size: 40px; line-height: 1em; color:#FF5733;">Customer's Satisfaction</h1>
						<h2 class="ls-l" style="top: 258px; left: 30px; font-size: 30px; color:#ccc;">Our Top Priority</h2>
						<div class="ls-l" style="top: 320px; left: 30px; width: 600px;">
							<a href="" class="btn btn-md">Start Now</a>

						</div>
					</div>
					<!-- third slide -->
					<div class="ls-slide">
						<!-- slide background -->
						<img src="images/1603199901d41d8cd98f00b204e9800998ecf8427e.jpg" class="ls-bg" alt="Slide background">
						<!-- slide contents goes here -->
						<h1 class="ls-l primary upper" style="top: 185px; left: 30px; font-size: 40px; line-height: 1em; color:#FF5733;">Public Finance Bank</h1>
						<h2 class="ls-l" style="top: 258px; left: 30px; font-size: 30px; color:#ccc;">Global Transaction Banking</h2>
						<div class="ls-l" style="top: 320px; left: 30px; width: 600px;">
							<a href="" class="btn btn-md">Start Now</a>

						</div>
					</div>


				</div>
			</div>


			<div class="homeform">
				<h3>Login to Access your Account</h3>
				<p>Enter Your Account Login Details to Proceed</p>
				<div class="coustologin">
					<div class="custmoheading">
						<h4> Customer Login </h4>
					</div>
					<div class="row">

						<div class="col-lg-12 col-md-7 col-sm-7">
							<?php
							if (isset($_GET['errors'])) {

								$error = $_GET['errors'];

								echo "<div class='alert alert-danger' role='alert'>$error</div>";
							}

							?>

							<?php
							if (isset($_GET['error'])) {

								$error = $_GET['error'];

								echo "<div class='alert alert-danger' role='alert'>$error</div>";
							}

							?>
							<form method="post" action='./process/login.php'>
								<div class="custmofild" id="levelhigh1">
									<label>User IDs :</label>
									<input value="" placeholder="" name='account' type="text" id="useridtextid">
								</div>
								<div class="custmofild" id="levelhigh2">
									<label>Password :</label>
									<input value="" placeholder="" name='password' type="password" id="userpasswordid">
								</div>
								<input class="loginbutt" name='login' value="Login Now" type="submit">
							</form>

						</div>


					</div>
				</div>
				<p>
					Forgot Your Password/PIN?
					<a href="forgot.html"> Retrieve Your Password/PIN via Email. </a>
				</p>
			</div>
		</div>

	</div>







	<div class="newsection">

		<div class="container">
			<div class="row">

				<div class="col-lg-3 col-md-3 co-sm-3">
					<div class="box1short">

						<h2>Right Account</h2>
						<p>We believe that responding to your growing needs and fulfilling your dreams require a partnership with the right bank account.</p>

					</div>
				</div>

				<div class="col-lg-3 col-md-3 co-sm-3">
					<div class="box1short">

						<h2>Investment</h2>
						<p>TFSAs & RRSPs Mutual Funds. RESPs & GICs other investments & grow your money with smart easy ways to invest online.</p>

					</div>
				</div>

				<div class="col-lg-3 col-md-3 co-sm-3">
					<div class="box1short">

						<h2>Secure Transaction</h2>
						<p>Your financial and personal online safety/security is our top priority, as your account is protected with state of the art security protocol.</p>

					</div>
				</div>



				<div class="col-lg-3 col-md-3 co-sm-3">
					<div class="box1short">

						<h2>Tax Free Accounts</h2>
						<p>Save exactly the amount that’s right for you, whenever you choose and as often as you like. This ensures you save all your money worry free.</p>

					</div>
				</div>

			</div>
		</div>
	</div>




	<footer class="site-footer">
		<div class="copyright-footer text-center">
			<div class="container">
				<div class="row">
					2025 © All Rights Reserved
				</div>
			</div>
		</div>
	</footer>
	<!-- including scripts -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap/tab.js"></script>
	<script src="js/theme.js"></script>
	<script src="js/bootstrap/alert.js"></script>
	<script src="js/smoothscroll.js"></script>
	<!-- including layerslider scripts -->
	<script src="js/greensock.js"></script>

	<script src="js/layerslider.transitions.js"></script>
	<script src="js/layerslider.kreaturamedia.jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#layerslider').layerSlider({
				skin: 'altus',
				skinsPath: 'css/skins/',
				responsiveUnder: 1200,
				layersContainer: 1200,
				responsive: false,
				showCircleTimer: false,
				thumbnailNavigation: 'disabled',
				navStartStop: false,
			});
		});
	</script>

</body>

</html>