From 426253c93c2145561eb1aa0eb44c10f40427966e Mon Sep 17 00:00:00 2001
From: JelmerHinssen <jelmerhinssen@hotmail.com>
Date: Tue, 28 Mar 2017 22:13:16 +0200
Subject: [PATCH] Fullscreen loginscherm

---
 templates/login.phtml | 45 ++++++++++++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 15 deletions(-)
diff --git a/templates/login.phtml b/templates/login.phtml
index 5f76b49..6b87226 100644
--- a/templates/login.phtml
+++ b/templates/login.phtml
@@ -20,27 +20,44 @@
 			border-color: #2e6da4;
 			margin-top: 5px;
 		}
-		.jumbotron{
-			//text-align: center;
-		}
 		.form-control{
 			margin: 5px 0;
 		}
 		body{
 			color: #ff6000;
 		}
-		.footer{
-			text-align: center;
+		html, body{
+			height: 100%;
+		}
+		.logo{
+			display: block;
+		}
+		.full{
+			width: 100%;
+			height: 100%;
+		}
+		.formdiv{
+			background-color: #AAAAAA;
+			height: 100%;
+			padding: 10% 0 0 70px;
+		}
+		.appinfodiv{
+			background-color: #DDDDDD;
+			height: 100%;
+			padding: 10% 0 0 70px;
 		}
 	</style>
     <body>
-	<div class="jumbotron">
-	<div class="container">
-	<h1>InforBank</h1>
-	</div>
-	</div>
-	<div class="container">
-        <form class="form-signin" method="post">
+	<div class="full">
+		<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 appinfodiv">
+			<img class="logo" alt="logo" src="assets/logo.png"/>
+			<h3>Welkom bij de InforBank</h1>
+			Bij InforBank krijg je zelfs 10% rente op betaalrekeningen.<br/><br/>
+			Je kunt bij InforBank ook online betalen.<br/><br/>
+			BIC: INFONL2N
+		</div>
+		<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 formdiv">
+		<form class="form-signin" method="post">
 			<h2 class="form-signin-heading">Inloggen</h2>
 			<label for="inputUsername" class="sr-only">Rekeningnummer (alleen cijfers)</label>
 			<input type="text" id="inputUsername" name="rekeningnr" class="form-control" placeholder="012456789"/>
@@ -49,10 +66,8 @@
 			<input type="password" id="inputPassword" name="pascode" class="form-control" placeholder="0000"/>
 			<button class="btn btn-lg btn-primary btn-block" type="submit">Inloggen</button>
 		</form>
+		</div>
 	</div>
-	<footer class="footer">
-	&copy 2017 Alle rechten voorbehouden
-	</footer>
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
     </body>
